@charset "UTF-8";

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

@font-face {
  font-family: 'Astrid';
  src: url('../fonts/Astrid.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

html, body{width: 100%;  overflow-x: hidden !important; scroll-behavior: smooth;}
body{font-family: "Montserrat", sans-serif;  }



.topo {position: absolute; top: 0;left: 0;width: 100%;z-index: 999;color: white;}
.navbar-expand-lg{position: absolute; width: 100%; z-index: 1001; top: 40px;}
.logo-topo{margin: 0 auto;}
.logo {position: absolute; text-align: left; z-index: 999; }
.logo img{width: 25%; margin-top: -20px;}
.container{position: relative;}
.icones-redes{position: absolute; display: flex; align-items: center; right: 0; z-index: 1000; padding-top: 15px; padding-right: 10px;}
.icones-redes a img{width: 30px; margin: 0 3px;}
.telefone-m{display: none;}
.tele{margin-right: 20px;}
.tele p{margin: 0; font-size: 12px;}
.telefone{display: flex; flex-direction: column; text-align: left;}
.telefone a{text-decoration: none; color: #fff;}
.telefone a strong{font-weight: 500; font-size: 1.3rem;}
.telefone a:hover{color: #dbd3a7; text-decoration: none;}
.mx-2 img{width: 30px;}
.text-muted{color: #fff !important;}
.navbar-brand img{height: 180px; margin-top: 30px;}
.navbar-collapse{ background-color: #547fad !important;   position: absolute;right: 20px;top: 155px;}
.navbar-nav .nav-link{color: #fff; padding: 5px 10px;}
.navbar-nav .nav-link:hover{color: #fbdf79;}
.redes-sociais{display: flex; align-items: center; gap: 10px;}
.redes-sociais a img{width: 30px;}

/* Waves */
.header {position: relative;text-align: center;background: linear-gradient(60deg,rgba(84, 58, 183, 1) 0%,rgba(0, 172, 193, 1) 100%);color: white;}
.logo {width: 50px;fill: white;padding-right: 15px;display: inline-block;vertical-align: middle;}
.inner-header {height: 65vh;width: 100%;margin: 0;padding: 0;}
.flex {display: flex;justify-content: center;align-items: center;text-align: center;}
.waves {position: relative;width: 100%;height: 15vh;margin-bottom: -7px;min-height: 100px;max-height: 150px;}
.waves-2 {position: relative;width: 100%;height: 15vh;margin-bottom: -7px;min-height: 20px;max-height: 40px;}
.content {position: relative;height: 20vh;text-align: center;background-color: white;}
.waves-forms {position: absolute;top: -50px; left: 0;width: 100%;height: 200px; z-index: 10; pointer-events: none;}
.waves-bottom {bottom: -20px;transform: rotate(180deg); }
.waves-bottom-2 {top: -160px;transform: rotate(180deg); }
.waves-footer {top: -115px; height: 50px;}
/* Animation */

.parallax>use { animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;}
.parallax>use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
.parallax>use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.parallax>use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;}
.parallax>use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}
  @keyframes move-forever {
    0% {transform: translate3d(-90px, 0, 0);} 
    100% {transform: translate3d(85px, 0, 0);}
}
  /*Shrinking for mobile*/
  @media (max-width: 768px) {
    .waves {
      height: 40px;
      min-height: 40px;
    }

    .content {
      height: 30vh;
    }

    h1 {
      font-size: 24px;
    }
  }
/* Waves */


#carrossel{background-color: #25264f; position: relative; z-index: 1; overflow: visible;}
.logo_texto {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;
width: 100%;z-index: 10;}
.logo_texto .row{align-items: center;}
.logo_texto img{width: 100%;}
.logo_texto h1{color: #fff !important; text-align: center;  font-family: 'Astrid'; font-size: 40pt; text-shadow: 1px 6px 13px #000;}
.logo_texto h1 .st {color: #fbdf79;font-family: "Playfair Display", serif;font-style: italic;}
.carousel-indicators li{width: 10px; height: 10px; border-radius: 20px;}
.carousel-control-prev{top: 55px; left: 180px; opacity: 0; transition: linear .3s;}
.carousel-control-prev:hover{opacity: .5;}
.carousel-control-next{top: 55px; right: 180px; opacity: 0; transition: linear .3s;}
.carousel-control-next:hover{opacity: .5;}
.banner-c-mobile{display: none;}
.carousel-control-next, .carousel-control-prev{z-index: 1000;}
.animated-word {display: inline-block;filter: blur(10px);opacity: 0;transform: translateY(-50px);transition: filter 0.6s ease-out, opacity 0.6s ease-out,  transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);}
.animated-word.visible {filter: blur(0);opacity: 1;transform: translateY(0);}
 
#adquirir {position: relative;  z-index: 1; background-color: #374181; padding: 20px 0;}
#adquirir .container{position: relative;  z-index: 20; display: flex; align-items: center; justify-content: center;}
#adquirir .texto-formulario{width: 25%;}
#adquirir  .texto-formulario p{color: #fff; line-height: 1.2; margin: 0;}
#adquirir form{ display: flex; align-items: center; justify-content: center;}
.form-group{padding-left: .5rem; padding-right: .5rem; margin: 0;}
.form-control{background-color: #fff; border: none;border-radius: 0; height: calc(2.75rem + 2px); margin: 0 5px; color: #e4debc;}
.form-list input::placeholder{color: #858586; font-size: 18px;}
.enviar{background-color: #547fad; color: #fff; border-radius: 20px;  padding: .55rem 1.15rem; 
  font-size: 1.2rem; margin-left: 10px; font-weight: 600; text-transform: uppercase; transition: all .6s;}
.enviar:hover{background-color: #375779; transition: all .6s;}
.enviar img{padding: 0 5px;}
.input-icon {position: relative; margin-right: 5px;}
.input-icon i {position: absolute;left: 15px;top: 50%;transform: translateY(-57%);color: #aaa;font-size: 20px;}
.input-icon input {padding: 10px 10px 10px 35px; }


#conceito{ background-image: url("..//img/fundo-localizacao.jpg"); background-size: cover; padding: 20px 0;}
.texto-conceito h1{font-family: 'Astrid'; padding-bottom: 20px;}
.euquero{background-color: #547fad; color: #fff; border-radius: 20px;  padding: .55rem 1.15rem; 
  font-size: 1.2rem; font-weight: 600; text-transform: uppercase; transition: all .6s;}
.euquero:hover{background-color: #375779; transition: all .6s;}
.euquero img{padding: 0 5px;}
/* bike */
.bike-scene {position: relative;width: 100%;height: 400px;overflow: hidden;}
.background {width: 100%;border-radius: 20px; margin-top: 65px; object-fit: cover;}
.bike-container {position: absolute;bottom: 0;right: -300px; }
.bike-img {position: relative; z-index: 9999; height: 400px; }
.wheel {position: absolute;width: 149px;height: 149px; z-index: 1; }
.wheel-front { bottom: 0px; left: 222px;}
.wheel-back {bottom: 4px;left: -9px;}

#video{background-image: url("..//img/fundo-video.jpg"); background-size: cover; padding: 30px 0;}
.video-ep h1{color: #fff; font-family: 'Astrid'; padding-bottom: 20px;}
.video{padding-bottom: 30px;}
.video img{width: 100%;}
.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;}

.d-flex-localizacao{display: flex;}
.texto-localizacao{margin-right: auto; width: 550px; padding: 30px 0;}
.title h1{font-family: 'Astrid'; color: #292b52; padding-top: 50px;}
.title p{color: #71a3b0; line-height: 0; padding-bottom: 30px; font-weight: 500;}
.map-info {color: #71a3b0;text-align: left;padding: 15px 0;max-width: 400px;}
.map-list {list-style: disc;padding-left: 20px;margin-bottom: 20px;}
.map-list li {margin-bottom: 8px;font-size: 16px; margin: 0;}
.map-button {display: inline-flex;align-items: center;background-color: #45629a;color: white;text-decoration: none;font-weight: 500;padding: 10px 20px;border-radius: 20px;font-size: 16px; gap: 10px; transition: all .6s;}
.map-button i {margin-right: 10px;font-size: 18px;}
.map-button:hover {background-color: #375779; text-decoration: none; color: #fff; transition: all .6s;}

#galeria{position: relative; background-color: #374181;   }
#galeria h1{position: relative; z-index: 99; color: #fff; font-family: 'Astrid'; padding-top: 50px;}
:root {
  --index: clamp(20px, 1.2vw + 1.2vh, 43.33px);
  --transition: cubic-bezier(.1, .7, 0, 1);
}
.wrapper{display: flex;align-items: center;justify-content: center;height: 60vh;}
.items{display: flex;gap: .8rem;perspective: calc(var(--index) * 35);}
.item{width: calc(var(--index) * 3);height: calc(var(--index) * 12);background-color: #222;background-size: cover;background-position: center;cursor: pointer;transition: transform 1.25s var(--transition), filter 3s var(--transition), width 1.25s var(--transition);will-change: transform, filter, rotateY, width;}
.item::before, .item::after{content: '';position: absolute;height: 100%;width: 200px;right: calc(var(--index) * -1);}
.item::after{left: calc(var(--index) * -1);}
.items .item:hover{filter: inherit;transform: translateZ(calc(var(--index) * 7));}
/*Right*/
.items .item:hover + *{filter: inherit;transform: translateZ(calc(var(--index) * 5.5)) rotateY(35deg);z-index: -1;}
.items .item:hover + * + *{filter: inherit;transform: translateZ(calc(var(--index) * 4)) rotateY(40deg);z-index: -2;}
.items .item:hover + * + * + *{filter: inherit;transform: translateZ(calc(var(--index) * 2)) rotateY(30deg);z-index: -3;}
.items .item:hover + * + * + * + *{filter: inherit;transform: translateZ(calc(var(--index) * 1)) rotateY(15deg);z-index: -4;}
/*Left*/
.items .item:has( + :hover){filter: inherit;transform: translateZ(calc(var(--index) * 5.5)) rotateY(-35deg);}
.items .item:has( + * + :hover){filter: inherit;transform: translateZ(calc(var(--index) * 4)) rotateY(-40deg);}
.items .item:has( + * + * + :hover){filter: inherit;transform: translateZ(calc(var(--index) * 2)) rotateY(-30deg);}
.items .item:has( + * + * + * + :hover){filter: inherit;transform: translateZ(calc(var(--index) * 1)) rotateY(-15deg);}
.items .item:active, .items .item:focus {width: 28vw;filter: inherit;z-index: 100;transform: translateZ(calc(var(--index) * 7));margin: 0 .45vw;}

.modal {display: none;position: fixed;z-index: 9999;left: 0; top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);justify-content: center;align-items: center;padding: 1rem;}
.modal-content {max-width: 90vw;max-height: 90vh;display: flex;justify-content: center;align-items: center;}
.modal-content img {max-width: 100%;max-height: 100%;box-shadow: 0 0 20px rgba(255,255,255,0.3);}
/* Botão de fechar */
.modal-close {position: absolute;top: 1rem;right: 1rem;color: #fff;font-size: 2rem;cursor: pointer;}

#diferenciais{position: relative; margin-bottom: 30px;}
.tabs{display: flex; gap: 10px;}
.tab { background-color: #45629a; color: white; padding: 10px 15px; cursor: pointer; font-weight: bold;  transition: all .6s;}
.tab:hover{background-color: #375779; transition: all .6s;}
.tab.active {background-color: #375779; transition: all 1s;}
.blocos-info {padding-left: 15px; margin-top: 30px; height: 150px;}
.blocos-info h2 {color: #45629a;margin-bottom: 10px;}
.blocos-info ul {list-style-type: disc;padding-left: 20px;}

.section-natureza {display: flex;flex-wrap: wrap;}
.natureza-img {flex: 1;background-image: url('..//img/natureza.jpg');  background-size: cover; background-position: center;min-height: 400px; text-align: right;}
.natureza-img h1{font-family: 'Astrid'; color: #fff; padding-right: 20px; padding-top: 20px; font-size: 4rem;}
.natureza-texto {flex: 1; padding: 0px 10px;background-color: #fff; display: flex;flex-direction: column;}
.natureza-texto h1 {font-family: 'Astrid'; color: #2a2d54; padding-right: 20px; padding-top: 20px; font-size: 4rem;}
.natureza-texto h3 {color: #71a3b0; font-size: 1rem; line-height: 0;}
.natureza-texto p {color: #444;line-height: 1.6;margin-top: 15px; font-size: 1rem; width: 450px;}

/* Andamento de obra */
#obra{background-color: #3e5694;}
.bgwaves h1{font-family: 'Astrid';  font-weight: 400; color: #fff; padding-top: 20px;}
.bgwaves { padding-bottom: 20px;}
.obra-andamento{padding-top: 30px; scroll-margin: 106px 0 0 50px;}
.textazul {color: #4c2024;}
.head26 {font-size: 26px;font-weight: bolder;}
.single-chart {justify-content: space-around;text-align: center;}
.circular-chart {display: block;margin: 10px auto;max-width: 100%;max-height: 250px;border-radius: 50%;}
.circle-bg {fill: none;stroke: #f0db7c;stroke-width: 3;}
.circle {fill: none;stroke-width: 3;animation: progress 5s ease-out forwards;}
@keyframes progress {0% {stroke-dasharray: 0 100;}}
.circular-chart .circle {stroke: #9f8f48;}
.circular-chart .circle {stroke: #9f8f48;}
.percentage {font-family: 'Astrid'; fill: #f0db7c;font-size: 0.4em;font-weight: bold;text-anchor: middle;}
.single-chart p { color: #fff; font-size: 14px;font-weight: 400;}
.textlaranja {color: #4c2024;}
.head26 {font-size: 26px;font-weight: bolder;}
.border-secondary {border-color: #4c2024 !important;}
.card {overflow: hidden;transition: all .5s ease-in-out;min-height: 130px;height: 130px;}
.card img {height: 100%;transition: 0.25s;}
.barra-carrossel{background-color: #4c2024; height: 3px; margin-top: 3px;}


.d-flex-implantacao{display: flex;}
.mapa-implantacao{width: 50%;}
.mapa-implantacao img{width: 100%;}
.texto-implantacao{margin-right: auto; width: 50%; padding: 20px ;}
.title-implantacao h1{font-family: 'Astrid'; color: #292b52; }
.title-implantacao p{color: #71a3b0; line-height: 0; padding-bottom: 30px; font-weight: 500;}
.map-info {color: #71a3b0;text-align: left;padding: 20px 0;max-width: 400px;}
#implantacao .caixa-desc{width: 500px;}
.map-button {display: inline-flex;align-items: center;background-color: #45629a;color: white;text-decoration: none;font-weight: 500;padding: 10px 20px;border-radius: 20px;font-size: 16px; gap: 10px;}
.map-button i {margin-right: 10px;font-size: 18px;}
.map-button:hover {background-color: #355799; text-decoration: none; color: #fff;}

.modal-impla {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);justify-content: center;align-items: center;}
.modal-content-impla {position: relative;max-width: 90%;max-height: 90%;overflow: auto;background-color: #fff;
border-radius: 8px;padding: 10px;}
.modal-content-impla img {width: 100%;height: auto;cursor: grab;transition: transform 0.2s ease;}
.close-btn { position: absolute; top: 10px; right: 15px;font-size: 25px; color: #333;cursor: pointer;font-weight: bold; z-index: 10;}
/* Zoom + Scroll */
.zoom-container {overflow: hidden; max-height: 80vh;}

#footer-top{background-color: #3e5694; padding: 30px 0; position: relative;}
.logo-final{padding-top: 30px;}
.logo-final img{width: 100%;}
.redes{padding-top: 50px;}
.redes a img{width: 40px;}
.contato{color: #fff; padding-left: 30px;}
.contato a{text-decoration: none; color: #fff;}
.contato h1{font-family: 'Astrid';}
.contato h2{font-size: 1.5rem;}
.endereco{color: #fff;}
.endereco h1{font-family: 'Astrid';}
.endereco a{text-decoration: none; color: #fff;}
.endereco a:hover{color: #dadada;}
.endereco h2{font-size: 1rem; }
.grupo-logos {width: 200%; display: flex; align-items: center; gap: 20px; margin-bottom: 20px; color: #fff;}
.empresas-logo{display: flex; gap: 10px;}
.realizacao p, .empresas p {margin: 0 0 5px;font-weight: 400;font-size: 13px; padding-bottom: 10px;}
.realizacao img, .empresas img {max-height: 55px;margin-right: 10px;}
.empresas img {margin-top: 5px;}
.texto-legal {max-width: 60%;font-weight: normal;}
.texto-legal p{text-align: right; font-size: 10px;}

#direitoas-reservados{background-color: #374c83; padding: 20px 0;}
#direitoas-reservados p{color: #fff; font-size: 11px; margin: 0;}
.local h4{font-size: 13px;}

footer{background-color: #2c3e6c;}
.footer-as{background-color: #1d1d3e; padding: 15px;}
.footer-as .row{align-items: center;}
#direitos p{ color: #fff;  font-weight: 500; font-size: 11px; margin: 0;}
#logo-as{text-align: right; }
#logo-as img{width: 60px;}

.whatsapp-float {position: fixed;width: 60px;height: 60px;bottom: 20px;right: 20px;z-index: 999;background-color: #25D366;border-radius: 50%;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);display: flex;justify-content: center; align-items: center; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.whatsapp-float img { width: 35px; height: 35px;}
.whatsapp-float:hover {transform: scale(1.1);box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);}

/* Donwloads */
#downloads {padding: 40px 0; background-color: #3e5694;}
#downloads h1 {font-family: 'Astrid';  font-weight: 400; color: #fff; padding-top: 20px;}
.linha-arquivos {display: flex;justify-content: left;align-items: center;gap: 10px;flex-wrap: wrap;font-size: 18px;}
.linha-arquivos a {text-decoration: none;color: #fff;transition: color 0.3s;}
.linha-arquivos a:hover {color: #dadada;}
.linha-arquivos span {color: #ccc;font-weight: bold;}
/* ###### */

@media screen and (max-width: 1440px){
  .title-implantacao p{padding-bottom: 10px; margin-bottom: 10px;}
  .map-info {padding: 10px 0;} 
  .waves-footer{display: none;}
  .texto-implantacao{padding-bottom: 0;}
  .mapa-localizacao img{width: 100%;}
  .texto-localizacao .title h1{padding-top: 0px;}
  .natureza-img{background-size: auto;}

}

@media screen and (max-width: 1366px){
  .telefone{display: none;}
  .mapa-localizacao{ width: 100%; order: 1; flex: 2;}
  .texto-localizacao{width: 100%; order: 1; flex: 1;}
  .caixa-desc{width: 100%; margin: 0 auto;}
  #implantacao .caixa-desc p{margin: 0;}
  .waves-forms, .waves-bottom, .waves-bottom-2, .waves-footer{display: none;}
  .logo-topo{margin: 0;}
  .navbar-brand img{height: 100px;}
}

@media screen and (max-width: 1266px){
  .d-flex-localizacao {flex-direction: column;}
  .mapa-localizacao{ width: 100%; order: 2; flex: auto;}
  .texto-localizacao{width: 100%; text-align: center; order: 1; flex: auto;}
  .section-natureza{display: block; text-align: center;}
  .natureza-texto p{margin:0 auto; padding: 10px 0;}
  .natureza-img{display: flex; align-items: center; justify-content: center; background-size: cover; text-align: center;}
  .d-flex-implantacao{flex-direction: column;}
  .mapa-implantacao{width: 100%; order: 2;}
  .texto-implantacao{order: 1; margin: 0 auto; text-align: center;}
  #implantacao .caixa-desc{width: 100%;}
  .map-info {text-align: center;width: 100%;margin: 0 auto;}
}




@media screen and (max-width: 1024px){
  .logo_texto img {width: 40%;}
  .logo_texto h1 {font-size: 20pt;padding: 20px; text-align: center;}
  #adquirir .container{flex-direction: column; align-items: center; justify-content: center;}
  #adquirir .texto-formulario {width: 100%;text-align: center;}
  .form-list{width: 100%;}
  #adquirir form{flex-direction: column; width: 100%;}
  .input-icon{padding: 10px 0; width: 100%;}
  #localizacao{flex-direction: column;}
  .sobre-residencial{flex: 0 0 100%; max-width: 100%;}
  .localizacao-text{width: 100%; text-align: center; margin: 0; padding: 0;}
  .mapa-residencial{max-width: 100%;}
  .localizacao-image{padding: 0; margin-bottom: -24px;}
  .rodape{flex-direction: column;}
  .grupo-logos {width: 100%; flex-direction: column; align-items: center; text-align: center;}
  .texto-legal{max-width: 100%; text-align: center;}
  .texto-legal p{text-align: center;}
  .footer-as{text-align: center;}
  #logo-as{text-align: center;}
  #footer-top{text-align: center;}
  .logo-final img{width: 30%;}
  .contato, .endereco, .grupo-logos{padding: 20px 0;}
  #direitoas-reservados{text-align: center;}
  .texto-implantacao{width: 100%;}
  .texto-conceito{text-align: center;}
  .tabs{flex-direction: column;}
  #diferenciais .title{text-align: center;}
  #diferenciais P{text-align: center;}
  .natureza-texto p{width: 90%;}
  .caixa-desc{width: 90%;}
  .wrapper {display: block !important; height: auto !important;}
  .items { display: flex !important;align-items: center !important;flex-wrap: wrap;gap: 5px !important;perspective: none !important;transform: none !important;filter: none !important;flex-direction: row;justify-content: space-around;}
  .item {width: 150px !important;height: 150px !important;background-size: cover !important;background-position: center !important;cursor: pointer !important;transform: none !important;filter: none !important;transition: none !important;will-change: auto !important;z-index: auto !important;margin: 0 !important;position: relative !important;}
  .item::before,
  .item::after {display: none !important;}
  /* Desativa todos os efeitos de interação */
  .items .item:hover,
  .items .item:focus,
  .items .item:active,
  .items .item:hover + *,
  .items .item:hover + * + *,
  .items .item:hover + * + * + *,
  .items .item:hover + * + * + * + *,
  .items .item:has(+ :hover),
  .items .item:has(+ * + :hover),
  .items .item:has(+ * + * + :hover),
  .items .item:has(+ * + * + * + :hover) {transform: none !important;filter: none !important; rotate: none !important;z-index: auto !important;transition: none !important;}
  .modal.active {display: flex;}
  #galeria{text-align: center; padding-bottom: 20px;}
  #galeria h1{padding-top: 20px;}
  .empresas-logo{display: block;}
  
}


@media screen and (max-width: 990px){
  .banner-c-desktop{display: none;}
  .banner-c-mobile{display: block;}
  
  
}

@media screen and (max-width: 500px){
  .bike-container{right: -350px;}
  .blocos-info{height: 250px;}
  .euquero{margin-bottom: 20px;}
  
  
}