/* Ajustes v2 sobre las pantallas anteriores a la v2 (gobernanza, consola,
   ficha, supresión, solicitudes): mismo lenguaje que los KPI y paneles
   nuevos, sin tocar sus vistas. */

/* Las cifras antiguas, con la piel de los KPI. */
.cifras { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 14px; margin-bottom: 22px; }
.cifra { border-radius: 16px; padding: 16px 18px; box-shadow: 0 1px 2px rgba(11,11,18,.05); }
.cifra b { font-size: 30px; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.cifra small { display: block; margin-top: 2px; }

/* Lo fijo, por debajo de la barra superior (que también es fija). */
.filtros { top: calc(var(--barra) + 16px); max-height: calc(100vh - var(--barra) - 32px); }
table.fuentes th { position: sticky; top: var(--barra); background: #fff; z-index: 1; }
table.fuentes tr:hover td { background: var(--slate-50); }

/* Cabeceras antiguas con el ritmo nuevo. */
.cabecera h1 { font-size: 32px; letter-spacing: -.02em; }
.panel { border-radius: 16px; }
.panel > h2 { font-size: 17px; }

/* La ficha: la tabla de hechos con la tipografía de datos. */
table.hechos td:first-child { font-family: var(--font-mono); font-size: 12.5px; }

/* Quien pide menos movimiento, no lo tiene. */
@media (prefers-reduced-motion: reduce) {
  main.contenido, .barra-relleno { animation: none; }
}

/* `.vacio` (estado vacío de la v2) choca de nombre con el paso del embudo
   que se queda en cero: ahí no es un estado vacío, es un dato. */
ol.embudo li.vacio { text-align: left; padding: 0; color: inherit; }