/* ===== SECCIONES / TARJETAS / GRID / KPIs ===== */
.section{ padding:64px 0; }
.section h2{
  font-size:clamp(24px,3.2vw,36px);
  margin-bottom:24px; color:var(--brand-green); letter-spacing:.2px;
}
.lead{ font-size:1.08rem; color:var(--ui-soft); margin-bottom:22px; }

.grid{ display:grid; gap:18px; }
.grid.cols-3{ grid-template-columns:repeat(3,1fr); }
.grid.cols-2{ grid-template-columns:repeat(2,1fr); }

.card{ background:var(--surface); border-radius:var(--radius); padding:22px; box-shadow:var(--shadow); }
.card h3{ margin-bottom:10px; font-size:1.15rem; }
.card p{ color:var(--ui-soft); }
.card .meta{ font-size:.92rem; color:#6a7783; }

/* KPIs */
.kpis{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.kpi{ background:var(--surface); border-radius:14px; padding:18px; text-align:center; box-shadow:var(--shadow); }
.kpi strong{ font-size:1.8rem; color:var(--brand-green); }

@media(max-width:980px){
  .grid.cols-3,.grid.cols-2{ grid-template-columns:1fr; }
  .kpis{ grid-template-columns:repeat(2,1fr); }
}