/* Banner */

.slider--banner .container { position: relative; z-index: 9; }
.slider--banner .swiper-slide { overflow: hidden; backface-visibility: hidden; }
.slider--banner .banner--slide { display: block; --color-text: var(--white); --color-bg: var(--dark); }
.slider--banner .banner--slide .container { height: 650px; }
.slider--banner .banner--slide-content { --top: 90px; overflow: hidden; position: absolute; top: var(--top); left: 0; display: flex; flex-direction: column; align-items: flex-end; width: 100%; height: calc(100% - var(--top)); background: linear-gradient(45deg, var(--color-bg-1) 0%, var(--color-bg-2) 100%); }
.slider--banner .banner--slide-content::after { content: " "; position: absolute; z-index: 1; top: -10%; left: -50%; width: 200%; height: 120%; box-shadow: rgba(0, 0, 0, 0.17) 0px -50px 50px 0px inset, rgba(0, 0, 0, 0.25) 0px -100px 200px 0px inset; transform: rotate(-2deg); }
.slider--banner .banner--slide-brasileirese { position: absolute; z-index: 6; bottom: 80px; left: 10px; width: 810px; height: 155px; object-fit: contain; transform: translateX(-50%); background: transparent url(../images/brasileirese-com-neutrox.png) right 40px bottom no-repeat; }
.slider--banner .banner--slide-media { position: absolute; z-index: 2; top: 40px; left: 80px; width: 600px; height: calc(100% - 20px); }
.slider--banner .banner--slide-media img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.slider--banner .banner--slide-product { position: absolute; z-index: 3; right: 170px; top: 20px; width: 131px; height: 520px; transform: rotate(25deg) !important; object-fit: contain;  }
.slider--banner .banner--slide-title { padding: 40px 0 0 30px; width: 500px; font-size: 36px; font-weight: 600; color: var(--white); }
.slider--banner .banner--slide-title span { display: block; width: 100px; }
.slider--banner .banner--slide-title span span {  display: block; font-size: 16px; line-height: 1em; }
.slider--banner img.banner--slide-selo-1,
.slider--banner img.banner--slide-selo-2 { opacity: 0; position: absolute; top: 110px; right: 30px; width: 90px; height: 90px; transform: scale(1.3); object-fit: contain; transition: .6s;  transition-delay: 1.1s; }
.slider--banner img.banner--slide-selo-2 { top: 220px; right: 70px; }
.slider--banner .swiper-slide-active .banner--slide-selo-1,
.slider--banner .swiper-slide-active .banner--slide-selo-2 { opacity: 1; transform: scale(1); }
.slider--banner .btn { position: absolute; z-index: 5; bottom: 60px; right: 20px; padding: 0; width: 180px; color: var(--color-text); background: var(--color-bg); }
.slider--banner .banner--slide-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--white); background-position: center; background-size: cover; }
.slider--banner .banner--slide.slide-bg-2 .banner--slide-content::after { opacity: .2; }
.slider--banner .banner--slide.slide-bg-3 .banner--slide-content { align-items: flex-start; }
.slider--banner .banner--slide.slide-bg-3 .banner--slide-brasileirese { top: 90px; left: auto; right: 20px; }
.slider--banner .banner--slide.slide-bg-3 .banner--slide-media { left: auto; right: 80px; }
.slider--banner .banner--slide.slide-bg-3 .banner--slide-product { right: auto; left: 170px; }
.slider--banner .banner--slide.slide-bg-3 img.banner--slide-selo-1 { right: auto; top: 185px; left: 355px; }
.slider--banner .banner--slide.slide-bg-3 img.banner--slide-selo-2 { right: auto; left: 80px; }
.slider--banner .banner--slide.slide-bg-4 .banner--slide-content { align-items: flex-start; }
.slider--banner .banner--slide.slide-bg-4 .banner--slide-content::after { opacity: .7; }
.slider--banner .banner--slide.slide-bg-4 .banner--slide-brasileirese { top: 190px; left: auto; right: 10px; }
.slider--banner .banner--slide.slide-bg-4 .banner--slide-title span span { padding-left: 25px; }
.slider--banner .banner--slide.slide-bg-4 .banner--slide-media { left: auto; top: 0; right: 80px; height: 100%; }
.slider--banner .banner--slide.slide-bg-4 .banner--slide-product { right: auto; left: 170px; }
.slider--banner .banner--slide.slide-bg-4 img.banner--slide-selo-1 { right: auto; top: 240px; left: 325px; }
.slider--banner .banner--slide.slide-bg-5 .banner--slide-content { align-items: flex-start; }
.slider--banner .banner--slide.slide-bg-5 .banner--slide-content::after { opacity: .7; }
.slider--banner .banner--slide.slide-bg-5 .banner--slide-brasileirese { top: 240px; left: auto; right: 10px; }
.slider--banner .banner--slide.slide-bg-5 .banner--slide-title span span { padding-left: 25px; }
.slider--banner .banner--slide.slide-bg-5 .banner--slide-media { left: auto; right: 80px; }
.slider--banner .banner--slide.slide-bg-5 .banner--slide-product { right: auto; left: 170px; transform: rotate(30deg) !important; }
.slider--banner .banner--slide.slide-bg-5 img.banner--slide-selo-1 { right: auto; top: 185px; left: 305px; }
.slider--banner .banner--slide.slide-bg-5 img.banner--slide-selo-2 { right: auto; top: 275px; left: 260px; }
.slider--banner .banner--slide.slide-bg-6 .banner--slide-content::after { opacity: .4; }
.slider--banner .banner--slide.slide-bg-7 .banner--slide-content { display: none !important; }
.slider--banner .banner--slide-mobile { display: none; }
.slider--banner .banner--slide-mobile img { display: block; width: 100%; height: auto; }

.slider--banner.swiper img { display: block; width: 100%; height: auto; }
.slider--banner.swiper .swiper-pagination { left: 120px; bottom: 30px; width: auto; }

@media screen and (max-width: 1300px) {
    .slider--banner .banner--slide .container { height: 540px; }
}

@media screen and (max-width: 1180px) {    
    .swiper.slider--banner { padding-bottom: 50px; }
    .swiper.slider--banner .swiper-pagination { left: auto; bottom: 16px; width: 100%; }
    .slider--banner .banner--slide .container { position: absolute; height: 100%; }
    .slider--banner .banner--slide-brasileirese { left: 0 !important; right: auto !important; top: auto !important; bottom: 25px !important; width: 280px; height: 55px; background-size: 100px; transform: none; }
    .slider--banner .banner--slide-content { position: relative; top: auto; height: 100%; background: none !important; }
    .slider--banner .banner--slide-content::after { display: none; }
    .slider--banner .btn { bottom: 24px; right: 20px; width: 50px; height: 50px; }
    .slider--banner .btn .btn-label { display: none; }
    .slider--banner .banner--slide-media,
    .slider--banner .banner--slide-product,
    .slider--banner .banner--slide-title,
    .slider--banner img.banner--slide-selo-1,
    .slider--banner img.banner--slide-selo-2,
    .slider--banner .banner--slide-bg { display: none; }
    .slider--banner .banner--slide-mobile { display: block; }
}