/* 🏠 HOME (index) específico */
.hero{position:relative; overflow:hidden; background:radial-gradient(1200px 600px at 80% -10%, rgba(14,165,233,.20), transparent 60%), linear-gradient(180deg, #fff, #f8fafc)}
.hero .container{display:grid; grid-template-columns:1.2fr .8fr; gap:36px; padding:64px 20px}
.headline{font-size:42px; line-height:1.1; letter-spacing:-.5px; margin:10px 0 14px}
.sub{font-size:18px; color:var(--muted)}
.badges{display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 26px}
.badge{display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--line); border-radius:999px; padding:8px 12px; font-size:13px}
.hero-card{background:#fff; border:1px solid var(--line); padding:20px; border-radius:var(--radius); box-shadow:var(--shadow)}
.hero-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:18px}
.stat{background:#fff; border:1px solid var(--line); border-radius:14px; padding:14px; text-align:center}
.stat b{font-size:22px}
.illus{width:100%; height:360px; border-radius:22px; border:1px solid var(--line); display:grid; place-items:center; color:var(--muted); font-weight:600; background:repeating-linear-gradient(135deg, #e2e8f0, #e2e8f0 14px, #f1f5f9 14px, #f1f5f9 28px)}
section{padding:60px 0}
h2{font-size:30px; letter-spacing:-.4px; margin:0 0 8px}
.lead{color:var(--muted); margin:0 0 26px}
.gallery{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}
.ph{height:160px; border-radius:16px; border:1px dashed #cbd5e1; background:linear-gradient(180deg,#fff,#f1f5f9); display:grid; place-items:center; color:var(--muted); text-align:center; padding:10px; font-size:14px}
@media (max-width: 960px){
  .hero .container{grid-template-columns:1fr; padding:36px 20px}
  .gallery{grid-template-columns:1fr 1fr}
}