/* v2 - Ajuste de HERO (prioriza topo e evita corte) */
:root{
  --brand-green:#A3B18A;
  --brand-gold:#C5A25A;
  --brand-dark:#1F1F1F;
  --brand-cream:#F7F6F2;
  --text:#222;
  --muted:#5a5a5a;
  --radius:18px;
  --shadow:0 10px 30px rgba(0,0,0,.08);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--brand-cream);}
img{max-width:100%;height:auto;display:block}

.container{width:min(1120px,92%);margin:0 auto}

.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eee}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-text strong{font-size:1.05rem}
.brand-text span{font-size:.85rem;color:var(--muted)}
.nav{display:flex;gap:16px}
.nav a{color:#333;text-decoration:none;padding:8px 10px;border-radius:10px}
.nav a:hover{background:#f2f2f2}
.desktop-only{display:none}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;border:2px solid transparent;text-decoration:none;font-weight:600;box-shadow:var(--shadow);transition:transform .08s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--brand-green);color:#0f1b0f}
.btn-outline{background:#fff;border-color:var(--brand-green);color:#1d2a1d}
.btn-whats{background:#25D366;color:white}

.hero{position:relative;isolation:isolate;border-bottom:1px solid #eee}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.3), rgba(0,0,0,.35));z-index:0}

/* Regras MAIS específicas para garantir que sobrescrevem qualquer CSS anterior */
.hero picture > img,
.hero img{
  width:100% !important;
  height:56vh !important;        /* reduz um pouco para dar respiro */
  object-fit:cover !important;   /* mantém estilo de fundo cheio */
  object-position:top center !important; /* mostra mais o topo (INAGURA não corta) */
  filter:saturate(.95) !important;
}

/* Em telas muito pequenas, mostra ainda mais do topo e reduz a altura */
@media (max-width: 780px){
  .hero picture > img,
  .hero img{
    height:50vh !important;
    object-position:top center !important;
  }
}

.hero-overlay{position:absolute;inset:0;z-index:1;display:grid;place-items:center;text-align:center;color:#fff;padding:0 16px}
.hero h1{font-size:clamp(1.8rem,3.5vw,3rem);margin:0 0 8px}
.hero p{font-size:clamp(1rem,2vw,1.25rem);margin:0 0 18px}
.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.section{padding:56px 0}
.section.alt{background:#fff}
.section h2{font-size:1.6rem;margin:0 0 8px}
.section-lead{margin:0 0 24px;color:var(--muted)}

.grid{display:grid;gap:16px}
.promos{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.highlights{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}

.card{background:#fff;border:1px solid #eee;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.card h3{margin:0 0 6px}
.highlight{color:var(--brand-gold);}

.feature{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #eee;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.feature-icon{font-size:1.6rem}
.feature-text h3{margin:0 0 6px}

.contact{display:grid;gap:24px;grid-template-columns:1.3fr .7fr;align-items:center}
.contact-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px}
.contact-list a{color:var(--brand-dark);text-decoration:underline}
.contact-qr{justify-self:center;text-align:center}
.qr-caption{font-size:.9rem;color:var(--muted);margin-top:8px}

.site-footer{background:#fff;border-top:1px solid #eee;padding:18px 0;margin-top:16px}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px}
.footer-brand{display:flex;gap:10px;align-items:center}
.footer-legal{color:var(--muted)}

.whats-fab{position:fixed;right:16px;bottom:16px;width:56px;height:56px;border-radius:999px;background:#25D366;display:grid;place-items:center;text-decoration:none;color:#fff;font-size:24px;box-shadow:var(--shadow)}

@media (min-width: 960px){
  .desktop-only{display:inline-flex}
}
/* v3 — HERO centralizado, sem corte e menor */
.hero{
  background: var(--brand-cream); /* cor de fundo atrás da imagem */
}

.hero picture > img,
.hero img{
  width: 100% !important;
  height: 52vh !important;        /* menor que antes */
  object-fit: contain !important; /* mostra a imagem inteira, sem cortar */
  object-position: center center !important; /* centraliza vertical/horizontal */
  filter: saturate(.95) !important;
}

/* Em telas pequenas, reduz mais um pouco a altura */
@media (max-width: 780px){
  .hero picture > img,
  .hero img{
    height: 46vh !important;
  }
}