<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ----- MENU ----- */
.header{
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 10;
    transition: ease .3s;
}
.header.fixed{
    background-color: #0000006b;
    transition: ease .3s;
}
.header-container{
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-logo {
  max-width: var(--header-logo-size);
  height: 100%;
}
.mobile-menu{
    display: flex;
}
.logo{
    display: flex;
    position: absolute;
    left: 50px;
    top: 30px;
    border-bottom: none!important;
    padding: 0!important;
}
.open-mobile i{
    color: #fff;
    font-size: 25px;
}
a.close-mobile{
    display: flex;
    position: absolute;
    right: 50px;
    top: 30px;
    border-bottom: none!important;
    padding: 0!important;
}
.close-mobile i{
    color: #fff;
    font-size: 25px;
    transition: ease .3s;
}
a.close-mobile:hover i{
    transition: ease .3s;
}
.header-menu{
    display: none;
    font-size: 25px;
}
.header-mobile{
    display: flex;
    flex-wrap: wrap;
    padding: 0px 50px;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #171717;
    top: 0;
    right: -100%;
    z-index: 50;
    transition: right 0.5s;
    margin-top: 0;
}
.header-mobile.opened {
    right: 0;
}
.header-mobile .menu1{
    width: 49%;
    padding: 150px 50px 150px 0;
    gap: 25px;
    margin: auto 0;
    justify-content: center;
}
.header-mobile .menu-div{
    width: 1px;
    background-color: #fff;
}
.header-mobile .header-link {
  text-decoration: none;
  color: #ffffffc2;
  font-size: 70px;
  transition: ease .3s;
}
.header-mobile .header-link:hover{
    color: #fff;
    transition: ease .3s;
}
.header-mobile .menu2{
    width: 49%;
    margin: auto 0;
    padding: 150px 0 150px 0px;
    gap: 129px;
    justify-content: center;
}
.header-mobile .menu2 .redes{
    width: 100%;
    gap: 20px;
    padding-left: 100px;
}
.header-mobile .menu2 .redes i{
    color: #fff;
    font-size: 20px;
}
.header-mobile .menu2 .endereco{
    width: 100%;
    gap: 50px;
}
.header-mobile .menu2 .endereco .ende{
	max-width: 360px;
    width: 100%;
    gap: 15px;
    position: relative;
    padding: 20px;
    justify-content: center;
    margin-left: 80px;
}
.header-mobile .menu2 .endereco .ende:before{
	content: "";
	width: 0%;
	height: 100%;
	background-color: #ffffff0a;

	position: absolute;
	left: 0;
	z-index: 1;
	transition: ease .5s;
}
.header-mobile .menu2 .endereco .ende:hover:before{
	width: 100%;
	border: 1px solid #ffffff14;
	transition: ease .5s;
}
.header-mobile .menu2 .endereco .ende:after{
	content: "";
	display: flex;
	width: 43px;
	height: 30px;
	background-image: url('../imagens/home/seta.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 43px 30px;
	opacity: 0;
	filter: brightness(0) saturate(100%) invert(60%) sepia(1%) saturate(0%) hue-rotate(355deg) brightness(92%) contrast(87%);
	position: absolute;
	right: 10px;
	transition: ease .7s;
}
.header-mobile .menu2 .endereco .ende:hover:after{
	opacity: 1;
	transition: ease .7s;
}
.header-mobile .menu2 .endereco .ende .txt{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}
.header-mobile .menu2 .endereco .ende p{
    color: #ffffffa6;
    position: relative;
    z-index: 2;
}
.header-mobile .menu2 .news-menu{
    width: 100%;
    color: #fff;
    gap: 15px;
    padding-left: 100px;
}
.header-mobile .menu2 .news-menu span{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.header-mobile .menu2 .news-menu .input{
    width: 100%;
    min-height: 52px;
    position: relative;
    border-bottom: 1px solid #ffffffa6;
    display: flex;
}
.header-mobile .menu2 .news-menu .input input{
    width: 100%;
    background-color: transparent;
    color: #ffffffa6;
}
.header-mobile .menu2 .news-menu .input input::placeholder{
    color: #ffffffa6;
}
.header-mobile .menu2 .news-menu .input button{
    width: 150px;
    border-left: 1px solid #ffffffa6;
}



.main-footer {
    width: 100%;
    background-color: var(--preto);
    color: #fff;
    padding: 80px 0 100px;
    flex-direction: column;
}
.main-footer .container{
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 100px;
}
.main-footer .footer-logo{
    flex-direction: column;
    padding: 20px 0;
}
.main-footer .footer-column{
    flex-direction: column;
    gap: 20px;
    padding: 20px 0;
}
.main-footer .footer-column a,
.main-footer .footer-column .endereco .loja div p{
    color: #8C8C8C;
    transition: ease .3s;
}
.main-footer .footer-column a:hover,
.main-footer .footer-column .endereco .loja div p:hover{
    color: var(--vermelho);
    transition: ease .3s;
}
.main-footer .footer-column a i{
    color: var(--vermelho);
}
.main-footer .footer-column.redes a{
    gap: 20px;
    display: flex;
    align-items: center;
}
.main-footer .footer-column.lojas{
    padding: 20px;
    background-color: #8080801c;
}
.main-footer .footer-column.lojas h5.titulo{
    border-bottom: 1px solid #8c8c8c54;
    padding-bottom: 20px;
}
.main-footer .footer-column .endereco{
    gap: 50px;
}
.main-footer .footer-column .endereco .loja{
    flex-direction: column;
    width: 280px;
    gap: 20px;
}
.main-footer .footer-column .endereco .loja div{
    flex-direction: column;
    gap: 10px;
}
.main-footer .footer-column .endereco .loja div span{
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 5px;
    color: #ffffffc7;
}
.main-footer .copyright{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding-top: 100px;
    border-top: 1px solid #ffffff40;
}
.main-footer .copyright span{
    color: #ffffffe0;
}


.flutuante{
    position: fixed;
    bottom: 15%;
    right: 20px;
    z-index: 11;
    transition: ease .3s;
}
.flutuante:hover{
    scale: 1.2;
    transition: ease .3s;
}
.flutuante img{
    width: 100%;
}


.formulario-footer{
    width: 100%;
    background-color: var(--bg2);
    padding: 0 0 100px;
}
.formulario-footer .container{
    align-items: center;
    justify-content: space-between;
}
.formulario-footer form{
    width: 48%;
    flex-direction: column;
    gap: 30px;
    padding: 0 5% 0 10%;
}
.formulario-footer form h2{
    margin-bottom: 10px;
}
.formulario-footer h2{
    font-size: 40px;
    color: var(--preto);
    position: relative;
}
.formulario-footer h2 strong{
    padding-left: 70px;
    display: flex;
    align-items: center;
}
.formulario-footer h2 strong span{
    display: inline;
    width: 50px;
    height: 2px;
    background-color: var(--vermelho);
    position: absolute;
    left: 5px;
}
.formulario-footer input,
.formulario-footer textarea{
    width: 100%;
    height: 80px;
    background-color: var(--bg2);
    color: var(--preto1);
    font-size: 25px;
    border-bottom: 1px solid #0000003b;
}
.formulario-footer textarea{
    height: 100px;
}
.formulario-footer input::placeholder,
.formulario-footer textarea::placeholder{
    font-weight: 400;
    color: var(--preto1);
    font-size: 24px;
}
.formulario-footer button{
    width: 268px;
    height: 64px;
    background-color: var(--preto1);
    color: #fff;
    place-content: center;
    border-radius: 50px;
}
.formulario-footer .img{
    width: 48%;
    height: 981px;
}
.formulario-footer .img img{
    width: 100%;
    object-fit: cover;
}



/* PAGINAÃ‡ÃƒO */
.paginacao{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.paginacao .lista-paginacao{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.paginacao .lista-paginacao span, 
.paginacao .lista-paginacao li a{
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--preto);
    padding: 10px 15px;
    border-radius: 50%;
    transition: all .3s ease-in-out;
}
.paginacao .lista-paginacao span:hover, 
.paginacao .lista-paginacao li a:hover,
.paginacao .lista-paginacao li a.active{
    background-color: var(--preto);
    color: #fff;
}


@media screen and (min-width: 1950px) {
    .banner-slider .banner-slide .absolute-container .container{
        width: 95%!important;
    }
    .container, .copyright{
        width: 1920px!important;
    }
}
/* MEDIA DESKTOP */
@media screen and (max-width: 1600px){

}

@media screen and (max-width: 1440px){

}

@media screen and (max-width: 1366px){
    .main-footer .container{
        gap: 30px;
        justify-content: space-evenly;
    }
}

@media screen and (max-width: 1250px){
    
}

@media screen and (max-width: 1280px){
    .container{
        width: 90%;
    }
    .formulario-footer form{
        padding: 0 5% 0 0%;
    }
}

@media screen and (max-width: 1100px){
    
}

/* MOBILE */
@media screen and (max-width: 1000px){
    .header-mobile{
        align-content: start;
        gap: 50px;
    }
    .header-mobile .menu1{
        width: 100%;
        padding: 150px 0px 25px 0;
    }
    .header-mobile .menu-div{
        display: none;
    }
    .header-mobile .menu2{
        width: 100%;
        padding: 25px 0px 100px 0;
    }
    .header-mobile .menu2 .redes i{
        font-size: 45px;
    }


    .formulario-footer .img{
        display: none;
    }
    .formulario-footer form{
        width: 100%;
        padding: 0;
    }


}

@media screen and (max-width: 800px){
    .news .text1,
    .news .text2{
        width: 100%!important;
    }
}

@media screen and (max-width: 600px){
    .header-mobile{
        padding: 0 5%;
    }
    .logo{
        left: 5%;
    }
    a.close-mobile{
        right: 5%;
    }
    .header-mobile .header-link{
        font-size: 40px;
    }
    .header-mobile .menu2 .redes i{
        font-size: 35px;
    }
    .header-mobile .menu2{
        gap: 70px;
    }

    

    .main-footer .container{
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 400px){

}

@media screen and (max-width: 375px){

}
</pre></body></html>