@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html, body{ overflow-x: hidden !important; scroll-behavior: smooth;}
body{font-family: "Roboto", sans-serif;}
.navbar .container{position: relative;}
.navbar-custom {background: transparent;position: absolute;top: 0; width: 100%; z-index: 999;}
.navbar-nav .nav-link {color: #fff;margin-left: 20px;font-weight: 500;}
.navbar-nav .nav-link:hover {color: #fbdf79;}
.nav-link{font-size: 18px; font-weight: 300 !important; }
.navbar-nav .nav-link{margin: 0 15px;}
.nav-item::before, .nav-item::after{content: ""; position: absolute; width: 2px; background-color: #dadad727;height: 25px; top: 25%;}
.border-menu::after{content: ""; position: absolute; width: 2px; background-color: #dadad727;height: 25px; top: 25%; margin-left: 15px;}
.navbar-brand img {height: 130px;}
.contact-info {color: #fff;margin-left: 30px;font-weight: 500;}
.social-menu {position: absolute; right: 0px; top: 28px; display: flex; align-items: end; flex-direction: column;}
.social-icons{display: flex; z-index: 999;}
.social-icons img {width: 25px; margin-left: 5px;}
.tele{text-decoration: none; color: #fff; padding-top: 5px; cursor: pointer;}
.tele:hover{color: #fbdf79; text-decoration: none;}
.d-mobile{display: none;}
.phone{display: none;}


.carousel-control-next, .carousel-control-prev{z-index: 10;}
.carousel-control-prev-icon, .carousel-control-next-icon{background-image: none;}
.carousel-control-prev{left: 130px;}
.carousel-control-next{right: 130px;}


#produtos{padding: 30px 0;}
#produtos h1{color: #008ea0; text-transform: uppercase; padding-bottom: 70px; font-weight: 400;}
#produtos .col-2{max-width: 20%; flex: 0 0 20%; padding-bottom: 70px;}
.imagem-produto {width: 170px; margin: 0 auto; padding-bottom: 30px;}
.imagem-produto img{width: 100%;}
.descricao{text-align: center;}
.descricao p{color: #343434; line-height: 20px;font-size: 20px;font-weight: 300;}
.btn-orcamento{text-decoration: none; background-color: #e5a53b; border-bottom: 6px solid #008ea0; border-radius: 0; color: #fff; text-transform: uppercase; }
.btn-orcamento:hover{background-color: #af7619; color: #fff;}

#sobre{background-image: url("..//img/fundo-01.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 30px 0;}
#sobre h2{color: #fff; text-transform: uppercase; padding-bottom: 30px; font-weight: 400;}
#sobre p{color: #fff; font-size: 20px;}
#sobre p span{color: #ffeb3f;}
.btn-f{text-decoration: none; background-color: #e5a53b; border-right: 6px solid #5ba499; border-radius: 0; color: #fff; text-transform: uppercase; }
.btn-f:hover{background-color: #af7619; color: #fff;}
.btn-f img{margin-right: 5px;}

#vantagens{background-color: #eeeeee; padding-top: 20px;}
#vantagens .row{align-items: center;}
#vantagens h2{color: #008ea0; text-transform: uppercase; padding-bottom: 30px; font-weight: 400;}
#vantagens p{font-size: 18px;}
.imagem-modelo img{width: 100%;}

#video{padding: 30px 0;} 
#video h2{color: #008ea0; text-transform: uppercase; padding-bottom: 30px; font-weight: 400;}
#video .row {display: flex; flex-wrap: wrap; gap: 15px; justify-content: space-between;}
.video-insta {flex: 1 1 0; max-width: calc(25% - 11.25px);}
.info-video {text-align: center;margin-bottom: 8px;font-weight: bold;color: #008ea0;}
.caixa-video {aspect-ratio: 9 / 16;overflow: hidden;border-bottom: 7px solid #008ea0;position: relative;}

.video-instagram {width: 100%; height: 100%;}
.video-instagram iframe {width: 100%; height: 100%; border: 0;}

#qualidade{background-image: url("..//img/fundo-02.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover;}
#qualidade {position: relative;width: 100%; height: 495px;  background: url("..//img/fundo-02.jpg") no-repeat center center;background-size: cover;display: flex;align-items: center; justify-content: flex-start;}
#qualidade h2 {color: #fff; text-transform: uppercase;  font-weight: 400; margin: 0;}
#qualidade .box-1, #qualidade .box-2 {background: #008ea0; display: block; padding: 5px 12px;margin-bottom: 5px;width: fit-content; border-left: 5px solid #e4a21e ;}
#qualidade .box-2 span {color: #f0b130; }



#contato{background-image: url("..//img/fundo-01.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 30px 0;}
#contato h3{text-transform: uppercase; color: #fff; font-size: 25px;}
#contato p{color: #fff; font-size: 14px; }
.endereco{padding-left: 80px;}
.quadro{padding-top: 25px;}
.icones-rodape{padding-top: 20px;}
.logo-rodape img{width: 90%;}
.icones-rodape img{width: 30px;}



footer{background-color: #004153; padding: 20px 0;}
footer .row{align-items: center;}
footer p{color: #fff; margin: 0; font-size: 13px;}
.logo-as{text-align: right;}
.logo-as img{width: 60px;}

@media screen and (max-width: 1024px){
    #carrossel .container{max-width: 720px;}
    .texto-banner{padding-top: 60px;}
    .carousel-control-prev{left: 0px;}
    .carousel-control-next{right: 0px;}
    #produtos{text-align: center;}
    #descrcao-produtos{text-align: center;}
}

@media screen and (max-width:960px){
    .navbar-toggler{position: relative; z-index: 1000;}
    .navbar-collapse{position: absolute; right: 0; top: 100px; background-color: #5ba499; max-width: 250px; margin-left: auto;}
    .navbar-brand img{height: 90px;}
    .phone{display: block;}
    .nav-item::before, .nav-item::after{ background-color: #dadad700; top: 0;}
    .border-menu::after{background-color: #dadad700; top: 0;}
    .align-items-center{align-items: end !important;}
    .social-menu{align-items: normal; top: 40px; right: 75px;}
    .tele{display: none;}
    #carrossel .container{max-width: 720px;}
    .texto-banner{padding-top: 60px;}
    .d-desktop{display: none;}
    .d-mobile{display: block;}
    #produtos .col-2{max-width: 50%; flex: 0 0 50%;}
    #contato{text-align: center;}
    .logo-rodape img{width: 50%; padding-bottom: 30px;}
    .contato-ajustadas, .redes-ajustadas{max-width: 100%;}
    footer{text-align: center;}
    .logo-as{text-align: center;}
    #sobre{text-align: center;}
    #vantagens{text-align: center;}
    #video{text-align: center;}
    #video .row{display: block; padding:0 10px;}
    .video-insta {max-width: 100%; }
    #qualidade{text-align: center;}
    .endereco{padding: 0;}
    .quadro{padding: 0;}
    .caixa-video{margin-bottom: 30px;}
    #vantagens .col-lg-3{display: none;}
   
}