@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap');



html, body{ overflow-x: hidden !important; font-family: 'Roboto', sans-serif;}

body::-webkit-scrollbar {width: 5px; height: 60px;}
body::-webkit-scrollbar-thumb {background: linear-gradient(90deg, rgba(213,186,115,1) 0%, rgba(247,183,60,1) 65%, rgba(171,110,44,1) 93%); border-radius: 10px;}
body::-webkit-scrollbar-track {background: #f1f1f1;  border-radius: 10px;}
body::-webkit-scrollbar-button {display: none;}


.container{max-width: 1410px;}

#menu{position: absolute; top: 0;  width: 100%; z-index: 999; text-align: right; padding-top: 60px;}
.navbar-menu {position: absolute; display: flex; padding-top: 60px;}
#menu a {text-decoration: none; color: #fff;}
#menu h2{font-size: 17px; color: #f7b73b; margin: 0; font-weight: 400; padding-top: 40px;}
#menu h3{font-size: 25px; color: #fff; font-weight: 400;}
.icones-redes img{margin: 0 3px;}
.logo-centro {position: absolute;z-index: 10;left: 0;right: 0;margin: 0;padding: 0;display: flex;
justify-content: center;align-items: center;}
.imagem-logo{width: 350px;}
.imagem-logo img {max-width: 100%; height: auto;}
.collapse:not(.show){display: block; transform: translateX(-100%); overflow-y: auto !important; transition: all 0.5s;}
.navbar-collapse {position: fixed;z-index: 1000;transform: translateX(0%);background: #f7b73c;top: 0;left: 0; width: 100%; max-width: 530px; transition: all 0.5s;overflow-y: auto !important; height: 350px;}
.img-fluid{transform: translateX(0px) !important;}
.navbar-nav{padding: 25px 60px 0px; }
.nav-link{color: #fff; font-size: 20px; padding: 5px 0;}
.titulo-reserva p{margin: 0;}



#carrossel{margin-top: -24px;}
.mobile{display: none;}
.carousel-control-prev {left: 125px; opacity: 0; transition: all .3s;}
.carousel-control-prev:hover {opacity: .9; transition: all .3s;}
.carousel-control-next {right: 125px; opacity: 0; transition: all .3s;}
.carousel-control-next:hover{opacity: .9; transition: all .3s;}
.carousel-indicators{bottom: 100px; z-index: 1000;}
.carousel-indicators li{width: 10px; height: 10px; border-radius: 20px;}


#cadastre-se{position: relative; z-index: 98; background-color: #00000098; padding: 25px 0; margin-top: -98px;}
.form-container {display: flex;flex-wrap: wrap;align-items: center;gap: 20px; }
.form-item {flex: 1;min-width: 200px;}
.central{display: inline-flex; align-items: center;}
.central h2{color: #fff; font-size: 20px; font-weight: 300; padding-left: 30px; margin: 0;}
.titulo-form{text-align: center; color: #fff;}
.form-control{border-radius: 0; border: none; border-left: 4px solid #f7b73b;  background-color: #fff; padding: 10px;}
.form-control::placeholder{color: #7b7b7b;}
.enviar{background-color: #f7b73b; font-size: 20px; border-radius: 0;border: none; border-bottom: 4px solid #aa8133; padding: 6px 20px; margin-left: 10px; }
.enviar::-ms-value{}
.enviar:hover{background-color: #dfa93d;}

#conceito{background-color: #f5f4f4;}
.planta{padding: 50px 0 165px 0;}
.planta img{width: 100%;}
.retangulo{height: 50px; width: 5px; background-color: #dfa93d; margin-top: 50px;}
.titulo-reserva h1{padding-top: 30px; font-size: 35px;}
.titulo-reserva h1 span{color: #f7b73b;}
.titulo-reserva p{padding: 20px 0; width: 80%;}
.btn-r{background-color: #f5f4f4; border: 3px solid #f7b73b; padding: 10px;  color: #f7b73b; transition: all 0.3s;}
.btn-r img{margin-left: 15px;}
.btn-r:hover{background-color: #f7b83b3b; color:#7b7b7b;  transition: all 0.3s;}

#video {position: relative;z-index: 999;margin-top: -115px;padding-bottom: 20px;}
.divisa img {width: 100%;margin-bottom: 10px;}
.box-video { box-shadow: 0px 4px 14px #000;overflow: hidden;max-width: 100%;}
.video-container {position: relative;width: 100%;padding-bottom: 56.25%; height: 0;overflow: hidden;}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0; }


#implantacao{background-image: url("..//img/fundo-planta.jpg"); background-size: cover; background-position: top center; background-repeat: no-repeat; padding-top: 165px; margin-top: -115px;}
.titulo-planta{position: relative; color: #fff; display: flex; align-items: center; justify-content: space-between;}
.titulo-planta::before { content: "";position: absolute;width: 8px; height: 50px; margin-top: -13px;background-color: #f7b73b; }
.titulo-planta h1{font-size: 35px; margin: 0; padding-left: 30px;}
.titulo-planta p{padding-left: 30px;}
.titulo-planta p span{color: #f7b73b; }


.map-container {position: relative; width: 55%; margin-top: 30px;}
.map-container img {width: 100%; height: auto;}
.magnifier { position: absolute;display: none;width: 150px;height: 150px; border: 2px solid #fff; border-radius: 50%;pointer-events: none;}
.map-container:hover .magnifier {display: block;}
.texto-implantacao{margin: 20px 0;}
.texto-implantacao p{color: #fff;}

.map-org{display: flex; justify-content: space-between;}
.sidebar {text-align: right; margin-top: 30px; }
.sidebar ul {list-style: none;padding: 0;}
.sidebar li {margin-bottom: 10px;color: #fff;}
.sidebar li::after {content: "✔";color: #f7b73b;margin-left: 10px;}
.btn-p{background-color: #ffffff00; border: 3px solid #f7b73b; padding: 10px; margin-top: 30px; color: #f7b73b; transition: all 0.3s;}
.btn-p img{margin-left: 45px;}
.btn-p:hover{background-color: #f7b83b3b; color:#fff;  transition: all 0.3s;}
.divisa-2{ margin-top: -20px;}
.divisa-2 img{width: 100%;}


.titulo-galeria{color: #2e2b24; display: flex; align-items: center; justify-content: left; padding-top: 30px;}
.titulo-galeria::before { content: "";position: relative;width: 8px; height: 50px; margin-top: -13px;background-color: #04234c; }
.titulo-galeria h1{font-size: 35px; margin: 0; padding-left: 30px;}
.titulo-galeria p{padding-left: 30px; color: #615454;}


#localizacao{background-color: #f5f4f4;}
.localizacao-container{padding-left: 35%;}
.titulo-localizacao h1{padding-top: 30px; font-size: 35px;}
.titulo-localizacao h1 span{color: #f7b73b;}
.titulo-localizacao p{padding: 20px 0;}

.whatsapp-float {position: fixed;bottom: 20px;right: 20px;z-index: 9999;background-color: #25D366;border-radius: 50%;padding: 10px;box-shadow: 0 4px 10px rgba(0,0,0,0.3);transition: transform 0.3s ease;}
.whatsapp-float:hover {transform: scale(1.1);}
.whatsapp-float img {display: block;}

.logo-cliente{height: 120px; overflow: hidden;}
.logo-cliente img{width: 100%;}
.modal {display: none;  position: fixed;top: 0;left: 0;width: 100%;height: 100%;justify-content: center;align-items: center;background-color: rgba(0,0,0,0.7);z-index: 1000;}
.modal img {max-width: 90%;max-height: 90%;}
#modalImg{top: 30px; left: 90px;}
.fechar {position: absolute;top: 20px; right: 30px; font-size: 40px; color: white; cursor: pointer;}
.close {position: absolute;top: 20px;right: 35px;color: white;font-size: 40px;font-weight: bold;cursor: pointer;}
.prev, .next { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0,0,0,0.5); color: white;font-size: 40px;padding: 10px;cursor: pointer;border: none;z-index: 10000;}
.prev {left: 10px;}
.next { right: 10px;}


#footer {background-image: url('..//img/Sem Título-8.png'); color: #fff;font-size: 14px; padding-bottom: 20px;}
#footer .col-lg-2{width: 20%;}
.footer-info img{padding-top: 50px; }
.footer-links{padding-top: 50px;}
.footer-links h3{font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #004c99; font-weight: 300; }
.footer-links ul {padding: 10px 0 0 0;}
.footer-links ul li{list-style: none;}
.footer-links ul li a{font-family: 'Roboto', sans-serif; color: #777674; text-decoration: none; font-size: 16px; line-height: 1.8;}
.footer-links ul li a:hover{color: #535352;}
#contatos1{padding-top: 20px;}
#contatos1 a{text-decoration: none; }
#contatos1 h3{color: #004c99; font-weight: 400; font-size: 25px; font-weight: 500;}
#contatos1 p{color: #00283b; font-weight: 500; line-height: 1; margin: 0; }
.endereco1 a{text-decoration: none; color: #777674;}
.endereco1 h4{font-family: 'Roboto', sans-serif; color: #777674; font-size: 13px; font-weight: normal; padding-top: 20px;}
.endereco1 p{font-family: 'Roboto', sans-serif; font-size: 15px; text-decoration: underline; text-underline-position: under;}
.footer-newsletter{padding-left: 50px;}
.footer-newsletter h3{font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #004c99; font-weight: 300; padding-top: 50px;}
#redesmobile{display: none;}
.rede-sociais img{padding-top: 30px; padding-right: 5px; padding-left: 5px; width: 50px;}
footer{background-color: #164d95;}
#direitos{padding-top: 20px;}
#direitos p{font-family: 'Roboto', sans-serif; color: #fff; font-size: 12px; font-weight: 500;}
#logo-as{text-align: right; padding-top: 15px;}
.logo-as-01{width: 60px;}
.caixa-img{height: 200px; overflow: hidden;}
.desenvolvedor {position: absolute; right: -10%; bottom: 55%; background-color: #fff; text-align: left; border-radius: 8px; width: 250px; opacity: 0; transition: opacity 0.3s ease;}
.desenvolvedor:hover {opacity: 1;}
.desenvolvedor h1 {background-color: #f6f6f6; padding: 10px; font-size: 17px; border-radius: 5px;}
.desenvolvedor p {font-size: 14px; padding: 10px;}
.contato_desenvolvedor {display: flex; align-items: center; justify-content: space-between; padding: 10px;}
.contato_desenvolvedor p {margin: -20px 0 0 0;}
.contato_desenvolvedor img{width: 30px; padding: 0 !important;}

@media screen and (max-width: 1680px){
    .titulo-reserva p{width: 100%;}
    .retangulo{display: none;}
}

@media screen and (max-width: 1440px){
    .carousel-control-prev{left: 25px;}
    .carousel-control-next{right: 25px;}
    .locacao-container{padding-left: 10px;}
    .navbar-menu {padding-top: 20px;padding-left: 80px;}
    .titulo-reserva p{margin: 0;}
    .btn-r{margin: 0;}
    
    
}




@media screen and (max-width: 1235px){
    #video{margin-top: 0;}
    #conceito{padding-bottom: 30px;}
    

}

@media screen and (max-width: 1024px){
    .central h2{font-size: 15px;}
    .planta{padding: 20px 0 20px 0;}
    .titulo-reserva{padding-bottom: 20px; text-align: center;}
    .retangulo{display: none;}
    .titulo-reserva{padding: 0 10px;}
    .titulo-reserva p{width: auto; padding: 10px;}
    .btn-r{margin-top: 0; margin-bottom: 30px;}
    #video{margin-top: -20px;}
    #implantacao{background-size: cover; }
    .divisa-2{margin: 0; }
    .map-org{display: block;}
    .map-container{width: 100%;}
    .sidebar{text-align: center;}
    .sidebar ul{display: flex;flex-wrap: wrap;justify-content: center;}
    .btn-p{margin-top: 0; margin-bottom: 20px;}
    .titulo-locacao{text-align: center;}
    #footer {text-align: center;}
    #footer .col-lg-2{width: 100%;}
    .footer-links{padding-top: 20px;}
    .footer-newsletter{padding-top: 20px; padding-left: 10px;}
    .footer-newsletter h3{padding-top: 0;}
    .footer-links ul{margin: 0;}
    #contatos1 {padding: 0;}
    .endereco1 h4{padding-top: 0;}
    #conceito .col-lg-7{width: 100%;}
    #conceito .col-lg-5{width: 100%;}
    #locacao .col-lg-7{width: 100%;}
    #locacao .col-lg-5{width: 100%;}
    #conceito{padding-bottom: 0px;}
    
    
   
    
    
}

@media screen and (max-width: 990px){
    #menu{text-align: center;}
    .desktop{display: none;}
    .mobile{display: block;}
    .navbar-menu {padding-left: 0px;}
    footer{text-align: center;}
    #logo-as{text-align: center; padding-top: 0; padding-bottom: 20px;}
    .form-container{display: block; text-align: center; }
    .d-flex{display: block !important;}
    .form-item{margin-bottom: 10px;}
    .enviar{margin-top: 10px;}
    #cadastre-se{margin-top: 0;}
    .icones-redes{padding-top: 340px;}
    .logo-cliente{height: auto;}
    #modalImg {top: 250px;left: 25px;}
   
}

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

}