/* ═══════════════════════════════════════════════════════════════════════════════
   ▓ COMPONENTE · Latido — gemelo vanilla (hoja autocontenida) ▓
   v1.0 · 2026-10-30. Ficha: `design-system/COMPONENTE_LATIDO.md`

   QUÉ ES: la línea de texto pequeña que dice cuánto hace que un proceso de fondo dio su
   última señal real («Última consulta al banco: hace 12 s»). Es la señal de vida de la
   regla dura 28 de `README.md` (decisión 390): una espera visible nunca pasa más de 1 minuto
   sin un cambio visible y verdadero.

   NACE DE: la hoja `plans/decisiones/_decision_espera_validacion_2026-10-30.html`, clase
   `.latido` marcada como invento, aprobada en la decisión 393:
   `DECISION-FUENTE: Ricardo, 2026-10-30 — «si a tu recoomendacion para no romper mi regla»`.
   Medida tomada tal cual de esa hoja: 12 px, interlineado 18 px, color `--fg3`, cifras
   tabulares, 10 px de aire arriba. Nada se inventó aparte.

   EL TEXTO CAMBIA CADA SEGUNDO (regla dura 28): `font-variant-numeric: tabular-nums` hace que
   todas las cifras midan lo mismo y el número no baile al subir. El contador lo mueve
   `latido.js` a partir de la hora REAL de la última señal, nunca de un reloj propio.

   REQUISITOS DEL ANFITRIÓN:
     1. Los tokens del canon (`colors_and_type.css`): `--fg3`, `--fs-caption`, `--font-sans`.
     2. `box-sizing: border-box`.
   ═══════════════════════════════════════════════════════════════════════════════ */

.exds-latido {
  /* El aire de arriba es del contenedor (el cajón lo fija); 10px es el de la hoja aprobada. */
  margin: var(--exds-latido-gap, 10px) 0 0;
  font-family: var(--font-sans, "Inter", -apple-system, "system-ui", sans-serif);
  font-size: var(--fs-caption, 12px);
  /* LINT-ALLOW: interlineado 18px de la hoja aprobada (1.5 de 12px) · el canon no tokeniza un interlineado en px para una línea de apoyo */
  line-height: 18px;
  font-weight: 400;
  color: var(--fg3, #5C6B7A);
  font-variant-numeric: tabular-nums;
}