* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: #18181A;
    color: #fff;
    position: relative;
}

.bg-custom {
    background-image: url(../images/bg.webp);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    z-index: -1;
    overflow: hidden;
}

.bg-custom::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(24, 24, 26, 0.2), rgba(24, 24, 26, 1));
}

/* Swiper Banner Styles */
.swiper-wrapper {
    height: auto;
}

.bannerSwiper {
    width: 100%;
    max-width: 100%;
}

.bannerSwiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}

.bannerSwiper .swiper-slide picture img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
}

/* Customizar botões de navegação */
.bannerSwiper .swiper-button-next,
.bannerSwiper .swiper-button-prev {
    color: #e32f2e;
    display: none;
}

.bannerSwiper .swiper-button-next:after,
.bannerSwiper .swiper-button-prev:after {
    font-size: 24px;
}

/* Customizar paginação */
.bannerSwiper .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.5;
}

.bannerSwiper .swiper-pagination-bullet-active {
    background: #e32f2e;
    opacity: 1;
}