/* El Atlántico / Tendencias — complemento para el render SSR.
   Mantiene atlantico.css (diseño del artifact) intacto; acá solo lo que
   cambia al pasar de la SPA (botones/JS) a páginas con enlaces reales. */

/* Pills de categoría: ahora son <span class="cat"> con <a class="w"> o <span class="w"> */
.indice .cat { display:inline-flex; margin:0; padding:0; border:0; }
.indice .cat .w { display:inline-block; text-decoration:none; }
.indice .cat.activo .w { background:var(--ink); color:#fff; font-weight:600; border-color:var(--ink); }
.indice .cat.vacio .w { opacity:.45; cursor:default; border-style:dashed; }
.indice .cat.vacio .w:hover { background:transparent; color:var(--ink); border-color:var(--ink); }

/* Nav de ediciones (enlaces rastreables, sin "todas en una página") */
.ediciones { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding:10px 0 2px; }
.ediciones .ed-lbl { font:800 .7rem/1 var(--sans); letter-spacing:.16em; text-transform:uppercase; color:var(--ink-3); }
.ediciones .ed { font:600 .85rem/1 var(--sans); color:var(--ink-2); text-decoration:none; border-bottom:2px solid transparent; padding-bottom:2px; }
.ediciones .ed:hover { color:var(--ink); border-bottom-color:var(--ink); }
.ediciones .ed.act { color:var(--ink); font-weight:700; border-bottom-color:var(--ink); }

/* Selector de idioma real (3 enlaces en vez de 1 círculo decorativo) */
.pill .langs { display:inline-flex; align-items:center; gap:4px; }
.pill .langs .lang { display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:34px; padding:0 8px; border:1px solid var(--ink); border-radius:999px; font:600 .78rem/1 var(--sans); text-decoration:none; color:var(--ink); }
.pill .langs .lang:hover { background:var(--ink); color:#fff; }
.pill .langs .lang.act { background:var(--ink); color:#fff; }

/* Enlace "Leer la nota" en las tarjetas de listado */
.grid.cols article .read { display:inline-block; margin-top:4px; font:700 .8rem/1 var(--sans); letter-spacing:.02em; text-decoration:none; color:var(--ink); border-bottom:2px solid var(--ink); padding-bottom:2px; }
.grid.cols article .read:hover { opacity:.7; }
.grid.cols article .titular a { text-decoration:none; color:inherit; }
.grid.cols article .titular a:hover { color:var(--ink); text-decoration:underline; text-decoration-thickness:2px; }
.grid.cols article .kicker a { text-decoration:none; color:inherit; }
.grid.cols article .kicker a:hover { text-decoration:underline; }

/* Nota: etiquetas como texto (decisión de páginas de tag pendiente) */
.cuerpo .etiquetas, article.lead .etiquetas { margin-top:16px; }
article.lead .etq { border-bottom:2px solid var(--ink); }

/* Reservar alto del menú para evitar CLS aunque cambie el modo de posición */
.navwrap { min-height:68px; }