/* ─────────────────────────────────────────────────────────────────────────────
   dataStrip — tira de datos duros entre secciones.
   Sin fondo propio, sin cajas, sin filetes: el ritmo lo marca el aire. Las
   columnas se cuentan solas (`--g-ds-cols`, el horario en vivo ocupa dos).
   ───────────────────────────────────────────────────────────────────────────── */

.g-dataStrip-sec { padding-block: clamp(48px, 7vh, 86px); }

.g-dataStrip-title.display { font-size: clamp(29px, 3.3vw, 46px); max-width: 20ch; }
.g-dataStrip-lede { max-width: 58ch; }

.g-dataStrip-row {
  display: grid;
  grid-template-columns: repeat(var(--g-ds-cols, 4), minmax(0, 1fr));
  gap: clamp(26px, 3.2vh, 40px) clamp(22px, 2.6vw, 38px);
  margin-top: clamp(30px, 4.4vh, 54px);
  align-items: start;
}
/* sin titular la tira empieza arriba del todo: el aire lo pone el `padding` */
.g-dataStrip-row:first-child { margin-top: 0; }

.g-dataStrip-cell { min-width: 0; }
.g-dataStrip-cell.g-dataStrip-wide { grid-column: span 2; }

.g-dataStrip-label {
  display: block;
  font-size: 10.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--t3);
  line-height: 1.3;
}

.g-dataStrip-value {
  margin-top: 11px;
  font-family: var(--display), sans-serif;
  font-weight: var(--dw);
  letter-spacing: var(--dt);
  font-size: clamp(20px, 1.9vw, 24px);
  line-height: 1.24;
  color: var(--text);
  font-variant-numeric: tabular-nums;
  overflow-wrap: break-word;
  hyphens: manual;
}
/* el estado en vivo es una frase y no parte: va un punto por debajo del resto */
.g-dataStrip-wide .g-dataStrip-value { font-size: clamp(20px, 1.5vw, 22px); }

.g-dataStrip-value a { color: inherit; transition: color .3s cubic-bezier(.22,.61,.36,1); }
.g-dataStrip-value a:hover { color: var(--a2); }

@media (max-width: 1260px) {
  .g-dataStrip-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .g-dataStrip-sec { padding-block: clamp(42px, 6vh, 64px); }
  .g-dataStrip-title.display { font-size: clamp(27px, 8vw, 36px); max-width: none; }
  .g-dataStrip-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 22px;
    margin-top: 30px;
  }
  .g-dataStrip-cell.g-dataStrip-wide { grid-column: 1 / -1; }
  .g-dataStrip-value { font-size: 20px; margin-top: 9px; }
  .g-dataStrip-wide .g-dataStrip-value { font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .g-dataStrip-value a { transition: none; }
}