@charset "UTF-8";

/* Variáveis */
:root {
	--cor1: #45464c;
	--cor2: #d8ff3c;
    --cor3: #d4d2d2;
    --cor4: #293a4a;
    --cor5: #1d2b37;
}

/* Base */
html{ scroll-padding-top: 90px;}
@media (min-width:1024px) {html{ scroll-padding-top: 150px;}}

body {font-family: 'Montserrat', sans-serif; overflow-x: hidden; }
@media (max-width: 1024px){main {width: 100vw; overflow-x: hidden;}}



/* Header */
.header {background: #fff; position: sticky; top: 0; z-index: 1000; }

/* Navegação */
    
@media (min-width: 501px) and (max-width: 1440px) {.navbar-brand img {max-width: 230px;}}    
@media (max-width: 500px) {.navbar-brand img {height: 47px}}
.navbar-nav {--bs-nav-link-padding-y: 0rem;}

@media (min-width: 1200px) {
    .header .nav-link {font-size: 1rem; font-weight: 500;  position: relative; margin: 0 3px;}

    .nav-link:focus, 
    .nav-link:hover,
    .navbar-nav .nav-link.active, 
    .navbar-nav .nav-link.show,
    .nav-item:hover .nav-link {color: var(--cor1);}

    .navbar-nav .nav-link.active:before,
    .header .nav-link:hover:before {content: ""; position: absolute; background: var(--cor2); height: 2px; left: 8px; right: 8px; bottom: 0;}

    .navbar-nav .dropdown-menu {background: var(--cor1);}
    .navbar-nav .nav-item:hover .dropdown-menu {display: block;} 
    .navbar-nav .dropdown-item {color: var(--cor4);}
    .navbar-nav .dropdown-item:hover {background: var(--cor3); color: var(--cor4);}
}

@media (max-width: 1199px) {
    .header .nav-link,
    .navbar-nav .dropdown-item {padding: 6px 0; border-bottom: 1px solid #eee;}
    .navbar-nav .dropdown-menu {border: 0;}
    .navbar-nav .nav-link {font-size: 1.1rem}
}

/* Theme */
@media (min-width: 1400px) {.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1278px; }}
@media (max-width: 768px) {.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 3.5rem; }}
.btn-primary {--bs-btn-bg: var(--cor1); --bs-btn-border-color: var(--cor1); --bs-btn-hover-color: var(--cor1); --bs-btn-hover-bg: var(--cor2); --bs-btn-hover-border-color: var(--cor2);}
.btn-secondary {--bs-btn-bg: var(--cor2); --bs-btn-border-color: var(--cor2); --bs-btn-hover-bg: var(--cor9); --bs-btn-hover-border-color: var(--cor9);}
.btn-outline-secondary {--bs-btn-color: var(--cor2); --bs-btn-border-color: var(--cor2); --bs-btn-hover-color: var(--cor1); --bs-btn-hover-bg: var(--cor2); --bs-btn-hover-border-color: var(--cor2);}

.form-control,.form-check .form-check-input {--bs-border-color: #868789;}

/* Topo */
.main-topo {background: url(../img/bg-topo.webp) repeat-x 50% 0; height: 18px; box-sizing: content-box;  border-bottom: 15px solid #fff; }

/* Marcas */
.marcas {display: flex; height: 180px; justify-content: center; align-items: center;}
.marcas-wrapper {position: relative;}
.marcas-wrapper:before {content: ""; height: 100%; position: absolute; z-index: 100; left: 0; top: 0; background: linear-gradient(to right, #d4d2d2, #d4d2d2, transparent); width: 100px;}
.marcas-wrapper:after {content: ""; height: 100%; position: absolute; z-index: 100; right: 0; top: 0; background: linear-gradient(to right, transparent, #d4d2d2, #d4d2d2); width: 100px;}

/* Animações */
.zoom-container {overflow: hidden;}
.zoom-image {object-fit: cover; width: 100%; height: 100%; transition: transform 0.4s ease;}
.zoom-container:hover .zoom-image {transform: scale(1.1);}

.zoom-button,
.zoom-shadow-button {cursor: pointer;transition: transform 0.2s ease;}
.zoom-button:hover {transform: scale(1.1);}
.zoom-shadow-button:hover {transform: scale(1.1);box-shadow: 0 8px 16px rgba(0,0,0,0.2);}

/* Swiper */
.swiper-button-prev:after {content: "" !important;}
.swiper-button-next:after {content: "" !important;}
.swiper-button-next, .swiper-button-prev {width: 44px !important;}
/*.swiper1 .swiper-button-prev1 {left: 10%;}
.swiper1 .swiper-button-next1 {right: 10%;}*/
@media (max-width: 1024px) {
    .painel .swiper-button-prev1,
    .painel .swiper-button-next1 {bottom: 20px; top: auto;}

    .banner .swiper-button-prev2,
    .banner .swiper-button-next2 {bottom: 20px; top: auto;}
}

/* Footer */
.footer {background: var(--cor4);}
.footer__copy {background: var(--cor5);}



/* Utilitários */
.bg1 {background: var(--cor1);}
.bg2 {background: var(--cor2);}
.bg3 {background: var(--cor3);}
.bg7 {background: var(--cor7);}
.bg8 {background: var(--cor8);}
.cor1 {color: var(--cor1);}
.cor2 {color: var(--cor2);}
.cor3 {color: var(--cor3);}
.shadow-1 {box-shadow: 5px 10px 15px rgba(0, 0, 0, .4);}
.filter-inverted {filter: brightness(0) invert(1);}
.cursor-default {cursor: default;}


.wa img { max-width: 30px; margin-top: 4px; vertical-align: middle;}
.wa {color: #fff; display: block;}
.wa:hover {background: #41a79d;}

.wa {position: fixed; right: 40px; width: 50px; height: 50px; bottom: 30px; padding: 5px; vertical-align: middle; text-align: center;
border-radius: 50%; background: #0ba360; z-index: 1000; z-index: 2000;}
.wa::after,
.wa::before{content: ''; position: absolute; opacity: 0; border: 4px solid #0ba360; left: -10px; top: -10px; right: -10px; bottom: -10px; -webkit-border-radius: 50%; animation: WaveWhatsApp 1.5s ease infinite;}
.wa::after{animation-delay: .5s;}
@keyframes WaveWhatsApp {0%{ transform: scale(0.5); } 50%{ opacity: 1; } 100%{ transform: scale(1.2); opacity: 0; }}