/* ============================================================
   IvaniaTV · tv-app · css/cuenta-regresiva.css   (10/10/2026)
   La cuenta regresiva de `js/cuenta-regresiva.js`: una pildora fija en la
   esquina de abajo a la derecha, dentro del area segura del 5 %, que no tapa
   el centro de la diapositiva. Todo sale de `tokens.css`; sin transiciones
   (el acuse `pintado` de la escena escucha `transitionend`) y sin `gap`
   (piso 53).

   Medida a 3 m en 1920x1080: la cifra va a `--tv-fs-precio` (64 px) y el
   texto a `--tv-fs-subtitulo` (36 px), por encima del minimo de 24.5 px.
   ============================================================ */
.tv-cuenta {
  position: fixed;
  right: var(--tv-seguro-x);
  bottom: var(--tv-seguro-y);
  z-index: 50;
  max-width: 60%;
  padding: 8px 32px;
  border: 2px solid var(--tv-oro);
  border-radius: 64px;
  background: var(--tv-superficie-velada, rgba(35, 29, 26, .93));
  color: var(--tv-texto);
  font-size: var(--tv-fs-subtitulo);
  line-height: var(--tv-lh-titulo);
  white-space: nowrap;
  pointer-events: none;
}
.tv-cuenta.oculta { display: none; }
.tv-cuenta .tv-cuenta-cifra {
  display: inline-block;
  min-width: 2ch;
  margin: 0 12px;
  color: var(--tv-oro-claro);
  font-size: var(--tv-fs-subtitulo);
  font-weight: var(--tv-peso-cifra);
  font-variant-numeric: tabular-nums lining-nums;
  text-align: center;
}