/* Variantes de densidad y tarjetas planas. */

/* ── Tweaks: densidad ── */
html[data-density="compacto"] .page { padding: 18px 22px 44px; }
html[data-density="compacto"] .card { padding: 12px; min-height: 0; }
html[data-density="compacto"] .value { font-size: 26px; margin-top: 8px; }
html[data-density="compacto"] .sub { margin-top: 6px; font-size: 11.5px; }
html[data-density="compacto"] .kpi-grid { margin-top: 12px; }
html[data-density="compacto"] .kpi-grid .card, html[data-density="compacto"] .territorial-kpis .card { padding: 12px 14px 11px; }
html[data-density="compacto"] .hero h1 { font-size: 21px; }
html[data-density="amplio"] .page { padding: 36px 46px 72px; }
html[data-density="amplio"] .card { padding: 24px; }
html[data-density="amplio"] .value { font-size: 38px; margin-top: 14px; }
html[data-density="amplio"] .kpi-grid { margin-top: 24px; }
html[data-density="amplio"] .kpi-grid .card, html[data-density="amplio"] .territorial-kpis .card { padding: 24px 22px 20px; }
html[data-density="amplio"] .hero h1 { font-size: 29px; }

/* ── Tweaks: tarjetas planas ── */
html[data-cards="planas"] .kpi-grid,
html[data-cards="planas"] .territorial-kpis,
html[data-cards="planas"] .card,
html[data-cards="planas"] .panel,
html[data-cards="planas"] details {
  box-shadow: none;
  border-color: #d5dae4;
}
html[data-cards="planas"] .card:hover,
html[data-cards="planas"] .panel:hover {
  box-shadow: none;
  transform: none;
  border-color: #c4cbd9;
}