/* RESET */

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;
}

html{
scroll-behavior:smooth;
}

body{
background:#f5f5f5;
color:#414042;
line-height:1.6;
}

section{
scroll-margin-top:60px;
}

/* CONTAINER */

.container{
max-width:1200px;
margin:auto;
padding:20px;
}

.center{
text-align:center;
}



/* MENU */

.topbar{
position:fixed;
top:0;
width:100%;
background:#614c14;
z-index:999;
}

.nav{
display:flex;
justify-content:space-between;
align-items:center;
color:white;
}

.logo{
font-weight:bold;
font-size:16px;
}

.nav a{
color:white;
margin-left:20px;
text-decoration:none;
font-size:14px;
transition:0.3s;
}

.nav a:hover{
opacity:0.7;
}



/* HERO */

.hero{
height:100vh;
background:url("assets/img/banner.jpg") center/cover no-repeat;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:relative;
color:white;
}

.hero::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.45);
}

.hero-overlay{
position:relative;
z-index:2;
max-width:700px;
}

.hero h1{
font-size:42px;
margin-bottom:15px;
}

.hero p{
font-size:19px;
}



/* BOTÃO */

.btn-primary{
display:inline-block;
margin-top:25px;
padding:14px 28px;
background:#1f7a63;
color:white;
border-radius:6px;
cursor:pointer;
transition:0.3s;
text-decoration:none;
}

.btn-primary:hover{
box-shadow:0 0 15px rgba(35,150,122,.9);
transform:translateY(-2px);
}



/* LOCALIZAÇÃO */

.localizacao{
background:#f4f2ef;
padding:100px 60px;
}

.localizacao h2{
color:#8a6b17;
font-size:28px;
}

.divider{
width:70px;
height:3px;
background:#c9a84c;
margin:20px auto 30px auto;
}

.loc-list{
list-style:none;
margin:20px 0;
}

.loc-list li{
margin-bottom:5px;
}



/* EMPREENDIMENTO */

.empreendimento{
background:#eee;
}

.empreendimento-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
max-width:1200px;
margin:auto;
align-items:center;
}

.empreendimento-img{
display:flex;
justify-content:center;
align-items:center;
padding:60px;
}

.img-box{
max-width:520px;
border-radius:16px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
background:white;
}

.img-box img{
width:100%;
height:auto;
display:block;
object-fit:cover;
}

.info-empreendimento h2{
color:#8a6b17;
margin-bottom:10px;
}



/* DIFERENCIAIS */

.diferenciais{
background:#8a6b17;
padding:100px 20px;
text-align:center;
color:white;
}

.diferenciais h2{
font-size:28px;
}

.linha-dourada{
width:70px;
height:3px;
background:#d4af37;
margin:15px auto 40px auto;
}

.grid-diferenciais{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
max-width:1100px;
margin:auto;
}

.card{
background:white;
color:#333;
padding:35px;
border-radius:12px;
transition:0.3s;
}

.card img{
width:80px;
margin-bottom:0px;
}

.card:hover{
transform:scale(1.08);
box-shadow:0 10px 30px rgba(0,0,0,.2);
}



/* PLANTAS */

.plantas{
padding:100px 20px;
text-align:center;
background:white;
}

.plantas h2{
color:#8a6b17;
}

.plantas-btns{
margin:25px 0;
}

.btn-metragem{
padding:10px 24px;
border:2px solid #b8963d;
background:white;
color:#b8963d;
border-radius:20px;
cursor:pointer;
margin:5px;
transition:0.3s;
}

.btn-metragem:hover{
background:#b8963d;
color:white;
}

.btn-metragem.active{
background:#b8963d;
color:white;
}

.planta-container img{
width:90%;
max-width:900px;
}

/* GALERIA SWIPER */

.mainSwiper{
max-width:1000px;
margin:auto;
margin-bottom:20px;
}

.mainSwiper img{
width:100%;
height:520px;
object-fit:cover;
border-radius:10px;
}

.thumbSwiper{
max-width:1000px;
margin:auto;
}

.thumbSwiper img{
width:100%;
height:90px;
object-fit:cover;
cursor:pointer;
opacity:.5;
border-radius:6px;
transition:.3s;
}

.thumbSwiper .swiper-slide-thumb-active img{
opacity:1;
border:3px solid #c9a84c;
}

.swiper-button-next,
.swiper-button-prev{
color:white;
background:rgba(0,0,0,.35);
width:50px;
height:50px;
border-radius:50%;
}

/* CONTATO / MAPA */

.contato{
background:#eee;
padding:100px 20px;
}

.contato .container{
max-width:1100px;
margin:auto;
padding:0 20px;
}

.contato-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
max-width:1100px;
margin:auto;
align-items:flex-start;
}

.contato-info h3{
color:#8a6b17;
margin-bottom:15px;
}

.contato-info ul{
list-style:none;
margin-bottom:20px;
}

.mapa{
display:flex;
align-items:flex-start;
}

.mapa iframe{
width:100%;
height:260px;
max-width:460px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,.15);
}



/* FOOTER */

.footer{
background:#47360b;
color:white;
}

.footer-bar{
display:flex;
align-items:center;
justify-content:center;
gap:60px;
padding:50px 20px;
}

.footer-logo img{
height:120px;
}

.footer-text{
max-width:600px;
}

.footer-text h3{
font-size:18px;
margin-bottom:10px;
}

.footer-bottom{
background:#6f5512;
text-align:center;
padding:15px;
font-size:13px;
}

.footer-bottom a{
color:white;
text-decoration:none;
font-weight:bold;
}

/* BOTÃO WHATSAPP FLUTUANTE */

.whatsapp-float{
position:fixed;
right:25px;
bottom:25px;
width:60px;
height:60px;
background:#25D366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 8px 20px rgba(0,0,0,.25);
z-index:9999;
transition:.3s;
}

.whatsapp-float:hover{
transform:scale(1.1);
box-shadow:0 10px 25px rgba(0,0,0,.35);
}

.whatsapp-float svg{
width:28px;
height:28px;
}

/* RESPONSIVO */

@media (max-width:768px){

.empreendimento-img img{

height:260px;

}

}

.empreendimento-img img{
width:100%;
height:auto;
}


@media (max-width:900px){

.grid-diferenciais{
grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:500px){

.grid-diferenciais{
grid-template-columns:1fr;
}

}

.thumbnails img{
width:90px;
}

}
@media (max-width:768px){

.contato-grid{
grid-template-columns:1fr;
}

}

/* MENU MOBILE */

.menu-toggle{
display:none;
font-size:26px;
color:white;
cursor:pointer;
}

@media (max-width:768px){

@media (max-width:768px){

.empreendimento-grid{
grid-template-columns:1fr;
gap:30px;
}

.empreendimento-img{
padding:20px;
}

.hero h1{
font-size:28px;
}

.hero p{
font-size:16px;
}

}

/* GALERIA DE FOTOS*/

@media (max-width:768px){

.mainSwiper img{
height:280px;
}

.thumbSwiper img{
height:60px;
}

}

/* FOOTER MOBILE */

@media (max-width:768px){

.footer-bar{
flex-direction:column;
text-align:center;
gap:30px;
}

.footer-logo img{
height:80px;
}

}

/* MENU NAVEGACAO */
.nav nav{
display:none;
position:absolute;
top:60px;
left:0;
width:100%;
background:#614c14;
flex-direction:column;
padding:20px;
}

.nav nav a{
margin:10px 0;
font-size:16px;
}

.nav nav.active{
display:flex;
}

.menu-toggle{
display:block;
}

}

/* CENTRALIZAÇÃO DO TEXTO EMPREENDIMENTO */

@media (max-width:768px){

.info-empreendimento{
text-align:center;
padding:0 20px;
}

.info-empreendimento .divider{
margin:20px auto;
}

}