/* ==========================================================================
   Actualidad y Elecciones 29-N · serie-actualidad.css
   Identidad (DISENO_WEB.md §7): papel de periódico gris con filete doble, rojo
   (#c8102e) solo de acento, fecha larga en mono y sello de estado de cada noticia
   («Vigente», «Actualizada», «Ya no aplica»). En oscuro, verde noche. Se carga en el
   hub y en cada noticia, después de base y lectura.
   ========================================================================== */
[data-serie="actualidad"] { --ac-rojo: #c8102e; }

/* ---------- Sello de estado de una noticia (color + icono + texto) ---------- */
.estado-noticia {
  display: inline-flex; align-items: center; gap: .35rem; width: fit-content; padding: .28rem .6rem .28rem .45rem; border-radius: var(--r-p);
  font: 650 .75rem/1.1 var(--mono); letter-spacing: .03em; text-transform: uppercase; white-space: nowrap;
  background: var(--sup-2); color: var(--texto-2); box-shadow: inset 0 0 0 1px currentColor;
}
.estado-noticia .ico { width: .95rem; height: .95rem; flex: none; }
.estado-noticia--vigente { background: var(--ok-fondo); color: var(--ok); }
.estado-noticia--actualizada { background: var(--medio-fondo); color: var(--medio); }
.estado-noticia--ya-no-aplica { background: var(--mal-fondo); color: var(--mal); }

/* ---------- Cabecera del hub: papel de periódico ---------- */
.cab-periodico { background: var(--fondo-2); border-bottom: 3px double var(--borde-2); }
.cab-periodico h1 { padding-top: .6rem; border-top: 3px double var(--texto); font-size: clamp(2.75rem, 1.6rem + 5vw, 5.5rem); font-weight: 820; letter-spacing: -0.045em; }
.cab-periodico .antetitulo { color: var(--acento-tinta); }
.cab-periodico__atajos { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: var(--e-6); }
.cab-periodico__atajos .chip { border-color: var(--ac-rojo); }
.cab-periodico__atajos .chip .ico { color: var(--acento-tinta); }
.ultima-hora { display: grid; gap: .6rem; padding: var(--e-4); border-radius: var(--r-3); background: var(--sup); border: 1px solid var(--borde-2); box-shadow: inset 0 3px 0 var(--ac-rojo); }
.ultima-hora__cab { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin: 0; font: 600 var(--t-mono)/1.2 var(--mono); color: var(--texto-2); }
.ultima-hora__vivo { display: inline-flex; align-items: center; gap: .4rem; color: var(--acento-tinta); text-transform: uppercase; letter-spacing: .06em; font-weight: 700; }
.ultima-hora__vivo::before { content: ""; width: .5rem; height: .5rem; border-radius: 50%; background: var(--ac-rojo); }
.ultima-hora .tv__titulo { font-size: clamp(1.125rem, 1rem + .5vw, 1.375rem); }

/* ---------- Lista por fecha ---------- */
.noticias-mes + .noticias-mes { margin-top: var(--e-7); }
.noticias-mes__titulo { margin-bottom: var(--e-2); padding-bottom: .5rem; border-bottom: 3px double var(--borde-2); font: 700 var(--t-mono)/1.2 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--acento-tinta); }
.noticias { display: grid; }
.noticia { position: relative; padding-block: var(--e-5); border-bottom: 1px solid var(--borde); }
.noticia__enlace { display: grid; gap: var(--e-3) var(--e-5); color: inherit; text-decoration: none; }
.noticia .tv__pantalla { align-self: start; }
.noticia .tv__pantalla img, .noticia .cubierta { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .5s var(--suave); }
.noticia__enlace:hover img { transform: scale(1.035); }
.noticia__txt { display: grid; align-content: start; gap: .5rem; min-width: 0; }
.noticia__cab { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .75rem; margin: 0; font: 600 var(--t-mono)/1.3 var(--mono); color: var(--texto-2); }
.noticia__titulo { font-size: clamp(1.1875rem, 1.05rem + .6vw, 1.5rem); font-weight: 720; line-height: 1.2; letter-spacing: -0.02em; text-wrap: balance; }
.noticia__enlace:hover .noticia__titulo { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .15em; }
.noticia__desc { margin: 0; color: var(--texto-2); font-size: var(--t-s); line-height: 1.5; }
.noticia__tema { padding-left: .75rem; border-left: 1px solid var(--borde-2); color: var(--texto-2); }
@media (min-width: 40rem) {
  .noticia__enlace { grid-template-columns: 14rem minmax(0, 1fr); }
}
@media (min-width: 64rem) {
  .noticia__enlace { grid-template-columns: 17rem minmax(0, 1fr); }
  .noticias-mes { display: grid; grid-template-columns: 13rem minmax(0, 1fr); column-gap: var(--e-6); }
  .noticias-mes__titulo { align-self: start; position: sticky; top: calc(var(--cab) + 1rem); border-bottom: 0; border-top: 3px double var(--borde-2); padding: .6rem 0 0; }
  #noticias-zona .filtros { margin-left: calc(13rem + var(--e-6)); }
}
.noticias__vacio { color: var(--texto-2); }

/* ---------- El especial (Elecciones 29-N) ---------- */
.especial-ac { background: var(--fondo-2); border-block: 3px double var(--borde-2); scroll-margin-top: var(--cab); }
.especial-ac__cab { display: grid; gap: var(--e-3); margin-bottom: var(--e-6); padding-top: var(--e-4); border-top: 4px solid var(--ac-rojo); }
.especial-ac__marca { display: flex; align-items: center; gap: .6rem; margin: 0; font: 650 var(--t-mono)/1.2 var(--mono); text-transform: uppercase; letter-spacing: .07em; color: var(--acento-tinta); }
.especial-ac h2 { font-size: clamp(2.25rem, 1.5rem + 3vw, 4rem); font-weight: 820; letter-spacing: -0.04em; line-height: 1; }
.especial-ac__desc { margin: 0; max-width: 44rem; color: var(--texto-2); font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem); }
.especial-ac__cab .botones { margin-top: var(--e-2); }
.especial-ac__general { margin-bottom: var(--e-7); }
.especial-ac__enlace { display: grid; gap: var(--e-4) var(--e-6); align-items: center; color: inherit; text-decoration: none; }
.especial-ac__enlace:hover h3 { text-decoration: underline; text-decoration-thickness: 2px; }
.especial-ac__enlace:hover img { transform: scale(1.02); }
.especial-ac__txt { display: grid; gap: .7rem; }
.especial-ac__txt h3 { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem); letter-spacing: -0.03em; line-height: 1.08; text-wrap: balance; }
.especial-ac__txt p { margin: 0; color: var(--texto-2); }
.especial-ac__txt .enlace-flecha { color: var(--enlace); }
@media (min-width: 64rem) { .especial-ac__enlace { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.especial-ac__sub { margin-bottom: var(--e-4); padding-bottom: .5rem; border-bottom: 3px double var(--borde-2); font: 700 var(--t-mono)/1.2 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--acento-tinta); }
.especial-ac__partidos { display: grid; gap: var(--e-6) var(--hueco); margin: 0; padding: 0; list-style: none; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); }
.especial-ac .tv__titulo { font-size: 1.0625rem; }

/* ---------- Cómo leer cada noticia ---------- */
.sellos-ac { display: grid; gap: var(--hueco); margin: 0; padding: 0; list-style: none; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }
.sellos-ac li { display: grid; align-content: start; gap: .7rem; padding: var(--e-5); border-radius: var(--r-3); background: var(--sup); border: 1px solid var(--borde); }
.sellos-ac p { margin: 0; color: var(--texto-2); font-size: var(--t-s); }

/* ---------- Ficha: banda de cine de la noticia ---------- */
.cine--periodico { box-shadow: inset 0 4px 0 var(--ac-rojo); }
.cine--periodico .sello[data-serie="actualidad"] { box-shadow: inset 0 0 0 1.5px #ff9b85; }
.cine__noticia { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .9rem; margin: 0; }
.cine__fecha { font: 600 .875rem/1.3 var(--mono); color: var(--texto); }
.cine__estado { display: inline-flex; min-height: 44px; align-items: center; text-decoration: none; }
.cine__estado:hover .estado-noticia { text-decoration: underline; }

/* «Hasta cuándo vale» */
.vigencia { margin-block: var(--e-6) var(--e-5); padding: var(--e-5); border-radius: var(--r-3); background: var(--sup); border: 1px solid var(--borde-2); border-left: 4px solid var(--medio); scroll-margin-top: calc(var(--cab) + 1rem); }
.vigencia--vigente { border-left-color: var(--ok); }
.vigencia--ya-no-aplica { border-left-color: var(--mal); background: var(--mal-fondo); }
.vigencia__cab { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem; margin-bottom: .7rem; }
.vigencia__titulo { margin: 0; font: 650 var(--t-mono)/1.2 var(--mono); text-transform: uppercase; letter-spacing: .07em; color: var(--texto-2); scroll-margin-top: calc(var(--cab) + 1rem); }
.vigencia p { margin: 0; font-size: 1rem; line-height: 1.6; }
.vigencia__pie { display: block; margin-top: .8rem !important; padding-top: .7rem; border-top: 1px solid var(--borde); font: 500 .8125rem/1.45 var(--mono) !important; color: var(--texto-2); }
.vigencia__pie .ico { display: inline-block; margin-right: .35rem; color: var(--ok); vertical-align: -.15em; }

/* Las páginas del especial (carril y final del artículo) */
.especial-nav ol { margin: 0 0 .9rem; padding: 0; list-style: none; counter-reset: esp; }
.especial-nav li { counter-increment: esp; }
.especial-nav li a, .especial-nav li span { display: grid; grid-template-columns: 1.6rem minmax(0, 1fr); gap: .4rem; padding: .5rem 0; border-bottom: 1px solid var(--borde); font-size: .9375rem; line-height: 1.3; color: var(--texto); text-decoration: none; }
.especial-nav li a::before, .especial-nav li span::before { content: counter(esp, decimal-leading-zero); font: 600 .75rem/1.6 var(--mono); color: var(--acento-tinta); }
.especial-nav li a:hover { text-decoration: underline; }
.especial-nav [aria-current] { font-weight: 720; }
.especial-nav--articulo { padding: var(--e-5); border-radius: var(--r-3); background: var(--sup); border: 1px solid var(--borde-2); box-shadow: inset 0 3px 0 var(--ac-rojo); }
.especial-nav--articulo > p { margin: 0 0 .8rem; color: var(--texto-2); font-size: var(--t-s); }
@media (min-width: 40rem) { .especial-nav--articulo ol { columns: 2; column-gap: var(--e-5); } .especial-nav--articulo li { break-inside: avoid; } }

/* La caja de presentación de la noticia (en el contrato, caja--marta) sin la «M» de Marta */
[data-serie="actualidad"] .caja--marta { padding-left: var(--e-5); background: var(--sup); border-color: var(--borde-2); box-shadow: inset 4px 0 0 var(--ac-rojo); }
[data-serie="actualidad"] .caja--marta::before { display: none; }
[data-serie="actualidad"] .caja--marta .caja__titulo { color: var(--acento-tinta); }

/* Móvil: lista compacta (miniatura pequeña a la izquierda, sin la entrada) */
@media (max-width: 39.99rem) {
  .noticia { padding-block: var(--e-4); }
  .noticia__enlace { grid-template-columns: 7.5rem minmax(0, 1fr); gap: .75rem; }
  .noticia .tv__pantalla { border-radius: var(--r-2); }
  .noticia .tv__barra { height: 1.6rem; padding: 0 .45rem; font-size: .75rem; }
  .noticia .tv__barra span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  /* En la miniatura pequeña, solo la duración: «Noticia» o el especial se cortaban en «Noti…» */
  .noticia .tv__barra .noticia__extra { display: none; }
  .noticia__titulo { font-size: 1.0625rem; line-height: 1.22; }
  .noticia__desc { display: none; }
  .noticia__cab { font-size: .75rem; gap: .3rem .5rem; }
  .noticia__tema { display: none; }
}