.hero{
  position:relative;min-height:640px;
  background:
    linear-gradient(180deg, rgba(15,26,17,.72) 0%, rgba(15,26,17,.42) 45%, rgba(15,26,17,.82) 100%),
    url('/assets/img/hero.jpg');
  background-size:cover;background-position:center;
  display:flex;align-items:center;justify-content:center;
  padding:140px 24px 90px;
}
.hero-inner{max-width:760px;text-align:center;color:var(--branco);}
.hero-inner h1{font-size:44px;font-weight:500;line-height:1.25;text-shadow:0 2px 16px rgba(0,0,0,.35);}
.hero-inner p{margin-top:16px;font-size:17px;color:rgba(255,255,255,.92);max-width:560px;margin-left:auto;margin-right:auto;text-shadow:0 1px 10px rgba(0,0,0,.3);}

.buscador{
  margin-top:40px;background:var(--branco);border-radius:4px;
  display:flex;flex-wrap:wrap;gap:0;box-shadow:0 12px 30px rgba(0,0,0,.18);
  overflow:hidden;text-align:left;
}
.buscador .campo{flex:1;min-width:150px;padding:16px 20px;border-right:1px solid var(--borda);}
.buscador .campo:last-of-type{border-right:none;}
.buscador label{display:block;font-size:11px;letter-spacing:0.5px;color:var(--texto-suave);margin-bottom:4px;}
.buscador select{border:none;font-family:'Inter',sans-serif;font-size:15px;color:var(--texto);width:100%;background:transparent;}
.buscador select:focus{outline:none;}
.buscador button{background:var(--verde-escuro);color:var(--branco);border:none;padding:0 34px;font-size:15px;font-weight:500;cursor:pointer;}
.buscador button:hover{background:#4d6a3c;}

section{padding:72px 0;}
.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:8px;}
.section-head h2{font-size:28px;font-weight:500;}
.section-head p{color:var(--texto-suave);font-size:15px;}
.ver-todos{font-size:14px;color:var(--verde-escuro);border-bottom:1px solid var(--verde);padding-bottom:2px;white-space:nowrap;}

.scroller{display:flex;gap:20px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory;}
.scroller::-webkit-scrollbar{height:6px;}
.scroller::-webkit-scrollbar-thumb{background:var(--borda);border-radius:3px;}
.scroller .card{flex:0 0 300px;scroll-snap-align:start;}

.cidades-bg{background:var(--areia);}
.cidade-tabs{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap;}
.cidade-tab{padding:9px 18px;border:1px solid var(--borda);font-size:14px;background:var(--branco);}
.cidade-tab.ativo{background:var(--verde-escuro);color:var(--branco);border-color:var(--verde-escuro);}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.sobre{display:grid;grid-template-columns:0.85fr 1.15fr;gap:56px;align-items:center;}
.sobre-foto{aspect-ratio:4/5;background:linear-gradient(160deg,#3a5c3f,#8a9a5b);}
.sobre h2{font-size:30px;font-weight:500;margin-bottom:18px;}
.sobre p{color:var(--texto-suave);margin-bottom:14px;max-width:52ch;}
.creci{margin-top:20px;font-size:13px;color:var(--texto-suave);letter-spacing:0.3px;}

@media (max-width:860px){
  .hero-inner h1{font-size:32px;}
  .buscador{flex-direction:column;}
  .buscador .campo{border-right:none;border-bottom:1px solid var(--borda);}
  .grid{grid-template-columns:1fr;}
  .sobre{grid-template-columns:1fr;}
}