/**
 * CUBA HOY — la sección editorial de la portada.
 * 30 de agosto de 2026, segunda vuelta. Se apoya en tokens.css y hub.css.
 *
 * DIRECCIÓN, PEDIDA POR FIDEL: «elegante y tecnológico», «estilo cardplay,
 * Microsoft, animación sencilla». Fluent de verdad y no de adorno:
 *   · LUZ DESDE ARRIBA — el borde superior más claro que el inferior. Es lo
 *     que hace que una superficie parezca material y no un rectángulo.
 *   · MOTIVO CORTO Y ESCALONADO — 200 ms, cada pieza 30 ms detrás de la
 *     anterior, con la curva de Fluent: rápido al empezar, frenando al final.
 *   · REVELADO AL PASAR POR ENCIMA — la fila se aclara un punto y ya.
 *
 * LO QUE SE CORRIGIÓ AL VERLO EN PANTALLA
 *   · El recuadro encierra SOLO nombre, fecha y las dos horas. Lo demás sale
 *     fuera: «no me gusta que todo esté encerrado en esa card».
 *   · Los colores del cielo, subidos. «No me gusta el color gris apagado o
 *     azul apagado.»
 *   · Iconos del clima en SVG de colores vivos, para que hagan mapa con los
 *     sellos de los módulos.
 *
 * Todo bajo el prefijo .cuba-hoy y en su propio fichero: en esta casa ya hay
 * CSS con el mismo selector escrito dos veces (pie.css, divisas.css) y manda
 * el de abajo.
 */

:root {
  --cuba-hoy-curva: cubic-bezier(0.1, 0.9, 0.2, 1);
  --cuba-hoy-borde: rgba(232, 238, 248, 0.10);
  --cuba-hoy-borde-luz: rgba(232, 238, 248, 0.20);
}

.cuba-hoy {
  margin: 0 0 1rem;
  display: grid;
  gap: 0.32rem;
}

/* --------------------------------------------------------------- cabecera */

/* LA PIEZA · una sola superficie, un solo acento.
   La primera vuelta ponía un recuadro con degradado y, al lado, un botón
   ámbar macizo. Fidel: «dos botones, uno amarillo y otro gradiente turquesa,
   no pueden convivir juntos en una pieza hecha por mí». Es cierto: eran dos
   superficies peleándose por el mismo sitio. Ahora el control vive DENTRO y
   el único color fuerte de la sección es un punto de seis píxeles.

   El fondo es EL CIELO DE CUBA: el degradado lo calcula js/cuba-hoy.js con la
   hora de La Habana y con el tiempo que la base acaba de guardar. A las seis
   de la mañana amanece en ámbar, a mediodía es turquesa, de noche índigo. El
   color ES un dato: quien abre el hub desde España a las once de la noche ve,
   antes de leer el reloj, que en Cuba todavía es de tarde.
   Los valores de aquí son el cielo neutro por si el JS no llega a ponerlos. */
.cuba-hoy__tarjeta {
  --cielo-a: #16456e;
  --cielo-b: #2a7f96;

  position: relative;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.5rem 0.7rem;
  border-radius: 10px;
  background: linear-gradient(115deg, var(--cielo-a) 0%, var(--cielo-b) 100%);
  border: 1px solid var(--cuba-hoy-borde);
  border-top-color: var(--cuba-hoy-borde-luz);
  overflow: hidden;
  /* El cielo no salta de un color a otro: cambia como cambia el cielo. */
  transition: background 900ms linear;
}

/* EL HORIZONTE · una línea de luz de un píxel en el borde de arriba. Es lo
   que hace que la pieza parezca iluminada desde fuera y no pintada. */
.cuba-hoy__tarjeta::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%,
    rgba(255, 255, 255, 0.34) 25%, rgba(255, 255, 255, 0.34) 75%, transparent 100%);
  pointer-events: none;
}

/* LA FECHA Y LAS HORAS · dos líneas, un solo margen izquierdo. La sangría es
   cero en las dos a propósito: si la segunda se desplazara aunque fuera dos
   píxeles, la pieza dejaría de estar aplomada y se notaría antes de saber
   por qué. */
.cuba-hoy__tiempo {
  flex: 1 1 auto;
  min-width: 0;
  display: grid;
  gap: 0.12rem;
  justify-items: start;
}

.cuba-hoy__fecha {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #fff;
}

.cuba-hoy__relojes {
  margin: 0;
  display: flex;
  align-items: baseline;
  gap: 0.7rem;
}

.cuba-hoy__reloj {
  display: inline-flex;
  align-items: baseline;
  gap: 0.28rem;
}

.cuba-hoy__reloj-bandera {
  font-size: 0.64rem;
  line-height: 1;
  opacity: 0.9;
}

.cuba-hoy__reloj-hora {
  font-size: 0.72rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.88);
  font-variant-numeric: tabular-nums;
}

/* EL BOTÓN · dentro de la card, a la derecha, y que se vea que es un botón.
   El color adecuado aquí es blanco translúcido, no un tono nuevo: se apoya
   en el cielo que tenga la tarjeta en ese momento, así que al amanecer se ve
   cálido y a mediodía frío, sin que haya que definir un color por tramo.
   Un ámbar macizo, en cambio, se peleaba con el degradado a todas horas.
   La luz desde arriba también aquí: el borde de arriba, más claro. */
.cuba-hoy__boton {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  flex: 0 0 auto;
  padding: 0.28rem 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-top-color: rgba(255, 255, 255, 0.3);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.11);
  color: #fff;
  font-family: inherit;
  font-size: 0.68rem;
  font-weight: 600;
  cursor: pointer;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  transition: background 160ms var(--cuba-hoy-curva),
              border-color 160ms var(--cuba-hoy-curva);
}

.cuba-hoy__boton:hover {
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.32);
}

.cuba-hoy__boton:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
  border-radius: 6px;
}

/* El único color fuerte de toda la sección. Seis píxeles bastan para decir
   «hay algo»; un bloque ámbar de cien lo grita y se pelea con el cielo. */
.cuba-hoy__punto-aviso {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--amber);
  box-shadow: 0 0 0 0 rgba(255, 197, 89, 0.6);
  opacity: 0;
  transition: opacity 200ms var(--cuba-hoy-curva);
}

.cuba-hoy__boton--hay .cuba-hoy__punto-aviso {
  opacity: 1;
  animation: cuba-hoy-latido 3s ease-out infinite;
}

@keyframes cuba-hoy-latido {
  0%   { box-shadow: 0 0 0 0 rgba(255, 197, 89, 0.55); }
  70%  { box-shadow: 0 0 0 6px rgba(255, 197, 89, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 197, 89, 0); }
}

.cuba-hoy__chevron {
  width: 8px;
  height: 8px;
  border-right: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: rotate(45deg) translate(-1px, -1px);
  transition: transform 220ms var(--cuba-hoy-curva);
}

.cuba-hoy--abierto .cuba-hoy__chevron {
  transform: rotate(-135deg) translate(-2px, -2px);
}

/* ------------------------------------------------------------- las divisas */

/* La forma de siempre, la del marcador del 24 de agosto: el código en
   versalita pequeña y la cifra grande al lado, con una barrita entre monedas.
   Aquí va a menor tamaño porque ya no es la pieza principal de la portada,
   pero NO cambia de forma: Fidel probó escribirlas de otra manera y la
   descartó al verla. Se reconoce de un vistazo o no sirve.

   Sin crédito a elTOQUE. Decisión suya del 30 de agosto: «aquí en mi portada
   no lo voy a poner, es mi responsabilidad». El crédito y el enlace siguen
   dentro del módulo Divisas. */
.cuba-hoy__cambio {
  margin: 0;
  padding: 0 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.cuba-hoy__moneda {
  display: inline-flex;
  align-items: baseline;
  gap: 0.26rem;
  text-decoration: none;
  /* Cifras de ancho fijo: al refrescarse, el número cambia sin que la línea
     entera se desplace. */
  font-variant-numeric: tabular-nums;
}

.cuba-hoy__cod {
  font-family: var(--font-body);
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--on-surface-muted);
}

.cuba-hoy__val {
  font-family: var(--font-headline);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
  color: var(--on-surface);
}

.cuba-hoy__moneda:hover .cuba-hoy__cod { color: var(--on-surface); }

.cuba-hoy__moneda:focus-visible {
  outline: 2px solid var(--turquoise);
  outline-offset: 3px;
  border-radius: 4px;
}

.cuba-hoy__sep {
  width: 1px;
  height: 11px;
  background: color-mix(in srgb, var(--on-surface-muted) 24%, transparent);
}

/* -------------------------------------------------------------- el pliegue */

/* DOS PANTALLAS, NO UNA LISTA.
   La primera versión abría con las siete novedades escritas una debajo de
   otra. Fidel: «esto es mucho texto… todo el texto que aparece produce
   rechazo». Tenía razón: siete titulares seguidos no se leen, se saltan.
   Ahora abre en ÍNDICE —los sellos y cuántas trae cada uno— y el texto solo
   sale cuando alguien lo ha pedido. Elegir antes de leer. */
.cuba-hoy__pliegue {
  /* 7 sep 2026 · la tira de ciudades no envuelve (nowrap): sin esto, el
     pliegue —hijo de un flex— crecía hasta el ancho de la tira y la ficha se
     salía de la pantalla. El pliegue mide lo que mide la tarjeta, siempre. */
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0.85rem 0.8rem;
  border-radius: 12px;
  background: rgba(232, 238, 248, 0.04);
  border: 1px solid var(--cuba-hoy-borde);
  border-top-color: var(--cuba-hoy-borde-luz);
}

/* --------------------------------------------------------------- el índice */

.cuba-hoy__sellos {
  /* 6 oct 2026 · Cinco sellos en una fila (entra TRABAJA): rejilla de 5
     columnas iguales en vez de flex con ancho mínimo, que partía la fila. */
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.4rem;
  margin-bottom: 0.9rem;
}

.cuba-hoy__sello-btn {
  display: grid;
  justify-items: center;
  gap: 0.3rem;
  padding: 0.55rem 0.2rem 0.45rem;
  min-width: 0;
  border: 1px solid transparent;
  border-radius: 12px;
  background: rgba(232, 238, 248, 0.04);
  font-family: inherit;
  cursor: pointer;
  animation: cuba-hoy-entra 200ms var(--cuba-hoy-curva) both;
  transition: background 160ms var(--cuba-hoy-curva),
              border-color 160ms var(--cuba-hoy-curva),
              transform 160ms var(--cuba-hoy-curva);
}

.cuba-hoy__sello-btn:nth-child(1) { animation-delay: 0ms; }
.cuba-hoy__sello-btn:nth-child(2) { animation-delay: 40ms; }
.cuba-hoy__sello-btn:nth-child(3) { animation-delay: 80ms; }
.cuba-hoy__sello-btn:nth-child(n + 4) { animation-delay: 120ms; }

.cuba-hoy__sello-btn:hover {
  background: rgba(232, 238, 248, 0.09);
  border-color: var(--cuba-hoy-borde-luz);
  transform: translateY(-1px);
}

.cuba-hoy__sello-btn:focus-visible {
  outline: 2px solid var(--turquoise);
  outline-offset: 2px;
}

.cuba-hoy__sello-caja { position: relative; display: inline-flex; }

.cuba-hoy__sello {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  object-fit: contain;
}

/* EL CARTEL · cuántas trae. Va pegado al sello, como una insignia, y es lo
   único ámbar de esta pantalla. */
.cuba-hoy__cuenta {
  position: absolute;
  top: -5px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--amber);
  color: #10203f;
  font-size: 0.63rem;
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  box-shadow: 0 0 0 2px #0c2552;
}

.cuba-hoy__sello-nombre {
  font-size: 0.56rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  color: var(--on-surface-muted);
}

.cuba-hoy__sello-btn:hover .cuba-hoy__sello-nombre { color: var(--on-surface); }

/* -------------------------------------------------------------- el detalle */

.cuba-hoy__detalle-cab {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.6rem;
}

.cuba-hoy__volver {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.6rem 0.28rem 0.5rem;
  border: 1px solid var(--cuba-hoy-borde);
  border-radius: 999px;
  background: none;
  color: var(--on-surface-muted);
  font-family: inherit;
  font-size: 0.66rem;
  font-weight: 600;
  cursor: pointer;
  transition: color 160ms var(--cuba-hoy-curva),
              border-color 160ms var(--cuba-hoy-curva);
}

.cuba-hoy__volver:hover {
  color: var(--on-surface);
  border-color: var(--cuba-hoy-borde-luz);
}

.cuba-hoy__volver:focus-visible {
  outline: 2px solid var(--turquoise);
  outline-offset: 2px;
}

.cuba-hoy__flecha {
  width: 7px;
  height: 7px;
  border-left: 1.7px solid currentColor;
  border-bottom: 1.7px solid currentColor;
  transform: rotate(45deg);
}

.cuba-hoy__detalle-sello {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  object-fit: contain;
}

.cuba-hoy__detalle-tit {
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  color: var(--turquoise);
}

.cuba-hoy__ir {
  margin-left: auto;
  font-size: 0.64rem;
  font-weight: 600;
  color: var(--turquoise);
  text-decoration: none;
}

.cuba-hoy__ir:hover { text-decoration: underline; }

.cuba-hoy__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.3rem;
}

.cuba-hoy__item {
  border-radius: 9px;
  background: rgba(232, 238, 248, 0.035);
  border: 1px solid transparent;
  transition: background 160ms var(--cuba-hoy-curva),
              border-color 160ms var(--cuba-hoy-curva);
  animation: cuba-hoy-entra 200ms var(--cuba-hoy-curva) both;
}

.cuba-hoy__item:nth-child(1) { animation-delay: 0ms; }
.cuba-hoy__item:nth-child(2) { animation-delay: 30ms; }
.cuba-hoy__item:nth-child(3) { animation-delay: 60ms; }
.cuba-hoy__item:nth-child(n + 4) { animation-delay: 90ms; }

@keyframes cuba-hoy-entra {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: none; }
}

.cuba-hoy__item:hover {
  background: rgba(232, 238, 248, 0.08);
  border-color: var(--cuba-hoy-borde);
}

.cuba-hoy__enlace {
  display: block;
  padding: 0.5rem 0.6rem;
  color: inherit;
  text-decoration: none;
}

.cuba-hoy__enlace:focus-visible {
  outline: 2px solid var(--turquoise);
  outline-offset: -2px;
  border-radius: 9px;
}

.cuba-hoy__cuerpo { min-width: 0; }

.cuba-hoy__texto {
  display: block;
  font-size: 0.76rem;
  font-weight: 500;
  line-height: 1.38;
  color: var(--on-surface);
}

.cuba-hoy__apoyo {
  display: block;
  margin-top: 0.1rem;
  font-size: 0.62rem;
  color: var(--on-surface-muted);
}

.cuba-hoy__item--dato .cuba-hoy__texto { font-weight: 400; }

/* ---------------------------------------------------------------- el clima */

/* Fijo en el índice: no es una novedad que haya que elegir, es el suelo del
   día. Y los iconos son SVG con color propio —amarillo el sol, azul fuerte
   la lluvia, violeta la tormenta, verde el mar— porque el emoji lo pinta
   cada teléfono a su manera y no se puede elegir el color. Junto a los
   sellos de los módulos hacen el mapa con contraste que pidió Fidel. */
/* ── EL CLIMA · 7 sep 2026 ──────────────────────────────────────────────
 * Boceto v5 validado por Fidel: «sencillez, sobriedad». Una ficha con el
 * cielo de la hora como fondo (lo pinta cuba-hoy.js), la figura de Noto a la
 * izquierda y el número a la derecha; debajo los próximos días y una línea;
 * fuera, la tira de ciudades. Sustituye a la «frase curiosa» y a la rejilla
 * de ocho puntos del 30 de agosto. */

.cuba-hoy__ficha {
  border-radius: 18px;
  padding: 1rem 1.1rem 0.85rem;
  color: #fff;
  animation: cuba-hoy-entra 200ms var(--cuba-hoy-curva) both;
}

.cuba-hoy__ficha-ciudad {
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  margin-bottom: 0.4rem;
}

.cuba-hoy__ficha-arriba {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 0.9rem;
  align-items: center;
}

.cuba-hoy__ficha-figura {
  display: block;
  width: 96px;
  height: 96px;
  filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.28));
}

.cuba-hoy__ficha-temp {
  font-family: var(--font-headline);
  font-size: 3rem;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

.cuba-hoy__ficha-hora {
  font-size: 1.3rem;
  margin-top: 0.3rem;
  color: rgba(255, 255, 255, 0.92);
  font-variant-numeric: tabular-nums;
}

.cuba-hoy__ficha-cielo {
  font-size: 0.78rem;
  margin-top: 0.3rem;
  color: rgba(255, 255, 255, 0.92);
}

.cuba-hoy__dias {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
  margin-top: 1rem;
  padding-top: 0.7rem;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}

.cuba-hoy__dia { text-align: center; }
.cuba-hoy__dia b {
  display: block;
  font-size: 0.58rem;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.85);
}
.cuba-hoy__dia img { display: block; width: 34px; height: 34px; margin: 0.3rem auto 0.2rem; }
.cuba-hoy__dia small {
  display: block;
  font-size: 0.66rem;
  color: rgba(255, 255, 255, 0.92);
  font-variant-numeric: tabular-nums;
}
.cuba-hoy__dia small em { font-style: normal; color: rgba(255, 255, 255, 0.6); }

.cuba-hoy__ficha-linea {
  font-size: 0.62rem;
  color: rgba(255, 255, 255, 0.78);
  text-align: center;
  margin-top: 0.7rem;
}

/* ── EL ATLÁNTICO · 7 sep 2026 ──────────────────────────────────────────
 * Con ciclón: protagonista, encima de la ficha. Sin ciclón: una línea que
 * casi no se ve. Fidel: «muy discreto, muy fino» / «que ocupe protagonismo». */

.cuba-hoy__atlantico[hidden], .cuba-hoy__calma[hidden] { display: none; }

.cuba-hoy__ciclon {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 0.8rem;
  align-items: center;
  padding: 0.85rem 1rem;
  margin-bottom: 0.6rem;
  border-radius: 16px;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(135deg, #4a1030 0%, #8a1a34 100%);
  border: 1px solid rgba(255, 120, 140, 0.35);
  animation: cuba-hoy-entra 200ms var(--cuba-hoy-curva) both;
}
.cuba-hoy__ciclon-figura { display: block; width: 64px; height: 64px; filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.35)); }
.cuba-hoy__ciclon-nombre { font-family: var(--font-headline); font-size: 1.1rem; font-weight: 700; line-height: 1.15; }
.cuba-hoy__ciclon-donde { font-size: 0.8rem; margin-top: 0.15rem; color: rgba(255, 255, 255, 0.95); }
.cuba-hoy__ciclon-datos { font-size: 0.66rem; margin-top: 0.25rem; color: rgba(255, 255, 255, 0.78); }
.cuba-hoy__ciclon-ir { font-size: 0.64rem; margin-top: 0.35rem; color: #ffd0d8; }

.cuba-hoy__calma {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.55rem 0.4rem 0;
  font-size: 0.6rem;
  color: color-mix(in srgb, var(--on-surface-muted) 70%, transparent);
}
.cuba-hoy__calma-punto {
  width: 5px; height: 5px; border-radius: 50%;
  background: var(--tramite); opacity: 0.6;
}

.cuba-hoy__tira {
  /* 7 sep 2026 · Fidel, al verla: «tengo solo tres provincias, no encuentro
     a Madrid y Miami». Era una tira que se desplazaba de lado y en el
     ordenador no se nota. Ahora envuelve: las diez ciudades a la vista. */
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  padding: 0.7rem 0.1rem 0.1rem;
}

.cuba-hoy__chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border-radius: 999px;
  padding: 0.3rem 0.65rem 0.3rem 0.45rem;
  border: 1px solid transparent;
  background: rgba(232, 238, 248, 0.05);
  color: var(--on-surface-muted);
  font: inherit;
  font-size: 0.68rem;
  white-space: nowrap;
  cursor: pointer;
}
.cuba-hoy__chip img { display: block; width: 20px; height: 20px; }
.cuba-hoy__chip b { color: var(--on-surface); font-variant-numeric: tabular-nums; }
.cuba-hoy__chip--on {
  border-color: rgba(108, 194, 191, 0.55);
  background: rgba(108, 194, 191, 0.12);
  color: var(--on-surface);
}
.cuba-hoy__chip--fuera { background: rgba(255, 197, 89, 0.07); }
.cuba-hoy__chip--fuera.cuba-hoy__chip--on { background: rgba(255, 197, 89, 0.16); border-color: rgba(255, 197, 89, 0.5); }

/* Quien pide menos movimiento recibe la información igual, de golpe. */
@media (prefers-reduced-motion: reduce) {
  .cuba-hoy__item,
  .cuba-hoy__punto,
  .cuba-hoy__sello-btn { animation: none; }
  .cuba-hoy__chevron,
  .cuba-hoy__boton,
  .cuba-hoy__tarjeta { transition: none; }
  .cuba-hoy__punto-aviso { animation: none; }
}

@media (max-width: 460px) {
  .cuba-hoy__tarjeta { gap: 0.6rem; }
  .cuba-hoy__boton { padding: 0.32rem 0.6rem; font-size: 0.7rem; }
}

/* ─────────────────────────────────────────────────────────────────────────
   LO QUE CUBA HOY APAGA

   La portada tenía tres sitios contando lo mismo: el marcador de tasas
   (24 ago), el reloj de Cuba y el chip del clima de la barra de arriba.
   CUBA HOY lleva los tres, así que se apagan — pero SOLO cuando la sección
   ha conseguido pintarse, y por eso la clase la pone el JS al final y no
   está escrita en el HTML.

   Va por CSS y no solo por `hidden` porque tasas.js y clima.js piden sus
   datos por su cuenta y pueden contestar después que nosotros: si volvieran
   a encender el marcador, las cifras se verían dos veces. */
body.cuba-hoy-activo #marcador,
body.cuba-hoy-activo #marcador-hueco,
body.cuba-hoy-activo .topbar .reloj-cuba,
body.cuba-hoy-activo .topbar .clima-cuba {
  display: none !important;
}