/* TikTok, el hogar del pederasta · clases compartidas.
   Una sola implementación: las páginas usan estas clases, no estilos en línea.

   MÓVIL PRIMERO. Todo lo que está fuera de la regla @container es la versión de móvil
   (desde 360 px). Una sola regla general amplía a escritorio: @container tk (min-width: 720px).
   Tres componentes tienen además un punto de corte propio, medido, al final del archivo.
   La raíz de cada página (y cada marco de las vistas previas) lleva .tk-raiz.

   UNA SOLA VERSIÓN. Mismo HTML para todos los tamaños, adaptado solo con CSS. No se duplican
   bloques para móvil y escritorio ocultando uno de los dos. Solo se admiten textos cortos
   alternativos (.tk-nav__corto / .tk-nav__largo, .tk-switch__corto / .tk-switch__largo). */

.tk-raiz{container:tk/inline-size;background:var(--ground);color:var(--ink);font-family:var(--font-serif)}
.tk-raiz *,.tk-raiz *::before,.tk-raiz *::after{box-sizing:border-box}

/* ---------- Anclas: los destinos de enlaces internos dejan sitio a la barra fija ---------- */
.tk-ancla,.tk-raiz [id]{scroll-margin-top:calc(var(--alto-nav) + 16px)}

/* ---------- Anchos ---------- */
.tk-contenedor,.tk-medio,.tk-lectura{width:100%;margin-inline:auto;padding-inline:16px}
.tk-contenedor{max-width:var(--ancho-contenedor)}
.tk-medio{max-width:var(--ancho-medio)}
.tk-lectura{max-width:calc(var(--ancho-lectura) + 32px)}

/* ---------- Tipografía (tamaño de móvil; escritorio en la regla de abajo) ---------- */
.tk-titular,.tk-titular-publicacion,.tk-cifra-relato,.tk-cifra,.tk-cita,.tk-seccion,.tk-tarjeta{font-family:var(--font-display);text-transform:uppercase;margin:0}
.tk-titular{font-weight:900;font-size:64px;line-height:.86;letter-spacing:-.01em}
.tk-titular-publicacion{font-weight:900;font-size:30px;line-height:1;text-wrap:balance}
.tk-cifra-relato{font-weight:900;font-size:64px;line-height:.86}
.tk-cifra{font-weight:900;font-size:64px;line-height:.86}
.tk-cita{font-weight:700;font-size:48px;line-height:1}
.tk-seccion{font-weight:700;font-size:48px;line-height:1}

.tk-tarjeta{font-weight:700;font-size:26px;line-height:1.05}
.tk-entradilla{font-size:20px;line-height:30px;margin:0}
.tk-relato{font-size:20px;line-height:30px}
.tk-cuerpo{font-size:19px;line-height:1.5}
.tk-cuerpo-s{font-size:17px;line-height:1.4}
.tk-titulo-tarjeta{font-size:18px;line-height:26px;font-weight:600}

.tk-pie{font-family:var(--font-ui);font-size:14px;line-height:1.5;color:var(--ink-subtle)}
.tk-meta{font-family:var(--font-ui);font-size:14px;line-height:1.4;letter-spacing:0;color:var(--ink-subtle)}

/* ---------- Solo para lectores de pantalla ---------- */
.tk-solo-lector{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- Zona de toque: 44 × 44 px como mínimo en todo enlace o control ---------- */
.tk-toque{position:relative;min-height:var(--toque-minimo);min-width:var(--toque-minimo);display:inline-flex;align-items:center}

/* ---------- Logo (solo vistas previas del pie) ---------- */

/* ---------- Navegación de la investigación (.tk-nav) ----------
   Un solo componente para la landing (.tk-nav--secciones) y las publicaciones (.tk-nav--bloques).
   Una sola lista de enlaces (.tk-nav__lista): en móvil se despliega bajo la barra; en escritorio
   va en línea (secciones) o se abre en una rejilla de cinco (serie). Barra de 52 px (alto-nav). */
.tk-nav{position:sticky;top:0;z-index:var(--z-nav);background:var(--ground);border-bottom:1px solid var(--line)}
.tk-nav__in{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px}
.tk-nav__abrir{order:1;flex:1 1 0;min-width:0;height:var(--alto-nav);display:flex;align-items:center;gap:6px;padding:0;background:none;border:0;cursor:pointer;color:var(--ink);font-family:var(--font-ui);font-weight:500;font-size:14px;line-height:1.4;letter-spacing:0;text-transform:uppercase;text-align:left;white-space:nowrap}
.tk-nav__abrir>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.tk-nav__abrir svg{flex:0 0 auto;transition:transform var(--duracion-control) ease}
.tk-nav__abrir[aria-expanded="true"] svg{transform:rotate(180deg)}
.tk-nav__abrir:hover>span,.tk-nav__abrir.is-hover>span{text-decoration:underline;text-underline-offset:4px}
.tk-nav__boton{order:3;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:var(--toque-minimo);padding:0 12px;border:1px solid;font-family:var(--font-ui);font-weight:500;font-size:14px;line-height:1;letter-spacing:0;text-decoration:none;white-space:nowrap}

.tk-nav__boton--apoyo{color:var(--ground);background:var(--amarillo-maldita);border-color:var(--amarillo-maldita)}

.tk-nav__boton--apoyo:hover,.tk-nav__boton--apoyo.is-hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.tk-nav__boton:active,.tk-nav__boton.is-active{background:var(--surface-raised)}
.tk-nav__boton--apoyo:active,.tk-nav__boton--apoyo.is-active{background:var(--amarillo-maldita);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}
.tk-nav__largo{display:none}
.tk-nav__nombre{order:4;flex:0 0 100%;display:none;align-items:center;min-height:var(--toque-minimo);border-top:1px solid var(--line);font-family:var(--font-ui);font-weight:500;font-size:14px;line-height:1.4;letter-spacing:.04em;color:var(--ink);text-decoration:none}
.tk-nav--abierta .tk-nav__nombre{display:flex}
.tk-nav__nombre:hover,.tk-nav__nombre.is-hover{text-decoration:underline;text-underline-offset:4px}
.tk-nav__flecha{display:none;flex:0 0 auto;width:var(--toque-minimo);height:var(--toque-minimo);align-items:center;justify-content:center;color:var(--ink);border:1px solid transparent;text-decoration:none}
.tk-nav__flecha:hover,.tk-nav__flecha.is-hover{border-color:var(--ink-subtle)}
.tk-nav__flecha[aria-disabled="true"]{color:var(--ink-faint);border-color:transparent;pointer-events:none}
.tk-nav__lista{order:5;flex:0 0 100%;display:none;margin:0;padding:0 0 8px;list-style:none}
.tk-nav--abierta .tk-nav__lista{display:block}
.tk-nav__enlace{display:flex;align-items:center;gap:8px;min-height:var(--toque-minimo);border-top:1px solid var(--line);font-family:var(--font-ui);font-size:14px;line-height:1.5;color:var(--ink);text-decoration:none}
.tk-nav__enlace:hover,.tk-nav__enlace.is-hover{text-decoration:underline;text-underline-offset:4px}
.tk-nav__enlace[aria-current="true"],.tk-nav__enlace[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}

/* ---------- Faldón fijo ----------
   Dos filas. Abajo, fija siempre, la frase completa de la Fiscalía (.tk-faldon__fiscalia), en Archivo 16 px desde la v33.
   Encima, una fila de 32 px con el interruptor a la derecha (.tk-faldon__imagenes). Al bajar (.tk-faldon--bajando)
   esa fila se desliza detrás de la franja de la Fiscalía; al subir, vuelve. La franja de la Fiscalía no se mueve nunca.
   Las dos filas tienen fondo sólido (faldon). La fila del interruptor va por encima de la página: no ocupa sitio.
   Oculto, el interruptor sigue en el orden de tabulación: si recibe el foco, vuelve. Sin backdrop-filter. */
.tk-faldon{position:sticky;bottom:0;z-index:var(--z-faldon)}
.tk-faldon__fiscalia{position:relative;z-index:1;background:var(--faldon);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
.tk-faldon__fiscalia p{margin:0 auto;max-width:var(--ancho-contenedor);padding:8px 16px;font-family:var(--font-serif);font-size:17px;line-height:1.4;color:var(--ink-muted)}
.tk-faldon__imagenes{position:absolute;left:0;right:0;bottom:100%;height:32px;background:var(--faldon);border-top:1px solid var(--line);transition:transform var(--duracion-control) ease}
.tk-faldon__imagenes-in{max-width:var(--ancho-contenedor);height:100%;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:flex-end}
.tk-faldon--bajando .tk-faldon__imagenes{transform:translateY(100%);pointer-events:none}
.tk-faldon--bajando:focus-within .tk-faldon__imagenes{transform:none;pointer-events:auto}

/* ---------- Interruptor de imágenes ---------- */
.tk-switch{flex:0 0 auto;display:flex;align-items:center;gap:12px;min-height:var(--toque-minimo);min-width:var(--toque-minimo);padding:0;background:none;border:0;cursor:pointer;font:inherit;color:var(--ink);text-align:left}
.tk-switch__largo{display:none}
.tk-switch__pista{position:relative;flex:0 0 40px;width:40px;height:22px;border-radius:var(--radius-pill);background:var(--magenta);transition:background var(--duracion-control) ease}
.tk-switch__bola{position:absolute;top:3px;left:21px;width:16px;height:16px;border-radius:var(--radius-circle);background:var(--ink);transition:left var(--duracion-control) ease}
.tk-switch[aria-checked="false"] .tk-switch__pista{background:var(--switch-off);border:1px solid var(--ink-subtle)}
.tk-switch[aria-checked="false"] .tk-switch__bola{top:2px;left:2px}
.tk-switch:hover .tk-switch__pista,.tk-switch.is-hover .tk-switch__pista{outline:1px solid var(--ink);outline-offset:1px}
.tk-switch:active .tk-switch__bola,.tk-switch.is-active .tk-switch__bola{width:20px}
.tk-switch[aria-checked="true"]:active .tk-switch__bola,.tk-switch[aria-checked="true"].is-active .tk-switch__bola{left:17px}
/* Variante pequeña (fila del faldón): pista de 32 × 18 y bola de 12; la zona de toque sigue siendo de 44 × 44 */
.tk-switch--s{min-height:var(--toque-minimo);margin-block:-6px;gap:8px;font-family:var(--font-ui);font-size:14px;line-height:1.4}
.tk-switch--s .tk-switch__pista{flex-basis:32px;width:32px;height:18px}
.tk-switch--s .tk-switch__bola{top:3px;left:17px;width:12px;height:12px}
.tk-switch--s[aria-checked="false"] .tk-switch__bola{top:2px;left:2px}

/* ---------- Imágenes desactivadas ----------
   .tk-ev en cada imagen de prueba; .tk-img-off en la raíz. Sin desenfoque: gris y casi transparente. */
.tk-ev{transition:opacity var(--duracion-imagenes) ease}

/* ---------- Texto ---------- */
.tk-enlace{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink-subtle);text-decoration-thickness:1px;text-underline-offset:4px}
.tk-enlace:hover,.tk-enlace.is-hover{text-decoration-color:var(--ink);text-decoration-thickness:2px}
.tk-enlace:active,.tk-enlace.is-active{color:var(--ink-muted);text-decoration-thickness:3px}

/* ---------- Derecho a réplica ---------- */
.tk-replica{display:flex;flex-direction:column;gap:12px;padding:20px 16px;border:1px solid var(--line-strong)}

.tk-replica__titulo{margin:0}
.tk-replica>p{margin:0}

/* ---------- Cierre destacado ---------- */
.tk-cierre{padding:32px 20px;background:var(--surface);border:1px solid var(--line-strong)}
.tk-cierre>p{max-width:920px}

/* ---------- Cifras ---------- */
.tk-cifras{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.tk-cifras__celda{background:var(--ground);padding:20px 16px;display:flex;flex-direction:column;gap:12px}
.tk-cifras__barra{display:block;height:8px;min-width:4px;background:var(--magenta)}
.tk-cifra-relato-bloque{display:flex;flex-direction:column;gap:12px}
.tk-cifra-relato-bloque--derecha{align-items:flex-end;text-align:right}

/* ---------- Gráficos ---------- */
.tk-grafico{margin:0;display:flex;flex-direction:column;gap:12px}
.tk-gravedad{display:flex;gap:2px}
.tk-gravedad__seg{display:flex;flex-direction:column;gap:4px;min-width:0}
.tk-gravedad__num{font-family:var(--font-ui);font-size:14px;line-height:1.4;color:var(--ink)}
.tk-gravedad__barra{display:block;height:40px}
.tk-gravedad__barra--sin{background:var(--locked-fill);border:1px solid var(--ink-faint)}
.tk-leyenda{display:flex;flex-wrap:wrap;gap:8px 24px;font-family:var(--font-ui);font-size:14px;line-height:1.4;color:var(--ink-muted)}
.tk-leyenda__item{display:flex;gap:8px;align-items:center}
.tk-leyenda__muestra{width:12px;height:12px;flex:0 0 12px}
.tk-barras{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.tk-barras__fila{display:grid;grid-template-columns:96px minmax(0,1fr) 40px;gap:8px;align-items:center;font-family:var(--font-ui);font-size:14px;line-height:1.4;color:var(--ink-muted)}
.tk-barras__pista{display:block;height:14px;background:var(--grafico-fondo)}
.tk-barras__valor{display:block;height:14px;min-width:2px;background:var(--ink-faint)}
.tk-barras__fila--destacada{color:var(--ink)}
.tk-barras__fila--destacada .tk-barras__valor{background:var(--magenta)}

/* ---------- Portada de la landing e ilustración principal ----------
   Un solo archivo (3:2), siempre completo, sin recortes. Móvil: antetítulo, titular y debajo la ilustración a sangre.
   Escritorio: a la derecha del titular, alineada con su última línea. */
.tk-inicio{display:flex;flex-direction:column;gap:20px;padding-block:24px 0}
.tk-inicio__fila{display:flex;flex-direction:column;gap:20px}
.tk-ilustracion{margin:0 -16px}
.tk-ilustracion img{display:block;width:100%;height:auto}

/* ---------- Bloques de la landing ---------- */
.tk-bloque{border-top:1px solid var(--line)}
.tk-bloque--alt{background:var(--surface)}
.tk-foto-ancha{width:100%;border-inline:0}
.tk-claves{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:24px}
.tk-claves li{display:flex;gap:16px}

/* ---------- Cuerpo de las publicaciones ---------- */
.tk-texto{display:flex;flex-direction:column;gap:24px}
.tk-texto>p{margin:0}
.tk-par{display:grid;grid-template-columns:1fr;gap:24px}
.tk-met{margin:8px 0 0;border-top:1px solid var(--line)}
.tk-met>div{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}
.tk-met dt{display:flex;gap:8px;align-items:center;font-family:var(--font-ui);font-size:14px;line-height:1.4;letter-spacing:0}
.tk-met dd{margin:0;font-size:17px;line-height:1.4;color:var(--ink-muted)}
.tk-acordeon{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;background:none;border:0;cursor:pointer;color:var(--ink);text-align:left}
.tk-acordeon__icono{flex:0 0 44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong)}
.tk-acordeon__icono svg{transition:transform var(--duracion-control) ease}
.tk-acordeon[aria-expanded="true"] .tk-acordeon__icono svg{transform:rotate(180deg)}

/* ---------- Miniatura de publicación (M1) ----------
   La misma imagen de la portada de la publicación (un solo archivo, 3:2), completa y sin texto, en «Siguiente publicación». Desdoblamiento reducido a 2 px. Sin imagen: hueco de imagen pendiente. */
.tk-mini{position:relative;display:block}
.tk-mini>.tk-trat{--desdoble:2px}
.tk-mini>.tk-hueco{aspect-ratio:3/2;padding:4px;gap:2px}

/* ---------- Siguiente publicación ---------- */
.tk-siguiente__link{display:flex;flex-direction:column;gap:16px;color:var(--ink);text-decoration:none}
.tk-siguiente__mini{width:100%;max-width:var(--ancho-figura);border:1px solid var(--locked)}
.tk-siguiente__leer{display:inline-flex;align-items:center;min-height:var(--toque-minimo);font-family:var(--font-ui);font-size:14px;line-height:1.5}
.tk-siguiente__link:hover .tk-siguiente__leer,.tk-siguiente__link.is-hover .tk-siguiente__leer{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.tk-siguiente__link:hover .tk-siguiente__mini,.tk-siguiente__link.is-hover .tk-siguiente__mini{border-color:var(--ink-subtle)}
.tk-siguiente__link:active,.tk-siguiente__link.is-active{color:var(--ink-muted)}

/* ---------- Figuras y capturas ---------- */
.tk-figura{margin:0;display:flex;flex-direction:column;gap:12px;width:100%}
.tk-figura img{display:block;width:100%;height:auto}
.tk-hueco{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;border:1px solid var(--locked);background:repeating-linear-gradient(135deg,var(--surface-raised) 0 10px,var(--surface) 10px 20px);font-family:var(--font-ui);font-size:14px;line-height:1.4;color:var(--ink-faint)}
/* ImagenPendiente: hueco con el nombre del archivo, el tamaño de la imagen que irá y la marca data-imagen-pendiente.
   Toma la proporción y el recorte del componente donde va. Solo de trabajo: no llega a producción. */
.tk-pendiente{flex-direction:column;gap:6px;overflow:hidden}
.tk-pendiente__archivo{color:var(--ink);overflow-wrap:anywhere}
.tk-pendiente__medidas{color:var(--ink-faint)}
.tk-relato-figura{display:flex;flex-direction:column;gap:24px}
.tk-anillo-wrap{position:relative}
.tk-anillo{position:absolute;aspect-ratio:1/1;border:3px solid var(--magenta);border-radius:var(--radius-circle);pointer-events:none}

/* ---------- Portadas ----------
   La imagen (3:2) siempre completa. Móvil: imagen arriba y texto debajo, sin velo.
   Escritorio: la imagen ocupa el 64 % derecho y da la altura; el texto va encima, a la izquierda, con el velo. */
.tk-portada{container:portada/inline-size;position:relative;background:var(--ground);display:flex;flex-direction:column}
.tk-portada__imagen{position:relative;width:100%}
.tk-portada__imagen>.tk-hueco{aspect-ratio:3/2}
.tk-portada__texto{display:flex;flex-direction:column;gap:16px;padding:20px 16px 24px}

.tk-portada__titulo{margin:0;display:flex;flex-direction:column;font-family:var(--font-display);font-weight:900;font-size:64px;line-height:.86;letter-spacing:-.01em;text-transform:uppercase}
.tk-portada__sub{margin:0;font-size:17px;line-height:1.4;color:var(--ink-muted)}
.tk-portada__credito{font-family:var(--font-ui);font-size:14px;line-height:1.4;letter-spacing:0;color:var(--ink-subtle);padding:8px 16px 0}
.tk-portada .tk-velo{display:none}

/* ---------- Tratamientos de foto ---------- */
.tk-trat{position:relative;display:block;overflow:hidden;background:var(--ground);--desdoble:8px}
.tk-trat__capa{position:absolute;inset:0;isolation:isolate}
.tk-trat__capa:first-child{position:relative;inset:auto}
.tk-trat__capa img{display:block;width:100%;height:auto}
.tk-trat__capa::after{content:"";position:absolute;inset:0;mix-blend-mode:multiply;background:var(--tinte)}
.tk-trat--desdoblamiento .tk-trat__capa{mix-blend-mode:screen}
.tk-trat--desdoblamiento .tk-trat__capa img{filter:var(--filtro-desdoblamiento)}
.tk-trat--desdoblamiento .tk-trat__capa--cian{--tinte:var(--cyan);transform:translateX(calc(var(--desdoble) * -1))}
.tk-trat--desdoblamiento .tk-trat__capa--magenta{--tinte:var(--magenta);transform:translateX(var(--desdoble))}
.tk-trat--cian .tk-trat__capa img,.tk-trat--magenta .tk-trat__capa img{filter:var(--filtro-duotono)}
.tk-trat--cian .tk-trat__capa{--tinte:var(--cyan)}
.tk-trat--magenta .tk-trat__capa{--tinte:var(--magenta)}
/* Velo de legibilidad: único degradado permitido. Solo en escritorio. */
.tk-velo{position:absolute;top:0;left:0;bottom:0;width:58%;background:linear-gradient(90deg,var(--ground) 0%,var(--ground) 62%,var(--velo) 100%)}

/* ---------- Secciones fijadas ----------
   En móvil no se fija nada: .tk-fijada es un bloque normal. Solo en escritorio pasa a sticky. */
.tk-fijada{position:static}

/* ---------- Animaciones de scroll ----------
   Solo con .tk-motion en la raíz y soporte de animation-timeline.
   Móvil: versión ligera. Todo entra con opacidad, y la subida es de 24 px. Sin barridos (clip-path). */
@keyframes tkAparece{from{opacity:.16}to{opacity:1}}
@keyframes tkSubeCorta{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes tkSube{from{opacity:0;transform:translateY(80px) scale(.94)}to{opacity:1;transform:none}}
@keyframes tkBarrido{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@keyframes tkBarridoX{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@supports (animation-timeline: view()){
.tk-motion .tk-aparece,.tk-motion .tk-barrido,.tk-motion .tk-barrido-x{animation:tkAparece linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
.tk-motion .tk-sube{animation:tkSubeCorta linear both;animation-timeline:view();animation-range:entry 10% cover 35%}
}

/* ---------- Estados de interacción ----------
   .is-hover / .is-active / .is-focus solo existen para las vistas previas del sistema. */
.tk-raiz :where(a,button,[role="switch"],[tabindex]):focus-visible,
.is-focus{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:var(--foco-separacion)}
.tk-raiz :where(a,button,[role="switch"],[tabindex]):focus:not(:focus-visible){outline:none}

/* Foco de los botones de la barra: 2 px separados 2 px, para que el anillo quepa en los 4 px que hay entre el botón (44) y el borde de la barra (52) y no se corte arriba. */
.tk-raiz .tk-nav .tk-nav__boton:focus-visible,.tk-nav .tk-nav__boton.is-focus{outline:2px solid var(--foco-color);outline-offset:2px}

/* ============================================================
   ESCRITORIO: la única regla de ampliación (720 px o más).
   ============================================================ */
/* ---------- Forma de Maldita ----------
   Tres esquinas redondeadas y la inferior derecha recta. Controles (botones, cápsulas): radius-maldita-control.
   Recuadros y tarjetas: radius-maldita. Imágenes, huecos, bandas, barra, faldón y gráficos se quedan rectos. */
.tk-nav__boton{border-radius:var(--radius-maldita-control)}
.tk-replica,.tk-cifras,.tk-cierre{border-radius:var(--radius-maldita)}
.tk-cifras{overflow:hidden}

/* ---------- Cápsula ---------- */
.tk-capsula{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;min-height:26px;padding:3px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-maldita-control);font-family:var(--font-ui);font-weight:500;font-size:14px;line-height:1.4;letter-spacing:.02em;text-transform:none;color:var(--ink-muted);white-space:nowrap}
.tk-capsula--magenta{color:var(--magenta);border-color:var(--magenta)}
.tk-capsula--cian{color:var(--cyan);border-color:var(--cyan)}

/* ---------- Firma y capítulo ---------- */
.tk-firma{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0}

/* ---------- Calendario de entregas (.tk-cal) ----------
   Índice plegado: una línea por entrega. Las publicadas son un botón (aria-expanded) que abre sus títulos;
   las que no han salido muestran solo número, tema y «Se publica el…». Al final, «Otras publicaciones · Fecha por confirmar».
   En móvil el contador va debajo del tema; desde 720 px, a la derecha. */
.tk-cal{display:flex;flex-direction:column}
.tk-cal__cabeza{display:flex;flex-direction:column;gap:8px;padding-bottom:20px}
.tk-cal__entrega{border-top:1px solid var(--line)}
.tk-cal__h{margin:0;font:inherit}
.tk-cal__fila{width:100%;box-sizing:border-box;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;column-gap:12px;min-height:56px;padding:10px 0;background:none;border:0;color:var(--ink);text-align:left;font:inherit;cursor:pointer}
.tk-cal__fila--futura{cursor:default}
.tk-cal__num{font-family:var(--font-display);font-weight:900;font-size:26px;line-height:1;color:var(--ink)}
.tk-cal__texto{display:flex;flex-direction:column;gap:4px;min-width:0}
.tk-cal__tema{margin:0;font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.05;text-transform:uppercase;color:var(--ink)}
.tk-cal__dato{font-family:var(--font-ui);font-size:14px;line-height:1.4;letter-spacing:0;color:var(--ink-subtle);white-space:nowrap}
.tk-cal__fila--futura .tk-cal__num,.tk-cal__fila--futura .tk-cal__tema{color:var(--ink-muted)}
.tk-cal__fila svg{color:var(--ink-subtle);transition:transform var(--duracion-control) ease}
.tk-cal__fila[aria-expanded="true"] svg{transform:rotate(180deg)}
.tk-cal__fila:hover .tk-cal__tema,.tk-cal__fila.is-hover .tk-cal__tema{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.tk-cal__lista{margin:0;padding:0 0 12px 48px;list-style:none}
.tk-cal__lista li+li .tk-cal__pub{border-top:1px solid var(--line)}
.tk-cal__pub{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:var(--toque-minimo);padding:8px 0;font-family:var(--font-serif);font-size:17px;line-height:1.35;color:var(--ink);text-decoration:none}
.tk-cal__pub:hover,.tk-cal__pub.is-hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

/* ---------- Navegación por entregas (.tk-nav--bloques) ----------
   Lista de «Ir a…» en las publicaciones, agrupada por entregas. La entrega de la publicación actual sale abierta;
   las demás publicadas, plegadas (botón con aria-expanded). Las que no han salido: número, tema y fecha. */
.tk-nav--bloques .tk-nav__lista{max-height:calc(100vh - var(--alto-nav));overflow:auto}
.tk-nav__grupo{border-top:1px solid var(--line)}
.tk-nav__plegado{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:var(--toque-minimo);padding:0;background:none;border:0;color:inherit;text-align:left;font:inherit;cursor:pointer}
.tk-nav__plegado--futura{cursor:default}
.tk-nav__plegado svg{flex:0 0 auto;color:var(--ink-subtle);transition:transform var(--duracion-control) ease}
.tk-nav__plegado[aria-expanded="true"] svg{transform:rotate(180deg)}
.tk-nav__grupo-cab{display:flex;align-items:baseline;gap:10px;font-family:var(--font-ui);font-weight:500;font-size:14px;line-height:1.4;letter-spacing:0;color:var(--ink-muted)}
.tk-nav__grupo-cab b{flex:0 0 16px;font-family:var(--font-display);font-weight:900;font-size:18px;letter-spacing:0;color:var(--ink)}
.tk-nav__plegado--futura .tk-nav__grupo-cab b{color:var(--ink-muted)}
.tk-nav__grupo ul{margin:0;padding:0 0 8px;list-style:none}
.tk-nav--bloques .tk-nav__enlace{position:relative;border-top:0;padding:6px 0 6px 26px;font-family:var(--font-serif);font-size:16px;line-height:1.35;letter-spacing:0;flex-wrap:wrap}
.tk-nav--bloques .tk-nav__enlace[aria-current="page"]{text-decoration:none}
.tk-nav__grupo-fecha{padding:0 0 10px 26px;font-family:var(--font-ui);font-size:14px;line-height:1.4;letter-spacing:0;color:var(--ink-subtle)}

/* ---------- Tipos de publicación en Cápsula ---------- */
.tk-capsula--editorial{background:var(--ink);border-color:var(--ink);color:var(--ground)}
.tk-capsula--politicas{border:3px double var(--ink);padding:1px 9px;color:var(--ink)}

/* ---------- Firma con la entrega ---------- */
.tk-firma--entrega{flex-direction:column;align-items:flex-start;gap:8px}
.tk-firma__entrega{font-family:var(--font-ui);font-weight:500;font-size:14px;line-height:1.5;color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink-subtle);text-underline-offset:4px}
.tk-firma__entrega:hover,.tk-firma__entrega.is-hover{text-decoration-color:var(--ink);text-decoration-thickness:2px}

@container tk (min-width: 720px){
.tk-cal__fila{grid-template-columns:44px minmax(0,1fr) auto}
.tk-cal__texto{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}
.tk-cal__lista{padding-left:56px} /* v32: una sola columna también en escritorio */
.tk-nav--bloques .tk-nav__flecha{display:flex;order:0}

.tk-cierre{padding:48px}
.tk-contenedor,.tk-medio,.tk-lectura{padding-inline:24px}
.tk-lectura{max-width:calc(var(--ancho-lectura) + 48px)}

.tk-titular{font-size:148px}
.tk-titular-publicacion{font-size:48px}
.tk-cifra-relato{font-size:148px}
.tk-cifra{font-size:88px;line-height:.9}
.tk-cita{font-size:64px}

.tk-entradilla{font-size:26px;line-height:1.4}

.tk-nav__in{column-gap:16px;min-height:var(--alto-nav)}
.tk-nav__corto{display:none}
.tk-nav__largo{display:inline}
.tk-nav__boton{padding:0 10px}

.tk-faldon__fiscalia p,.tk-faldon__imagenes-in{padding-inline:24px}
.tk-switch__largo{display:inline}
.tk-switch__corto{display:none}

.tk-inicio{padding-block:40px 48px;gap:24px}
.tk-inicio__fila{flex-direction:row;align-items:stretch;gap:48px}
.tk-ilustracion{margin:0;flex:1 1 360px;align-self:flex-end}
.tk-claves{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}

.tk-par{grid-template-columns:repeat(2,minmax(0,1fr))}
.tk-met>div{flex-direction:row;gap:24px}
.tk-met dt{flex:0 0 140px}

.tk-cifras{grid-template-columns:repeat(var(--columnas,2),minmax(0,1fr))}
.tk-cifras--cuatro{grid-template-columns:repeat(2,minmax(0,1fr))}
.tk-cifras--tres{grid-template-columns:1fr}
.tk-cifras__celda{padding:28px 24px 32px}
.tk-barras__fila{grid-template-columns:128px minmax(0,1fr) 44px;gap:12px}

.tk-siguiente__link{flex-direction:row;align-items:center;gap:24px}
.tk-siguiente__mini{flex:0 0 var(--ancho-figura)}

.tk-replica{padding:24px}

.tk-relato-figura{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:40px 56px}
.tk-relato-figura>.tk-figura--lateral{flex:0 0 var(--ancho-figura)}
.tk-relato-figura>:not(figure){flex:1 1 440px;min-width:0}

.tk-portada{display:block}
.tk-portada__imagen{margin-left:auto;width:var(--ancho-imagen,64%)}
.tk-portada .tk-velo{display:block}
.tk-portada__texto{position:absolute;top:0;left:0;bottom:0;width:58%;padding:3.55cqw;justify-content:space-between;gap:1.48cqw}

.tk-portada__titulo{font-size:6.5cqw}
.tk-portada__sub{font-size:1.92cqw;max-width:34cqw}
.tk-portada__credito{position:absolute;right:3.55cqw;bottom:2.37cqw;padding:.3cqw .6cqw;background:var(--velo);color:var(--ink);font-size:.89cqw}

.tk-fijada{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}

@supports (animation-timeline: view()){
.tk-motion .tk-sube{animation-name:tkSube;animation-range:entry 10% cover 40%}
.tk-motion .tk-barrido{animation-name:tkBarrido;animation-range:entry 10% cover 45%}
.tk-motion .tk-barrido-x{animation-name:tkBarridoX;animation-range:entry 20% cover 50%}
}
}

/* ============================================================
   PUNTOS DE CORTE PROPIOS DE COMPONENTE
   Solo cuando el contenido no cabe a 720 px. Cada uno está medido y documentado en su componente
   y en los tokens punto-corte-nav, punto-corte-cifras-3 y punto-corte-cifras-4.
   ============================================================ */

/* NavegacionInvestigacion, modo secciones: el botón «Ir a…» hasta que las secciones y
   «Apoya esta investigación» caben en una línea. */
@container tk (min-width: 760px){
.tk-nav--secciones .tk-nav__abrir,.tk-nav--secciones .tk-nav__nombre,.tk-nav--secciones.tk-nav--abierta .tk-nav__nombre{display:none}
.tk-nav--secciones .tk-nav__lista,.tk-nav--secciones.tk-nav--abierta .tk-nav__lista{order:1;flex:1 1 0;min-width:0;display:flex;column-gap:16px;padding:0}
.tk-nav--secciones .tk-nav__enlace{border-top:0}
}

/* CifraClave en tres columnas: una columna hasta que caben tres cifras de 8 caracteres
   («41 mill.», 269 px a 88 px + 48 de relleno por celda, en ancho-medio). */
@container tk (min-width: 1020px){
.tk-cifras--tres{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* CifraClave en cuatro columnas: 2 × 2 hasta que caben cuatro cifras de 6 caracteres
   («00.000», 245 px a 88 px + 48 de relleno por celda, en ancho-contenedor). */
@container tk (min-width: 1240px){
.tk-cifras--cuatro{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ---------- Movimiento reducido ----------
   Con la preferencia activada no hay animaciones ni transiciones: los elementos aparecen en su estado final. */
@media (prefers-reduced-motion: reduce){
.tk-raiz,.tk-raiz *,.tk-raiz *::before,.tk-raiz *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.tk-fijada{position:static!important;min-height:0!important}
}

/* ===== v28 · Tipografía, paleta y estados de las entregas =====
   Reparto: Big Shoulders en todos los titulares (también listas y tarjetas); Newsreader solo texto corrido;
   Archivo en la navegación, controles, datos cortos y pies de foto. Sin barras laterales en ningún sitio:
   lo actual se marca con color y peso. */
.tk-pie{font-size:15px;line-height:1.45;color:var(--ink-muted)}
.tk-meta{font-weight:500}
.tk-firma .tk-pie,.tk-inicio>.tk-pie,.tk-cal__cabeza .tk-pie,cite.tk-pie{font-family:var(--font-serif);font-size:16px;line-height:1.45;letter-spacing:0;color:var(--ink-muted)}
.tk-titulo-tarjeta{font-family:var(--font-display);font-size:22px;line-height:1.12;font-weight:600;text-transform:none;letter-spacing:0}
.tk-capsula{font-weight:600;min-height:28px}
.tk-nav__abrir,.tk-nav__boton,.tk-nav__nombre{font-weight:600}
.tk-nav__abrir{text-transform:none;letter-spacing:0}
.tk-switch--s{font-weight:500}
/* Paleta */
.tk-nav{border-bottom-color:var(--magenta)}
.tk-cierre{border-color:var(--magenta)}
.tk-enlace,.tk-firma__entrega{text-decoration-color:var(--cyan)}
.tk-nav__abrir svg,.tk-nav__flecha,.tk-acordeon__icono,.tk-cal__fila svg,.tk-nav__plegado svg{color:var(--cyan)}
.tk-nav__flecha[aria-disabled="true"]{color:var(--ink-faint)}
.tk-replica{border-color:var(--cyan)}
.tk-replica__titulo{color:var(--cyan)}

.tk-nav--secciones .tk-nav__enlace[aria-current="true"]{color:var(--magenta);font-weight:600;text-decoration:none}
/* Firma: Newsreader, número de entrega en magenta, subrayado cian */
.tk-firma__entrega{font-family:var(--font-serif);font-size:16px;font-weight:600;letter-spacing:0}
.tk-firma__num{color:var(--magenta)}
/* Calendario (opción 1): tema 26/900 en mayúsculas, título 22/600 en caja normal, datos en Archivo 14 */
.tk-cal__num{font-size:26px;font-weight:900;color:var(--magenta)}
.tk-cal__tema{font-size:26px;font-weight:900;line-height:1}
.tk-cal__pub{font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.12}
.tk-cal__pub:hover,.tk-cal__pub.is-hover{text-decoration-color:var(--cyan)}
.tk-cal__dato{font-weight:500;display:inline-flex;align-items:center;gap:6px}
.tk-cal__fila--ultima .tk-cal__tema{color:var(--cyan)}
.tk-cal__fila--futura .tk-cal__num,.tk-cal__fila--futura .tk-cal__tema{color:var(--ink-subtle)}
.tk-cal__fila--futura .tk-cal__dato{color:var(--cyan)}
.tk-cal__hueco{display:block;width:14px}
/* Candado: solo indicador de estado de una entrega sin publicar, junto a su fecha */
.tk-candado{flex:0 0 auto;width:14px;height:14px}
/* «Ir a…» en Archivo: tema semibold, títulos regular; actual en magenta y semibold, sin barra */
.tk-nav__grupo-cab{font-size:16px;font-weight:600;line-height:1.3;color:var(--ink)}
.tk-nav__grupo-cab b{font-family:var(--font-ui);font-size:16px;font-weight:700;color:var(--magenta);flex:0 0 18px}
.tk-nav__plegado--ultima .tk-nav__grupo-cab{color:var(--cyan)}
.tk-nav__plegado--futura .tk-nav__grupo-cab,.tk-nav__plegado--futura .tk-nav__grupo-cab b{color:var(--ink-subtle)}
.tk-nav--bloques .tk-nav__enlace{font-family:var(--font-ui);font-size:16px;font-weight:400;line-height:1.35;color:var(--ink)}
.tk-nav--bloques .tk-nav__enlace[aria-current="page"]{color:var(--magenta);font-weight:600}
.tk-nav__grupo-fecha{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--cyan)}

/* ===== v30 · Integración en maldita.es =====
   Sin cabecera, pie, botones de compartir ni firmas propios: los pone maldita.es.
   alerta queda solo para el nivel «muy grave» de los gráficos y avisos urgentes. */

/* ===== v31 · Imágenes desactivadas (grado 2) y accesibilidad =====
   Imagen desactivada: deja de pintarse pero conserva su caja, su proporción, su alt y su pie.
   Caja en surface, filete de 1 px en ink-subtle (6,87:1) y ojo tachado de 24 px en el centro.
   La ilustración principal no lleva .tk-ev: no es una prueba y no se apaga. */

.tk-img-off img.tk-ev{object-position:-99999px 0}
.tk-img-off .tk-ev:not(img) *{visibility:hidden}
/* Hueco de imagen pendiente: campo del texto alternativo */
.tk-pendiente__alt{color:var(--ink-faint)}
/* Foco por dentro en la lista de «Ir a…»: tiene desplazamiento propio y el anillo por fuera se recortaba */
.tk-raiz .tk-nav__lista :focus-visible,.tk-nav__lista .is-focus{outline-offset:-3px}
/* Listas plegadas: siempre en la página, ocultas con hidden; nada puede volver a mostrarlas */
.tk-raiz [hidden]{display:none!important}
/* Respaldo del desplazamiento al recibir foco: que la barra y el faldón no tapen el control */
.tk-raiz :where(a,button,[role="switch"]){scroll-margin-top:72px;scroll-margin-bottom:150px}

/* ===== v32 · Calendario: una publicación por línea =====
   Siempre una sola columna, también en escritorio (en dos columnas parecían un solo titular partido).
   Filete de 1 px entre cada título, a todo el ancho de la columna de títulos. Cada título es un enlace propio.
   Dentro de una publicación, la actual va en magenta y sin enlace (.tk-cal__pub--actual, aria-current="page"). */
.tk-cal__lista li+li .tk-cal__pub{border-top:0}
.tk-cal__lista li+li{border-top:1px solid var(--line)}
.tk-cal__pub{width:100%;box-sizing:border-box;padding:10px 0}
.tk-cal__pub:hover,.tk-cal__pub.is-hover{text-decoration:none}
.tk-cal__pub:hover .tk-cal__pub-titulo,.tk-cal__pub.is-hover .tk-cal__pub-titulo{text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:2px;text-underline-offset:4px}
.tk-cal__pub:active .tk-cal__pub-titulo,.tk-cal__pub.is-active .tk-cal__pub-titulo{color:var(--ink-muted)}
.tk-cal__pub--actual{color:var(--magenta);cursor:default}

/* ===== v33 · EnlacesRelacionados (.tk-rel) =====
   Enlaces a publicaciones relacionadas dentro del relato de la landing. Sin miniatura:
   título como los del calendario (Big Shoulders 22/600) y su entrega debajo (Archivo 14, cyan). Filete entre cada enlace. */
.tk-rel{width:100%;max-width:var(--ancho-lectura)}
.tk-rel__lista{margin:0;padding:0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tk-rel__lista li+li{border-top:1px solid var(--line)}
.tk-rel__link{display:flex;flex-direction:column;gap:4px;min-height:var(--toque-minimo);padding:10px 0;color:var(--ink);text-decoration:none}
.tk-rel__titulo{font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.12}
.tk-rel__entrega{font-family:var(--font-ui);font-size:14px;font-weight:500;line-height:1.4;color:var(--cyan)}
.tk-rel__link:hover .tk-rel__titulo,.tk-rel__link.is-hover .tk-rel__titulo{text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:2px;text-underline-offset:4px}
.tk-rel__link:active .tk-rel__titulo,.tk-rel__link.is-active .tk-rel__titulo{color:var(--ink-muted)}

/* ===== v33 · Faldón en Archivo =====
   La frase de la Fiscalía tiene que leerse siempre: Archivo 16 px (mínimo), ink-muted. */
.tk-faldon__fiscalia p{font-family:var(--font-ui);font-size:16px;line-height:1.4;font-weight:400}

/* ===== v34-35 · BotonLoUltimo (.tk-loultimo) =====
   Navegación, por eso en cian: borde de 2 px en cyan, sin relleno, texto ink y flecha cyan, forma de Maldita, 44 px.
   Hover: relleno cyan y texto ground (14,37:1). Lleva a la primera publicación de la última entrega publicada.
   Texto fijo en todos los tamaños y en todo momento, sin número ni tema: «Lee la última entrega».
   Con la serie terminada lleva a la última entrega (el editorial). No hay versión corta ni hay que medir.
   Sitio (v37): justo después del primer párrafo de introducción, centrado sobre la columna de
   lectura (.tk-arranque), igual en móvil y en escritorio. No tiene que caber en la primera pantalla: se ve al empezar
   a leer y, al ir en el flujo de la página, el faldón no lo tapa cuando el lector llega a él. */
.tk-loultimo{box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;max-width:100%;min-height:var(--toque-minimo);padding:8px 14px;border:2px solid var(--cyan);border-radius:var(--radius-maldita-control);background:transparent;color:var(--ink);font-family:var(--font-ui);font-size:16px;font-weight:600;line-height:1.3;text-decoration:none;white-space:nowrap;transition:background-color var(--duracion-control) ease,color var(--duracion-control) ease}
.tk-loultimo svg{flex:0 0 auto;color:var(--cyan)}
.tk-loultimo:hover,.tk-loultimo.is-hover{background:var(--cyan);color:var(--ground)}
.tk-loultimo:hover svg,.tk-loultimo.is-hover svg{color:var(--ground)}
.tk-loultimo:active,.tk-loultimo.is-active{background:var(--cyan);color:var(--ground);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.tk-loultimo:active svg,.tk-loultimo.is-active svg{color:var(--ground)}

/* Arranque de la lectura: el botón, después del primer párrafo y centrado sobre su columna */
.tk-arranque{display:flex;flex-direction:column;gap:24px}
.tk-arranque>.tk-loultimo{align-self:center}

/* ===== v38-41 · Catálogo de entregas (.tk-cat) · aplicado en la landing desde la v41 =====
   Se ven todas las publicaciones a la vez, cada una con su portada: da dimensión a la investigación. Sin desplegables.
   La entrega es solo un titulito que agrupa (número y tema en Big Shoulders). Debajo, una tarjeta por publicación:
   portada 3:2 y título, enlazada. Entrega sin publicar (y «Otras publicaciones»): una sola tarjeta ancha con la portada
   de la entrega, el tema, el candado y la fecha; sin títulos. Dos columnas a 360 px; cuatro desde 720 (y las tarjetas anchas, de dos en dos). */
.tk-cat{display:flex;flex-direction:column;gap:32px}
.tk-cat__entrega{display:flex;flex-direction:column;gap:12px}
.tk-cat__grupo{margin:0;display:flex;gap:8px;align-items:baseline;font-family:var(--font-display);font-weight:900;font-size:26px;line-height:1;text-transform:uppercase;color:var(--ink)}
.tk-cat__num{flex:0 0 auto;color:var(--magenta)}
.tk-cat__entrega--ultima .tk-cat__grupo .tk-cat__tema{color:var(--cyan)}
.tk-cat__rejilla{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
.tk-cat__rejilla>li{min-width:0}
.tk-cat__tarjeta{display:flex;flex-direction:column;gap:8px;color:var(--ink);text-decoration:none;min-height:var(--toque-minimo)}
.tk-cat__portada{display:block;width:100%;border:1px solid var(--locked)}
.tk-cat__portada>.tk-hueco{aspect-ratio:3/2;padding:6px;gap:2px}
.tk-cat__titulo{font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.12;overflow-wrap:anywhere}
.tk-cat__tarjeta .tk-capsula{align-self:flex-start}
.tk-cat__tarjeta:hover .tk-cat__titulo,.tk-cat__tarjeta.is-hover .tk-cat__titulo{text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:2px;text-underline-offset:4px}
.tk-cat__tarjeta:hover .tk-cat__portada,.tk-cat__tarjeta.is-hover .tk-cat__portada{border-color:var(--ink-subtle)}
.tk-cat__tarjeta:active .tk-cat__titulo,.tk-cat__tarjeta.is-active .tk-cat__titulo{color:var(--ink-muted)}
/* Entrega sin publicar y «Otras publicaciones»: una tarjeta ancha, sin enlace */
.tk-cat__proxima{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;align-items:center}
.tk-cat__proxima .tk-cat__grupo{font-size:22px;line-height:1.02}
.tk-cat__proxima .tk-cat__grupo,.tk-cat__proxima .tk-cat__num{color:var(--ink-muted)}
.tk-cat__proxima .tk-cat__num{color:var(--ink-subtle)}
.tk-cat__proxima-texto{display:flex;flex-direction:column;gap:8px;min-width:0}
.tk-cat__fecha{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:14px;font-weight:500;line-height:1.4;color:var(--cyan)}
@container tk (min-width: 720px){
  /* Escritorio: las entregas publicadas ocupan toda la fila; las tarjetas anchas de lo que viene, de dos en dos */
  .tk-cat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}
  .tk-cat>*{grid-column:1/-1}
  .tk-cat>.tk-cat__entrega--futura{grid-column:auto}
  .tk-cat__rejilla{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
  .tk-cat__proxima{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px}
  .tk-cat__proxima .tk-cat__grupo{font-size:26px;line-height:1}
}

/* ===== v40-41 · Tipos por el estilo de la tarjeta (aplicado desde la v41) =====
   Editorial y Políticas públicas se distinguen por el estilo de la tarjeta, no por una Cápsula.
   La Cápsula solo aparece si el tipo no se deduce de lo que hay alrededor (por ejemplo, el Editorial dentro
   de la entrega «Editorial» no la lleva). */
/* Editorial: la voz de Maldita. Sin portada, invertida: fondo ink y título en ground (16,61:1), forma de Maldita */
.tk-cat__tarjeta--editorial{box-sizing:border-box;aspect-ratio:3/2;justify-content:flex-end;padding:14px 16px;background:var(--ink);color:var(--ground);border-radius:var(--radius-maldita)}
.tk-cat__tarjeta--editorial .tk-cat__titulo{color:var(--ground)}
.tk-cat__tarjeta--editorial:hover .tk-cat__titulo,.tk-cat__tarjeta--editorial.is-hover .tk-cat__titulo{text-decoration-color:var(--ground)}
.tk-cat__tarjeta--editorial:active .tk-cat__titulo,.tk-cat__tarjeta--editorial.is-active .tk-cat__titulo{color:var(--ink-grey)}
/* Políticas públicas: borde doble de 3 px en ink, sin relleno, icono de documento delante del título */
.tk-cat__tarjeta--politicas{box-sizing:border-box;padding:10px;border:3px double var(--ink);border-radius:var(--radius-maldita)}
.tk-cat__tarjeta--politicas .tk-cat__titulo{display:flex;gap:6px;align-items:flex-start}
.tk-cat__tarjeta--politicas .tk-cat__titulo svg{flex:0 0 auto;margin-top:3px}

/* ===== v42 · Espaciado y maquetación con tokens =====
   Las páginas no llevan márgenes, rellenos ni huecos en línea: usan estas clases, con los tokens space-*.
   En línea solo queda lo que fija el contenido: proporción del hueco (aspect-ratio), ancho de la figura cuando lo fija
   la imagen, color de una cifra por su significado y los valores de los gráficos. */
.tk-pila{display:flex;flex-direction:column}
.tk-pila--1{gap:var(--space-1)}
.tk-pila--2{gap:var(--space-2)}
.tk-pila--3{gap:var(--space-3)}
.tk-pila--4{gap:var(--space-4)}
.tk-pila--5{gap:var(--space-5)}
.tk-pila--6{gap:var(--space-6)}
.tk-pila--8{gap:var(--space-8)}
.tk-pila--10{gap:var(--space-10)}
.tk-pila--12{gap:var(--space-12)}
.tk-pila--14{gap:var(--space-14)}
.tk-pila--16{gap:var(--space-16)}
.tk-pila--18{gap:var(--space-18)}
.tk-pila--24{gap:var(--space-24)}
.tk-pt-1{padding-top:var(--space-1)}
.tk-pt-2{padding-top:var(--space-2)}
.tk-pt-3{padding-top:var(--space-3)}
.tk-pt-4{padding-top:var(--space-4)}
.tk-pt-5{padding-top:var(--space-5)}
.tk-pt-6{padding-top:var(--space-6)}
.tk-pt-8{padding-top:var(--space-8)}
.tk-pt-10{padding-top:var(--space-10)}
.tk-pt-12{padding-top:var(--space-12)}
.tk-pt-14{padding-top:var(--space-14)}
.tk-pt-16{padding-top:var(--space-16)}
.tk-pt-18{padding-top:var(--space-18)}
.tk-pt-24{padding-top:var(--space-24)}
.tk-pb-1{padding-bottom:var(--space-1)}
.tk-pb-2{padding-bottom:var(--space-2)}
.tk-pb-3{padding-bottom:var(--space-3)}
.tk-pb-4{padding-bottom:var(--space-4)}
.tk-pb-5{padding-bottom:var(--space-5)}
.tk-pb-6{padding-bottom:var(--space-6)}
.tk-pb-8{padding-bottom:var(--space-8)}
.tk-pb-10{padding-bottom:var(--space-10)}
.tk-pb-12{padding-bottom:var(--space-12)}
.tk-pb-14{padding-bottom:var(--space-14)}
.tk-pb-16{padding-bottom:var(--space-16)}
.tk-pb-18{padding-bottom:var(--space-18)}
.tk-pb-24{padding-bottom:var(--space-24)}
.tk-mt-6{margin-top:var(--space-6)}
.tk-mt-16{margin-top:var(--space-16)}
.tk-sin-margen{margin:0}
.tk-centrado{margin:0 auto}
.tk-centrar{align-self:center}
.tk-alinea-inicio{align-items:flex-start}
.tk-alinea-centro{align-items:center}
.tk-filete-arriba{border-top:1px solid var(--line)}
.tk-filetes{border-block:1px solid var(--line)}
.tk-fondo-alt{background:var(--surface)}
.tk-ancho-lectura{max-width:var(--ancho-lectura)}
.tk-titular{display:flex;flex-direction:column}
.tk-titular-publicacion{max-width:940px}
.tk-entradilla--publicacion{max-width:760px}
.tk-entradilla--cifra{max-width:520px}
.tk-cita--publicacion{max-width:900px}
.tk-figura--movil{max-width:380px;align-self:center}
.tk-foto-ancha{border-inline:0}
.tk-cat .tk-cal__cabeza{padding-bottom:0}
cite.tk-pie{font-style:normal}

/* ===== v42 · Metodología (.tk-metodologia) =====
   Un solo componente, igual en todas las publicaciones: acordeón al final del artículo, sobre fondo surface.
   El cuerpo está siempre en la página y se oculta con hidden; el botón lleva aria-expanded y aria-controls. */
.tk-metodologia{border-top:1px solid var(--line);background:var(--surface)}
.tk-metodologia>.tk-medio{padding-block:var(--space-4)}
.tk-metodologia__h{margin:0}
.tk-metodologia__texto{display:flex;flex-direction:column;gap:var(--space-1)}
.tk-metodologia__cuerpo{max-width:var(--ancho-lectura);padding-bottom:var(--space-10);display:flex;flex-direction:column;gap:var(--space-4)}
.tk-metodologia__cuerpo>p{margin:0}
.tk-metodologia__cuerpo>.tk-enlace{align-self:flex-start}

/* ===== v42 · Crédito de la portada: 14 px y sin mayúsculas forzadas, también sobre la imagen en escritorio ===== */
.tk-portada__credito{text-transform:none;letter-spacing:0}
@container tk (min-width: 720px){
  .tk-portada__credito{font-size:14px;padding:4px 8px}
}

/* ===== v43 · BannerApoyo (.tk-apoyo) · vigente desde v48 =====
   Petición de apoyo dentro de las publicaciones. Es, con el botón de apoyo de la barra,
   el único elemento con amarillo de Maldita. Sin imágenes. Como máximo dos por publicación. */
.tk-apoyo{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);padding:var(--space-6) var(--space-5);background:var(--surface);border:2px solid var(--amarillo-maldita);border-radius:var(--radius-maldita);color:var(--ink)}
.tk-texto>.tk-apoyo{margin-block:var(--space-4)}
.tk-apoyo__frase{margin:0;display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-display);font-weight:900;font-size:30px;line-height:1;text-transform:uppercase;text-wrap:balance}
.tk-apoyo__remate{color:var(--amarillo-maldita)}
.tk-apoyo__boton{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--space-2);max-width:100%;min-height:var(--toque-minimo);padding:var(--space-2) var(--space-4);background:var(--amarillo-maldita);border:2px solid var(--amarillo-maldita);border-radius:var(--radius-maldita-control);color:var(--ground);font-family:var(--font-ui);font-size:16px;font-weight:600;line-height:1.3;text-decoration:none}
.tk-apoyo__boton svg{flex:0 0 auto}
.tk-apoyo__boton:hover,.tk-apoyo__boton.is-hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.tk-apoyo__boton:active,.tk-apoyo__boton.is-active{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}
@container tk (min-width: 720px){
.tk-apoyo{gap:var(--space-6);padding:var(--space-10) var(--space-12)}
.tk-apoyo__frase{font-size:48px}
}

/* ===== v46 · Negritas del texto ===== */
.tk-texto strong{font-weight:600;color:var(--ink)}
.tk-cierre strong{font-weight:inherit;color:var(--cyan)}

/* ===== v48 · Imágenes desactivadas: regla vigente recuperada y huecos =====
   La regla de grado 2 (caja en surface, filete ink-subtle y ojo tachado de 24 px) se movió por error a obsoletos.css
   en la versión 42; vuelve aquí. Desde la versión 48 los huecos de ImagenPendiente también se apagan, para revisar
   los artículos en los dos estados antes de que lleguen las imágenes. */
.tk-img-off .tk-ev,.tk-img-off .tk-pendiente{opacity:1;filter:none;outline:1px solid var(--ink-subtle);outline-offset:-1px;border-color:transparent;background:var(--surface) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%239a9893%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012s3.5-6%209-6c2%200%203.7.8%205%201.8M21%2012s-3.5%206-9%206c-2%200-3.7-.8-5-1.8%22/%3E%3Cpath%20d%3D%22M9.9%209.9a3%203%200%200%200%204.2%204.2%22/%3E%3Cpath%20d%3D%22M4%2020L20%204%22/%3E%3C/svg%3E") center/24px no-repeat}
.tk-img-off .tk-pendiente>*{visibility:hidden}

/* ===== v48 · CierreDestacado largo =====
   Más de 120 caracteres: .tk-cierre--largo. En móvil, la frase baja a 30 px (paso del titular de publicación);
   desde 720 px vuelve a 48. */
.tk-cierre--largo>.tk-seccion{font-size:30px;line-height:1.05}
@container tk (min-width: 720px){
.tk-cierre--largo>.tk-seccion{font-size:48px;line-height:1}
}

/* ===== v52 · SecuenciaImagenes (.tk-sec) =====
   En el HTML, en orden: imagen 1, texto 1, imagen 2, texto 2… Tres versiones; el script de la página elige
   según el espacio real (ancho y alto libres entre la barra y el faldón), no solo el ancho:
   · bloque (sin clase): cada imagen seguida de su texto. Sin JavaScript, con «reducir movimiento» o con menos de 600 px de alto.
   · .tk-sec--viva.tk-sec--dos: imagen fija en una columna y textos en la otra.
   · .tk-sec--viva.tk-sec--encima: imagen fija en todo el alto libre, centrada, y tarjetas que suben por encima de una en una.
   Dos columnas si la captura vertical llega a 240 px de ancho (una horizontal, al ancho de la columna) y la tarjeta cabe; si no, tarjetas encima.
   Tarjetas encima: el pie va siempre debajo de la imagen, en la zona fija (la imagen baja lo justo para que quepa) y las tarjetas no lo tapan;
   entre tarjeta y tarjeta, y después de la última, un tramo del 30 % del alto libre sin nada encima de la imagen.
   Imágenes desactivadas: mismo efecto; la imagen apagada (hueco con su tamaño, filete y ojo tachado) se queda fija y cambia en cada paso.
   El script fija --sec-vh (alto de pantalla), --sec-img-w y --sec-img-h (tamaño de la imagen), --sec-esc, --sec-libre (alto libre) y --sec-hueco (separación entre tarjetas). */
.tk-sec{box-sizing:border-box;width:100%;max-width:calc(var(--ancho-lectura) + 32px);margin-inline:auto;padding-inline:16px;display:flex;flex-direction:column;gap:var(--space-6)}
.tk-sec__img{margin:0 auto;width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--space-2)}
.tk-sec__img>.tk-hueco,.tk-sec__img>img{display:flex;width:100%;height:auto}
.tk-sec__img>img{display:block}
.tk-sec__texto{display:flex;flex-direction:column;gap:var(--space-4)}
.tk-sec__texto>p{margin:0}
.tk-sec--viva{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--sec-pasos,3),auto);gap:0}
.tk-sec--viva .tk-sec__img{grid-column:1;grid-row:1 / -1;align-self:start;justify-self:center;position:sticky;top:calc(var(--alto-nav) + 1px + var(--space-2));z-index:0;width:var(--sec-img-w);max-width:none;opacity:0;transition:opacity var(--duracion-control) ease}
.tk-sec--viva .tk-sec__img.is-activa{opacity:1}
.tk-sec--viva .tk-sec__img>.tk-hueco,.tk-sec--viva .tk-sec__img>img{width:var(--sec-img-w);height:var(--sec-img-h);max-width:none}
.tk-sec--viva .tk-sec__img>figcaption{width:var(--sec-img-w)}
.tk-sec--viva .tk-sec__texto{grid-column:1;align-self:start;position:relative;z-index:1;box-sizing:border-box;padding:var(--space-4);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-maldita);font-size:19px;line-height:1.5;margin-top:calc(var(--sec-vh) * .6)}
.tk-sec--viva .tk-sec__texto--1{grid-row:1;margin-top:calc(var(--sec-esc) + var(--space-4))}
.tk-sec--viva .tk-sec__texto--2{grid-row:2}
.tk-sec--viva .tk-sec__texto--3{grid-row:3}
.tk-sec--viva .tk-sec__texto--4{grid-row:4}
.tk-sec--viva .tk-sec__texto--5{grid-row:5}
.tk-sec--viva .tk-sec__texto--6{grid-row:6}
.tk-sec--viva .tk-sec__texto:nth-last-child(2){margin-bottom:calc(var(--sec-vh) * .25)}
.tk-sec__pies{display:none}
.tk-sec__pie{margin:0;font-family:var(--font-ui);font-size:14px;line-height:1.4;color:var(--ink-subtle)}
/* Tarjetas encima */
.tk-sec--encima .tk-sec__img{top:calc(var(--alto-nav) + 1px);height:var(--sec-libre);box-sizing:border-box;padding-top:var(--sec-img-top);justify-content:flex-start}
.tk-sec--encima .tk-sec__img>figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.tk-sec--encima .tk-sec__texto{font-size:20px;line-height:30px;margin-top:var(--sec-hueco)}
/* La última tarjeta es la penúltima hija: después solo van los pies (.tk-sec__pies). Después de la última tarjeta, un tramo en el que sale entera y se ve la última imagen sin nada encima; luego la imagen se suelta. */
.tk-sec--encima .tk-sec__texto:nth-last-child(2){margin-bottom:var(--sec-hueco)}
/* Pie siempre debajo de la imagen, en la zona fija, por encima de las tarjetas (no lo tapan) y sobre el negro de la página.
   Cambia con la imagen en cada paso. La franja ocupa el ancho de la columna para que las tarjetas pasen por debajo sin asomar. */
.tk-sec--encima .tk-sec__pies{display:grid;grid-column:1;grid-row:1 / -1;align-self:start;justify-self:stretch;position:sticky;z-index:2;pointer-events:none;box-sizing:border-box;
  padding-top:var(--space-2);background:var(--ground);height:calc(var(--sec-pie-h) + var(--space-2));
  top:calc(var(--alto-nav) + 1px + var(--sec-pie-top));margin-top:var(--sec-pie-top);margin-bottom:calc(var(--sec-libre) - var(--sec-pie-top) - var(--sec-pie-h) - var(--space-2))}
.tk-sec__pies>.tk-sec__pie{grid-area:1 / 1;justify-self:center;width:var(--sec-img-w);opacity:0;transition:opacity var(--duracion-control) ease}
.tk-sec__pies>.tk-sec__pie.is-activa{opacity:1}
.tk-sec--viva.tk-sec--dos{max-width:var(--ancho-medio);padding-inline:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-12)}
.tk-sec--dos .tk-sec__img{top:calc(var(--alto-nav) + 1px + var(--space-4))}
.tk-sec--dos .tk-sec__texto{grid-column:2;align-self:center;margin-block:calc(var(--sec-vh) * .3);font-size:20px;line-height:30px;padding:var(--space-6)}
.tk-sec--dos .tk-sec__texto--1{margin-top:calc(var(--sec-vh) * .2)}
.tk-sec--dos .tk-sec__texto:nth-last-child(2){margin-bottom:calc(var(--sec-img-h) + var(--sec-vh) * .3)}
@container tk (min-width: 720px){
.tk-sec{padding-inline:24px;max-width:calc(var(--ancho-lectura) + 48px)}
}
@media (prefers-reduced-motion: reduce){.tk-sec--viva .tk-sec__img{transition:none}}

/* ===== v48 · GraficoIdiomas como barra apilada al 100 % =====
   Mismo estilo que GraficoGravedad (.tk-gravedad), sin cifras sobre la barra: los segmentos pequeños no las caben.
   Las cifras van en la leyenda; el dato que más interesa, destacado. */
.tk-leyenda__item--destacado{color:var(--ink);font-weight:600}

/* ===== v49 · TablaComentarios (.tk-tabla-com): hilo de comentarios =====
   Columnas: Usuario · Mensaje (original y, debajo, la traducción) · Lugar · Hora. Sin título.
   Usuario anónimo («Usuario 6»); si se repite, en magenta (.tk-tabla-com__usuario--repite).
   Móvil: cada comentario es una ficha. Desde 720 px: tabla. */
.tk-tabla-com{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}
.tk-tabla-com__t{width:100%;border-collapse:collapse;display:block}
.tk-tabla-com__t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.tk-tabla-com__t tbody{display:flex;flex-direction:column;gap:var(--space-2)}
.tk-tabla-com__t tr{display:grid;grid-template-columns:auto auto 1fr;column-gap:var(--space-1);row-gap:var(--space-1);align-items:baseline;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-maldita)}
.tk-tabla-com__t td{display:block;padding:0}
.tk-tabla-com__usuario,.tk-tabla-com__lugar,.tk-tabla-com__hora{font-family:var(--font-ui);font-size:14px;line-height:1.35;color:var(--ink-subtle);font-variant-numeric:tabular-nums}
.tk-tabla-com__usuario{grid-row:1;grid-column:1;font-weight:600;color:var(--ink-muted)}
.tk-tabla-com__usuario--repite{color:var(--magenta)}
.tk-tabla-com__lugar{grid-row:1;grid-column:2}
.tk-tabla-com__hora{grid-row:1;grid-column:3}
.tk-tabla-com__lugar::before,.tk-tabla-com__hora::before{content:"· ";color:var(--ink-faint)}
.tk-tabla-com__msg{grid-row:2;grid-column:1 / -1;display:flex;flex-direction:column;gap:var(--space-1)}
.tk-tabla-com__orig,.tk-tabla-com__esp{display:block}
.tk-tabla-com__esp{margin-top:var(--space-1)}
.tk-tabla-com__orig{font-family:var(--font-ui);font-size:17px;font-weight:600;line-height:1.35;color:var(--ink)}
.tk-tabla-com__esp{font-family:var(--font-serif);font-size:17px;line-height:1.4;color:var(--ink-subtle)}
.tk-tabla-com__nota{margin:0}
@container tk (min-width: 720px){
.tk-tabla-com__t{display:table;table-layout:fixed}
.tk-tabla-com__t thead{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal;display:table-header-group}
.tk-tabla-com__t tbody{display:table-row-group}
.tk-tabla-com__t tr{display:table-row;padding:0;background:none;border:0;border-radius:0}
.tk-tabla-com__t th,.tk-tabla-com__t td{display:table-cell;vertical-align:top;text-align:left;padding:var(--space-4) var(--space-4) var(--space-4) 0;border-bottom:1px solid var(--line)}
.tk-tabla-com__t th{padding-block:0 var(--space-3);font-family:var(--font-ui);font-size:14px;font-weight:600;line-height:1.3;color:var(--ink);border-bottom:2px solid var(--line-strong)}
.tk-tabla-com__t th:last-child,.tk-tabla-com__t td:last-child{padding-right:0;text-align:right}
.tk-tabla-com__usuario,.tk-tabla-com__lugar,.tk-tabla-com__hora{line-height:1.7}
.tk-tabla-com__lugar::before,.tk-tabla-com__hora::before{content:none}
.tk-tabla-com__c-usuario{width:16%}
.tk-tabla-com__c-msg{width:58%}
.tk-tabla-com__c-lugar{width:13%}
.tk-tabla-com__c-hora{width:13%}
}

/* ===== v49 · Firma sin enlace a la entrega ===== */
.tk-firma--pub{flex-direction:column;align-items:flex-start;gap:var(--space-1)}

/* ===== v49 · Cabecera de la publicación (.tk-cab-pub): mitad imagen, mitad titular =====
   Móvil: la portada arriba (3:2, entera) y el titular y la firma debajo. Desde 720 px: titular a la izquierda
   y portada a la derecha, cada uno en media columna. El titular nunca va encima de la imagen:
   con las imágenes desactivadas se sigue leyendo. */
.tk-cab-pub{box-sizing:border-box;width:100%;max-width:var(--ancho-contenedor);margin-inline:auto;padding:var(--space-6) 16px var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}
.tk-cab-pub__portada{order:-1;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}
.tk-cab-pub__portada>.tk-hueco,.tk-cab-pub__portada>img{width:100%;aspect-ratio:3 / 2;height:auto}
.tk-cab-pub__texto{display:flex;flex-direction:column;gap:var(--space-5)}
@container tk (min-width: 720px){
.tk-cab-pub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-12);align-items:center;padding:var(--space-12) 24px}
.tk-cab-pub__portada{order:0;grid-column:2;grid-row:1}
.tk-cab-pub__texto{grid-column:1;grid-row:1}
}


/* ===== v50 · GraficoIdiomas: barras de los 6 principales y etiquetas del resto =====
   Todo visible, sin tooltip. Barras horizontales (.tk-barras) de mayor a menor con nombre y cifra; el dato
   que más interesa en cian (.tk-barras__fila--cian). Debajo, los demás idiomas como etiquetas con su cifra.
   Lo que no es un idioma (emoticonos) va fuera del gráfico, en una línea aparte. */
.tk-barras__fila--cian{color:var(--ink);font-weight:600}
.tk-barras__fila--cian .tk-barras__valor{background:var(--cyan)}
.tk-idi-otros{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}
.tk-idi-otros__t{font-family:var(--font-ui);font-size:14px;font-weight:600;line-height:1.35;color:var(--ink-muted)}
.tk-idi-otros__lista{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.tk-idi-otros__lista>li{display:inline-flex;align-items:baseline;gap:6px;padding:3px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-maldita-control);font-family:var(--font-ui);font-size:14px;line-height:1.4;color:var(--ink-muted)}
.tk-idi-otros__lista b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.tk-dato-aparte{margin:0;font-family:var(--font-ui);font-size:14px;line-height:1.4;color:var(--ink-muted)}
.tk-dato-aparte b{font-weight:600;color:var(--ink)}

/* ===== v50 · Encabezado de TablaComentarios ===== */
@container tk (min-width: 720px){
.tk-tabla-com__t th{padding:var(--space-3) var(--space-4);background:var(--locked-fill);font-weight:600;color:var(--ink);border-bottom:2px solid var(--cyan)}
.tk-tabla-com__t th:last-child{padding-right:var(--space-4)}
.tk-tabla-com__t td:first-child{padding-left:var(--space-4)}
.tk-tabla-com__t td:last-child{padding-right:var(--space-4)}
}

/* ===== v51 · Lo pendiente se ve: titulares con candado y fecha, sin enlace =====
   En el Catálogo, el Calendario, «Ir a…» y SiguientePublicacion las publicaciones aún sin publicar enseñan su titular.
   Lo único que las distingue: el candado, la fecha de su entrega y que no enlazan. Mismo color y tipografía. */
.tk-cal__fila--pendiente .tk-cal__dato,.tk-cal__fila--pendiente .tk-cal__dato .tk-candado{color:var(--cyan)}
.tk-cal__fila--pendiente .tk-cal__dato{display:inline-flex;align-items:center;gap:6px}
.tk-cal__pub--pendiente,.tk-nav__enlace--pendiente,.tk-cat__tarjeta--pendiente,.tk-siguiente__link--pendiente{cursor:default}
.tk-cal__pub--pendiente:hover .tk-cal__pub-titulo,.tk-cal__pub--pendiente.is-hover .tk-cal__pub-titulo{text-decoration:none}
.tk-cal__pub--pendiente .tk-candado,.tk-nav__enlace--pendiente .tk-candado{flex:0 0 auto;color:var(--cyan)}
.tk-nav__enlace--pendiente:hover,.tk-nav__enlace--pendiente.is-hover{text-decoration:none}
.tk-cat__tarjeta--pendiente:hover .tk-cat__titulo,.tk-cat__tarjeta--pendiente.is-hover .tk-cat__titulo{text-decoration:none}
.tk-cat__tarjeta--pendiente:hover .tk-cat__portada,.tk-cat__tarjeta--pendiente.is-hover .tk-cat__portada{border-color:var(--locked)}
.tk-cat__tarjeta--pendiente .tk-cat__fecha{margin-top:-2px}
.tk-siguiente__link--pendiente:hover .tk-siguiente__mini{border-color:var(--locked)}
.tk-siguiente__fecha{display:inline-flex;align-items:center;gap:6px;min-height:var(--toque-minimo);font-family:var(--font-ui);font-size:14px;font-weight:500;line-height:1.4;color:var(--cyan)}

/* ===== v52 · Título de la investigación en la barra de las publicaciones (.tk-nav__titulo) =====
   Versión pequeña del titular de la landing: Big Shoulders en mayúsculas, color por palabra
   (TIKTOK, en tinta; EL HOGAR en cian; DEL en gris; PEDERASTA en magenta). Centrado en la barra y enlace a la landing.
   «Ir a…» (y las flechas en escritorio) a la izquierda; «Apoyar» a la derecha. La barra no cambia de alto (52 + 1 px).
   Hasta 1.023 px va en dos líneas («TIKTOK, EL HOGAR» / «DEL PEDERASTA»); desde 1.024 px, en una. Solo en las publicaciones. */
.tk-nav__titulo{display:none}
.tk-nav--bloques .tk-nav__in{position:relative}
.tk-nav--bloques .tk-nav__abrir{flex:0 0 auto}
.tk-nav--bloques .tk-nav__boton--apoyo{margin-left:auto}
.tk-nav--bloques .tk-nav__titulo{position:absolute;top:0;left:50%;transform:translateX(-50%);height:var(--alto-nav);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:17px;line-height:.92;letter-spacing:0;text-transform:uppercase;text-align:center;white-space:nowrap;color:var(--ink);text-decoration:none}
.tk-nav__titulo-linea{display:block}
.tk-nav__titulo-c{color:var(--cyan)}
.tk-nav__titulo-g{color:var(--ink-grey)}
.tk-nav__titulo-m{color:var(--magenta)}
.tk-nav__titulo:hover .tk-nav__titulo-linea,.tk-nav__titulo.is-hover .tk-nav__titulo-linea{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.tk-raiz .tk-nav__titulo:focus-visible,.tk-nav__titulo.is-focus{outline:2px solid var(--foco-color);outline-offset:2px}
@container tk (min-width: 1024px){
.tk-nav--bloques .tk-nav__titulo{flex-direction:row;gap:.28em;font-size:22px;line-height:1}
.tk-nav__titulo:hover .tk-nav__titulo-linea,.tk-nav__titulo.is-hover .tk-nav__titulo-linea{text-underline-offset:4px}
}

/* ===== v52 · PortadaCaptura sin marco: se funde con el fondo negro =====
   Como la ilustración de la landing: sin borde ni marco y con los cuatro bordes fundidos a negro (máscara del 10 %
   en horizontal y del 12 % en vertical). La imagen se ve entera: la máscara no recorta, solo apaga los bordes.
   El hueco de ImagenPendiente lleva la misma máscara para que se vea cómo quedará. */
.tk-cab-pub__portada>.tk-hueco,.tk-cab-pub__portada>img{border:0;outline:0;
-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%);
-webkit-mask-composite:source-in;
mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%);
mask-composite:intersect}
.tk-img-off .tk-cab-pub__portada>.tk-pendiente,.tk-img-off .tk-cab-pub__portada>img{-webkit-mask-image:none;mask-image:none;outline:1px solid var(--ink-subtle);outline-offset:-1px}

/* ===== v52 · SiguientePublicacion: un solo título =====
   Solo el titular de la siguiente publicación, en grande (tamaños de .tk-titular-publicacion: 30 px en móvil y 48 desde 720 px).
   Nunca el título corto y el titular a la vez. */
.tk-siguiente__titular{display:block;color:var(--ink)}

/* ===== v52 · TablaComentarios por grupos (.tk-tabla-com--grupos) =====
   Los comentarios se agrupan bajo una cabecera por directo (o por lo que los reúna): «Directo 1 · Vietnam · empieza a las 07:33».
   Un <tbody> por grupo, con una primera fila de cabecera (th scope="rowgroup"). El país y la hora de inicio son del grupo:
   ya no hay columna «Lugar». Columnas: Usuario · Mensaje original · En español · Hora.
   Cabecera del grupo: Archivo 16 px, nombre en semibold e ink y el resto en ink-muted, con fondo surface y filete superior de 2 px
   en line-strong. Móvil: la cabecera del grupo y debajo sus fichas. Los usuarios que repiten, en magenta. */
.tk-tabla-com--grupos .tk-tabla-com__t{display:flex;flex-direction:column;gap:var(--space-6)}
.tk-tabla-com__t tbody.tk-tabla-com__directo{display:flex;flex-direction:column;gap:var(--space-2)}
.tk-tabla-com__t tr.tk-tabla-com__grupo{display:block;padding:0;background:none;border:0;border-radius:0}
.tk-tabla-com__grupo>th{display:block;box-sizing:border-box;padding:var(--space-3) var(--space-4);background:var(--surface);border-top:2px solid var(--line-strong);font-family:var(--font-ui);font-size:16px;line-height:1.35;text-align:left;font-weight:400}
.tk-tabla-com__grupo-nombre{font-weight:600;color:var(--ink)}
.tk-tabla-com__grupo-dato{color:var(--ink-muted)}
.tk-tabla-com--grupos .tk-tabla-com__t tr{grid-template-columns:auto 1fr}
.tk-tabla-com--grupos .tk-tabla-com__hora{grid-row:1;grid-column:2}
.tk-tabla-com--grupos .tk-tabla-com__orig{grid-row:2;grid-column:1 / -1;margin-top:var(--space-1)}
.tk-tabla-com--grupos .tk-tabla-com__esp{grid-row:3;grid-column:1 / -1}
@container tk (min-width: 720px){
.tk-tabla-com--grupos .tk-tabla-com__t{display:table}
.tk-tabla-com__t tbody.tk-tabla-com__directo{display:table-row-group}
.tk-tabla-com__t tr.tk-tabla-com__grupo{display:table-row}
.tk-tabla-com__t .tk-tabla-com__grupo>th{display:table-cell;padding:var(--space-3) var(--space-4);background:var(--surface);border-top:2px solid var(--line-strong);border-bottom:1px solid var(--line);font-size:16px;font-weight:400;color:var(--ink-muted);text-align:left}
.tk-tabla-com--grupos .tk-tabla-com__orig,.tk-tabla-com--grupos .tk-tabla-com__esp{display:table-cell;margin-top:0}
.tk-tabla-com__c-usuario{width:16%}
.tk-tabla-com__c-orig{width:37%}
.tk-tabla-com__c-esp{width:35%}
.tk-tabla-com__c-hora{width:12%}
}

/* ===== v56 · InterruptorImagenes: el texto dice lo que hace =====
   Un solo texto en todos los tamaños, que cambia con el estado: «Ocultar imágenes» cuando se ven y «Mostrar imágenes»
   cuando están ocultas (.tk-switch__texto). Como el texto ya nombra la acción, es un botón normal (sin role="switch"
   ni aria-checked, que harían que el lector dijera «Ocultar imágenes, activado»). El estado visual va con .is-off. */
.tk-switch__texto{display:inline;white-space:nowrap}
.tk-switch.is-off .tk-switch__pista{background:var(--switch-off);border:1px solid var(--ink-subtle)}
.tk-switch.is-off .tk-switch__bola{top:2px;left:2px}
.tk-switch:not(.is-off):not([aria-checked]):active .tk-switch__bola,.tk-switch:not(.is-off):not([aria-checked]).is-active .tk-switch__bola{left:17px}
.tk-switch--s.is-off .tk-switch__bola{top:2px;left:2px}

/* ===== v57 · BannerApoyo con formulario de donación (.tk-apoyo--form) =====
   Solo en el banner final (variante B). Mismo comportamiento que el formulario de maldita.es: frecuencia, importe con
   su desgravación, «Otra cantidad» (5 a 10.000 €) y botón «Donar [importe] € [al mes / al año / una vez] →» que enlaza
   al CRM con el importe en céntimos. Controles en Archivo, con la forma de Maldita y 44 px de zona de toque.
   Seleccionado: fondo ink, texto ground, filete de 2 px y marca de verificación delante del texto (no depende solo del color). */
.tk-apoyo--form{align-items:stretch;gap:var(--space-5)}
.tk-don{display:flex;flex-direction:column;gap:var(--space-4);font-family:var(--font-ui)}
.tk-don__grupo{display:flex;flex-direction:column;gap:var(--space-2)}
.tk-don__rotulo{margin:0;font-family:var(--font-ui);font-size:14px;font-weight:600;line-height:1.3;color:var(--ink)}
.tk-don__freq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.tk-don__importes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.tk-don__freq-btn,.tk-don__imp{position:relative;box-sizing:border-box;min-height:var(--toque-minimo);margin:0;padding:var(--space-2) var(--space-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;background:var(--ground);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-maldita-control);font-family:var(--font-ui);cursor:pointer}
.tk-don__freq-t{font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap}
.tk-don__freq-s{font-size:12px;line-height:1.25;color:var(--ink-subtle)}
.tk-don__imp{padding:var(--space-3) var(--space-2)}
.tk-don__imp-tag{font-size:12px;line-height:1.25;color:var(--ink-subtle)}
.tk-don__imp-n{font-size:22px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.tk-don__imp-n--otra{font-size:15px;font-weight:600}
.tk-don__imp-u{font-size:13px;line-height:1.2;color:var(--ink-muted)}
.tk-don__imp--otra{grid-column:1 / -1;flex-direction:row;padding-block:var(--space-2)}
.tk-don__marca{display:none;width:14px;height:14px;margin-right:4px;vertical-align:-1px}
.tk-don__freq-btn[aria-pressed="true"],.tk-don__imp[aria-pressed="true"]{background:var(--ink);color:var(--ground);border:2px solid var(--ink)}
.tk-don__freq-btn[aria-pressed="true"] .tk-don__freq-s,.tk-don__imp[aria-pressed="true"] .tk-don__imp-tag,.tk-don__imp[aria-pressed="true"] .tk-don__imp-u{color:var(--ground)}
.tk-don__freq-btn[aria-pressed="true"] .tk-don__marca,.tk-don__imp[aria-pressed="true"] .tk-don__marca{display:inline-block}
.tk-don__freq-btn:hover,.tk-don__imp:hover,.tk-don__freq-btn.is-hover,.tk-don__imp.is-hover{border-color:var(--ink)}
.tk-raiz .tk-don :focus-visible,.tk-don .is-focus{outline:2px solid var(--foco-color);outline-offset:2px}
.tk-don__otra{display:flex;flex-direction:column;gap:var(--space-2)}
.tk-don__otra[hidden]{display:none}
.tk-don__campo{box-sizing:border-box;display:flex;align-items:center;gap:var(--space-2);min-height:var(--toque-minimo);padding:0 var(--space-3);background:var(--ground);border:1px solid var(--ink-subtle);border-radius:var(--radius-maldita-control)}
.tk-don__campo:focus-within{border-color:var(--ink);outline:2px solid var(--foco-color);outline-offset:2px}
.tk-don__euro{font-size:17px;font-weight:600;color:var(--ink-muted)}
.tk-don__input{flex:1 1 auto;min-width:0;height:40px;margin:0;padding:0;background:none;border:0;outline:0;color:var(--ink);font-family:var(--font-ui);font-size:17px;font-variant-numeric:tabular-nums}
.tk-don__input::placeholder{color:var(--ink-faint)}
.tk-don__input[aria-invalid="true"]{color:var(--alerta)}
.tk-don__error{margin:0;font-size:14px;line-height:1.4;color:var(--alerta)}
.tk-don__error[hidden]{display:none}
.tk-don__cta{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);padding-top:var(--space-1)}
.tk-don__boton{justify-content:center;width:100%;font-size:17px}
.tk-don__boton[aria-disabled="true"]{background:var(--surface);border-color:var(--line-strong);color:var(--ink-subtle);cursor:not-allowed;text-decoration:none}
.tk-don__seguro{margin:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;line-height:1.4;color:var(--ink-subtle)}
.tk-don__candado{flex:0 0 auto;width:14px;height:14px}
@container tk (max-width: 719px){
.tk-apoyo--form{padding:var(--space-5) var(--space-4)}
.tk-apoyo--form .tk-apoyo__frase{font-size:26px}
}
@container tk (min-width: 720px){
.tk-don__cta{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}
.tk-don__boton{width:auto;min-width:280px}
}

/* ===== v58 · Faldón en una sola fila, siempre visible =====
   Aviso «Las pruebas de esta investigación han sido entregadas a la Fiscalía de Criminalidad Informática española.» a la izquierda
   e interruptor a la derecha, en la misma fila y en todos los tamaños. El interruptor ya no se oculta al bajar.
   La fila de 32 px (.tk-faldon__imagenes) y .tk-faldon--bajando quedan sin uso. */
.tk-faldon__fila{box-sizing:border-box;max-width:var(--ancho-contenedor);margin:0 auto;padding:var(--space-1) 16px;display:flex;align-items:center;gap:var(--space-3);min-height:var(--toque-minimo)}
.tk-faldon__fiscalia .tk-faldon__aviso{flex:1 1 auto;min-width:0;margin:0;padding:0;max-width:none;font-family:var(--font-ui);font-size:var(--faldon-aviso,14px);line-height:1.35;font-weight:400;color:var(--ink-muted)}
.tk-faldon__fila .tk-switch--s{flex:0 0 auto;margin-block:0}
@container tk (min-width: 720px){
.tk-faldon__fila{padding-inline:24px}
.tk-faldon__fiscalia .tk-faldon__aviso{font-size:16px}
}
.tk-raiz{--alto-faldon:45px} /* v59: una fila de 44 px + filete en móvil */
@container tk (min-width: 720px){.tk-raiz{--alto-faldon:53px}}

/* ===== v58 · Barra: filete inferior en gris sutil (line), ya no en magenta ===== */
.tk-nav{border-bottom-color:var(--line)}

/* ===== v58 · CierreDestacado sin recuadro =====
   Misma tipografía y tamaño, sin borde, fondo ni relleno: se lee como parte del texto, no como un banner. */
.tk-cierre,.tk-cierre.tk-cierre--largo{padding:0;background:none;border:0;border-radius:0}

/* ===== v58 · Ninguna imagen más alta que el hueco visible =====
   Alto visible = pantalla − barra (53 px) − faldón (--alto-faldon). Una imagen o un hueco más alto se reduce entero,
   sin recortar, y queda centrado. Los huecos llevan su proporción en --ar (la misma de aspect-ratio). */
.tk-raiz{--alto-visible:calc(100svh - var(--alto-nav) - 1px - var(--alto-faldon))}
.tk-figura>img,.tk-sec:not(.tk-sec--viva) .tk-sec__img>img,.tk-cab-pub__portada>img{max-height:var(--alto-visible);width:auto;max-width:100%;margin-inline:auto}
.tk-figura>.tk-hueco,.tk-sec:not(.tk-sec--viva) .tk-sec__img>.tk-hueco,.tk-cab-pub__portada>.tk-hueco{max-width:min(100%,calc(var(--alto-visible) * var(--ar,1)));margin-inline:auto}
.tk-cab-pub__portada{--ar:3 / 2}
.tk-figura>figcaption,.tk-sec__img>figcaption{align-self:center;width:100%}

/* ===== v59 · Faldón en móvil: aviso corto en una línea e interruptor solo con icono =====
   Por debajo de 720 px: «Pruebas entregadas a las autoridades españolas.» (14 px, una línea; a 320 px, dos como mucho)
   y el interruptor como icono: ojo con las imágenes visibles, ojo tachado con las imágenes ocultas. Zona de toque de 44 × 44 px;
   el texto «Ocultar imágenes» / «Mostrar imágenes» sigue en el botón, solo para lectores de pantalla.
   Desde 720 px: la frase completa y el interruptor con su texto y su pista, como antes. */
.tk-faldon__aviso-largo{display:none}
.tk-switch__ojo{display:none;flex:0 0 auto}
@container tk (max-width: 719px){
.tk-faldon__fila{gap:var(--space-2);padding-block:0}
.tk-faldon__fiscalia .tk-faldon__aviso{font-size:14px;line-height:1.3}
.tk-switch--icono{justify-content:center;width:var(--toque-minimo);height:var(--toque-minimo);min-width:var(--toque-minimo);gap:0;color:var(--ink)}
.tk-switch--icono .tk-switch__pista{display:none}
.tk-switch--icono .tk-switch__texto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.tk-switch--icono:not(.is-off) .tk-switch__ojo--on,.tk-switch--icono.is-off .tk-switch__ojo--off{display:block}
.tk-switch--icono.is-off{color:var(--ink-subtle)}
.tk-switch--icono:hover .tk-switch__ojo,.tk-switch--icono.is-hover .tk-switch__ojo{color:var(--ink)}
}
@container tk (min-width: 720px){
.tk-faldon__aviso-corto{display:none}
.tk-faldon__aviso-largo{display:inline}
}

/* ===== v61 · Texto marcado y enlaces (opción D, con los enlaces en magenta) =====
   Texto marcado (strong en el texto de las publicaciones): solo el marcador magenta al 28 % (#4e1420 sobre ground),
   sin negrita: mismo peso y color que el párrafo. Contraste del texto sobre el marcador: 12,2:1.
   Enlaces (.tk-enlace): texto y subrayado en magenta (5,38:1 sobre ground), subrayado de 2 px separado 5 px, que salta los
   trazos descendentes; al pasar el ratón, 3 px. Dentro de un texto marcado, el enlace conserva el texto en ink
   (12,2:1 sobre el marcador; en magenta bajaría a 3,95:1) y lleva el subrayado magenta. */
.tk-texto strong,.tk-sec__texto strong,.tk-metodologia__cuerpo strong{font-weight:inherit;color:inherit;background:rgba(254,44,85,.28);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em;border-radius:2px}
.tk-cierre strong{background:none;padding:0;border-radius:0;color:var(--cyan)}
.tk-enlace{color:var(--magenta);text-decoration:underline;text-decoration-color:var(--magenta);text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-skip-ink:auto}
.tk-enlace:hover,.tk-enlace.is-hover{color:var(--magenta);text-decoration-color:var(--magenta);text-decoration-thickness:3px}
.tk-enlace:active,.tk-enlace.is-active{color:var(--magenta);text-decoration-color:var(--magenta);text-decoration-thickness:3px}
strong .tk-enlace,strong .tk-enlace:hover,strong .tk-enlace.is-hover,strong .tk-enlace:active,strong .tk-enlace.is-active{color:var(--ink)}

/* ===== v62 · DestacadoSubrayado obsoleto: todo lo destacado usa el marcador; cierre en magenta ===== */
.tk-relato strong,.tk-entradilla strong{font-weight:inherit;color:inherit;background:rgba(254,44,85,.28);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em;border-radius:2px}
.tk-cierre strong{background:none;padding:0;border-radius:0;color:var(--magenta)}

/* ===== v66 · Bilingüe: SelectorIdioma y marca [EN PENDIENTE] =====
   SelectorIdioma (.tk-idioma), en NavegacionInvestigacion: por debajo de 720 px, solo el enlace al otro idioma
   (44 × 44 px, entre «Menú» y el título); desde 720 px, «ES | EN» con el activo en magenta y el otro como enlace.
   Marca [EN PENDIENTE]: solo en la versión EN, delante de cada texto de redacción que aún no está en inglés
   (atributo data-pend, o .tk-pend en lo que sale de la fuente de datos). Ninguna página EN se publica con la marca. */
.tk-idioma{order:2;flex:0 0 auto;display:flex;align-items:stretch;height:var(--toque-minimo);box-sizing:border-box;border:1px solid var(--line-strong);border-radius:var(--radius-maldita-control);font-family:var(--font-ui);font-weight:600;font-size:14px;line-height:1;letter-spacing:0}
.tk-idioma__actual,.tk-idioma__sep{display:none}
.tk-idioma__otro{display:flex;align-items:center;justify-content:center;min-width:42px;padding:0 8px;box-sizing:border-box;color:var(--ink);text-decoration:none;border-radius:inherit}
.tk-idioma__otro:hover,.tk-idioma__otro.is-hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.tk-idioma__otro:focus-visible,.tk-idioma__otro.is-focus{outline:2px solid var(--foco-color);outline-offset:2px}
@container tk (min-width: 720px){
.tk-idioma__actual,.tk-idioma__sep{display:flex;align-items:center}
.tk-idioma__actual{justify-content:center;min-width:42px;padding:0 8px;box-sizing:border-box;color:var(--magenta)}
.tk-idioma__sep{color:var(--ink-faint);font-weight:400}
}
.tk-pend,.tk-raiz[lang="en"] [data-pend]::before{display:inline-block;align-self:flex-start;margin:0 .5em .25em 0;padding:2px 6px;font-family:var(--font-ui);font-weight:700;font-size:12px;line-height:1.3;letter-spacing:.04em;text-transform:none;font-style:normal;color:var(--ground);background:var(--alerta);border-radius:2px;vertical-align:.25em;white-space:nowrap;text-decoration:none;text-shadow:none}
.tk-raiz[lang="en"] [data-pend]::before{content:"[EN PENDIENTE]"}
.tk-nav__titulo--pend{outline:1px dashed var(--alerta);outline-offset:3px}
/* v66 · Barra de las publicaciones con el selector de idioma: por debajo de 1.024 px el título va entre el selector y
   «Apoyar», centrado en el hueco que queda (centrado en la barra chocaba con el selector a 360 y a 720 px).
   Desde 1.024 px, centrado en la barra como antes. */
.tk-nav--bloques .tk-nav__titulo{position:static;transform:none;order:3;flex:0 0 auto;margin-inline:auto}
.tk-nav--bloques .tk-nav__boton--apoyo{order:4;margin-left:0}
@container tk (min-width: 1024px){
.tk-nav--bloques .tk-nav__titulo{position:absolute;transform:translateX(-50%);margin:0}
.tk-nav--bloques .tk-nav__boton--apoyo{margin-left:auto}
}
/* v67 · Por debajo de 360 px (320) el título de la barra no cabe junto al selector: se oculta (sigue «Menú», el selector y «Apoyar»). */
@container tk (max-width: 359px){
.tk-nav--bloques .tk-nav__titulo{display:none}
.tk-nav--bloques .tk-nav__boton--apoyo{margin-left:auto}
}
/* v66 · Landing: el selector va junto a «Menú», como en las publicaciones; «Apoyar» sigue a la derecha. */
.tk-nav--secciones .tk-nav__abrir{flex:0 0 auto}
.tk-nav--secciones .tk-idioma{margin-right:auto}

/* ===== v67 · Ajustes del bilingüe =====
   TablaComentarios en inglés: si el mensaje original ya está en inglés, no se muestra la traducción (quedaría repetida).
   En escritorio la celda se queda vacía para no mover las columnas; en móvil la línea desaparece. */
.tk-raiz[lang="en"] .tk-tabla-com__esp--repetida{display:none}
.tk-raiz[lang="en"] .tk-tabla-com__esp--repetida .tk-tabla-com__esp-txt{display:none}
@container tk (min-width: 720px){
.tk-raiz[lang="en"] .tk-tabla-com--grupos .tk-tabla-com__esp--repetida{display:table-cell}
}
/* Fecha provisional: marca discreta, solo en el lienzo (TK_AJUSTES.lienzo), como [EN PENDIENTE] pero sin naranja. */
.tk-provisional{display:inline-block;margin:0 .5em .25em 0;padding:1px 6px;font-family:var(--font-ui);font-weight:600;font-size:12px;line-height:1.3;letter-spacing:.04em;font-style:normal;text-transform:none;color:var(--ink-subtle);background:none;border:1px dashed var(--ink-faint);border-radius:2px;vertical-align:.15em;white-space:nowrap}
/* Formulario de donación por debajo de 360 px (320): «✓ Cada mes» no cabía en su botón (82 px de texto en 59). La marca de
   seleccionado pasa encima del texto, centrada, y el relleno lateral baja a space-1. */
@container tk (max-width: 359px){
.tk-don__freq-btn{padding-inline:var(--space-1)}
.tk-don__freq-t{display:flex;flex-direction:column;align-items:center}
.tk-don__freq-btn .tk-don__marca{margin:0 0 2px}
}

/* ===== v68 · Segundo artículo («TikTok, escaparate…») =====
   SecuenciaImagenes hasta 12 pasos (el artículo usa 9). */
.tk-sec--viva .tk-sec__texto--7{grid-row:7}
.tk-sec--viva .tk-sec__texto--8{grid-row:8}
.tk-sec--viva .tk-sec__texto--9{grid-row:9}
.tk-sec--viva .tk-sec__texto--10{grid-row:10}
.tk-sec--viva .tk-sec__texto--11{grid-row:11}
.tk-sec--viva .tk-sec__texto--12{grid-row:12}
/* Lista dentro de la Metodología */
.tk-metodologia__lista{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:var(--space-2)}

/* ===== v69 · Ajustes del segundo artículo =====
   SecuenciaImagenes: título de la tarjeta (h3), en Newsreader semibold, al tamaño del texto de la tarjeta y sin marcador.
   El marcador queda solo para los destacados dentro del texto. */
.tk-sec__titulo{margin:0;font-family:var(--font-serif);font-weight:600;font-size:inherit;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--ink)}
/* CierreDestacado: sigue en Big Shoulders y mayúsculas. Por debajo de 720 px, el cierre largo baja de 30 a 26 px (paso `tarjeta`)
   para que el párrafo quepa en una pantalla y se lea bien. Como mucho dos frases destacadas: la acusación en magenta y el remate en cian. */
@container tk (max-width: 719px){
.tk-cierre--largo>.tk-seccion{font-size:26px;line-height:1.05}
}
/* Firma: «Lectura de N minutos» no se parte. */
.tk-firma__lectura{white-space:nowrap}
/* SecuenciaImagenes: una técnica con dos imágenes lleva una sola tarjeta. La tarjeta va dentro de una caja (.tk-sec__doble) que
   lleva también el paso siguiente: un hueco sin tarjeta (.tk-sec__texto--sigue) que marca el cambio de imagen. Dentro de la caja,
   la tarjeta se queda fija mientras cambia la imagen y sale con la caja. */
.tk-sec--viva .tk-sec__doble{grid-row:var(--fila);grid-column:1;position:relative;z-index:1;align-self:start}
.tk-sec--dos .tk-sec__doble{grid-column:2}
.tk-sec--viva .tk-sec__doble>.tk-sec__texto:first-child{position:sticky;top:calc(var(--alto-nav) + var(--space-6))}
.tk-sec .tk-sec__doble>.tk-sec__texto:first-child{margin-bottom:0}
.tk-sec__texto--sigue{visibility:hidden;padding:0;border:0;background:none}
/* El cambio de imagen llega a mitad del tiempo en que la tarjeta está fija: medio alto de pantalla con la primera imagen y algo más con la segunda. */
.tk-sec .tk-sec__doble>.tk-sec__texto--sigue{margin:calc(var(--sec-vh) * .5) 0 0;min-height:calc(var(--sec-vh) * .6)}
.tk-sec:not(.tk-sec--viva) .tk-sec__texto--sigue{display:none}

/* v70 · Pie pendiente: marca naranja [PIE PENDIENTE] (mismo estilo que [EN PENDIENTE]) y debajo un recuadro discontinuo que reserva el alto real del pie (dos líneas con el estilo de pie). Solo en el lienzo. */
.tk-pie--pend{display:block}
.tk-pie--pend>.tk-pend,.tk-sec__pie>.tk-pend{margin:0 0 6px}
.tk-pie__reserva{display:block;box-sizing:border-box;width:100%;min-height:2.9em;min-height:2lh;border:1px dashed var(--ink-subtle);border-radius:2px}

/* v70 · Imágenes con su proporción real (nunca se recortan ni se deforman).
   Fuera de la secuencia: ancho de la columna, alto máximo el espacio visible (ya en .tk-figura>.tk-hueco con --ar).
   SecuenciaImagenes: escenario por secuencia (--sec-img-w × --sec-img-h, lo pone el script); cada imagen cabe entera en él,
   abajo y centrada, así que al cambiar de imagen no se mueven la tarjeta ni el pie. */
.tk-sec__img{max-width:none}
.tk-sec--viva .tk-sec__img>.tk-hueco,.tk-sec--viva .tk-sec__img>img{width:min(var(--sec-img-w),calc(var(--sec-img-h) * (var(--ar,1))));height:auto;max-width:none;align-self:center;margin-top:max(0px,calc(var(--sec-img-h) - var(--sec-img-w) / (var(--ar,1))))}
.tk-sec--viva .tk-sec__img{justify-content:flex-start}
.tk-figura>.tk-hueco,.tk-sec:not(.tk-sec--viva) .tk-sec__img>.tk-hueco{width:100%}

/* ===== v71 · SecuenciaImagenes «imagen arriba» (.tk-sec--arriba): por debajo de 720 px, o si no caben las dos columnas =====
   La imagen queda fija arriba con su pie (o su hueco de pie pendiente), en una banda opaca (--sec-banda, como mucho el 55 % del alto libre).
   Las tarjetas pasan por debajo de la banda: nunca tapan la imagen ni su pie. Sustituye a «tarjetas encima» (.tk-sec--encima, obsoleta). */
.tk-sec--arriba .tk-sec__img{top:calc(var(--alto-nav) + 1px);z-index:3;box-sizing:border-box;padding-top:var(--space-2);justify-content:flex-start;pointer-events:none}
.tk-sec--arriba .tk-sec__img.is-activa{pointer-events:auto}
.tk-sec--arriba .tk-sec__img>figcaption{width:var(--sec-img-w);align-self:center}
.tk-sec--arriba .tk-sec__pies{display:block;grid-column:1;grid-row:1 / -1;align-self:start;position:sticky;top:calc(var(--alto-nav) + 1px);z-index:2;height:var(--sec-banda);margin-inline:-16px;background:var(--ground);pointer-events:none}
.tk-sec--arriba .tk-sec__pies>.tk-sec__pie{display:none}
.tk-sec--arriba .tk-sec__texto{font-size:20px;line-height:30px;margin-top:var(--sec-hueco)}
.tk-sec--arriba .tk-sec__texto--1{margin-top:calc(var(--sec-banda) + var(--space-6))}
.tk-sec--arriba>.tk-sec__texto:nth-last-child(2),.tk-sec--arriba>.tk-sec__doble:nth-last-child(2){margin-bottom:calc(var(--sec-hueco) * .6)}
.tk-sec--arriba .tk-sec__doble>.tk-sec__texto:first-child{top:calc(var(--alto-nav) + 1px + var(--sec-banda) + var(--space-4))}
.tk-sec--arriba .tk-sec__doble>.tk-sec__texto--sigue{margin-top:calc(var(--sec-hueco) * .6);min-height:calc(var(--sec-hueco) * .6)}
@container tk (min-width: 720px){.tk-sec--arriba .tk-sec__pies{margin-inline:-24px}}
/* ===== v71 · SecuenciaImagenes en dos columnas: contenedor de 1.280 px (antes 1.080), la mitad para la imagen ===== */
.tk-sec--viva.tk-sec--dos{max-width:var(--ancho-contenedor)}

/* ===== v71 · Enlaces del texto (.tk-enlace): texto en el color normal, solo el subrayado en cian =====
   Subrayado cian de 2 px (3 px al pasar el ratón), a 5 px del texto. Magenta para los destacados (marcador), cian para los enlaces: nunca se intercambian. */
.tk-enlace,.tk-enlace:hover,.tk-enlace.is-hover,.tk-enlace:active,.tk-enlace.is-active{color:inherit;text-decoration-line:underline;text-decoration-color:var(--cyan);text-underline-offset:5px;text-decoration-skip-ink:auto}
.tk-enlace{text-decoration-thickness:2px}
.tk-enlace:hover,.tk-enlace.is-hover,.tk-enlace:active,.tk-enlace.is-active{text-decoration-thickness:3px}
strong .tk-enlace,strong .tk-enlace:hover,strong .tk-enlace.is-hover,strong .tk-enlace:active,strong .tk-enlace.is-active{color:inherit}

/* (v119: el bloque de la serie «Sigue leyendo», .tk-cal--entrega y .tk-cal__serie-titulo, retirado: cortaba la lectura.) */

/* ===== v72 · Espacio después de una SecuenciaImagenes =====
   Al terminar la secuencia (la imagen fija se suelta al final de la rejilla), 24 px de relleno: el título de sección que viene
   detrás queda con el mismo espacio superior que cualquier otro (48 px desde lo anterior). */
.tk-sec{padding-bottom:var(--space-6)}
/* ===== v72 · SecuenciaImagenes: cada imagen, arriba de su escenario =====
   Empieza en la parte superior del espacio reservado (a la altura de la tarjeta en escritorio, justo bajo la barra en móvil),
   con su pie pegado debajo; el espacio sobrante queda debajo del pie, nunca encima de la imagen. Al cambiar de imagen,
   la nueva aparece en el mismo sitio y la tarjeta no se mueve. */
.tk-sec--viva .tk-sec__img>.tk-hueco,.tk-sec--viva .tk-sec__img>img{margin-top:0}
.tk-sec--dos .tk-sec__img{top:calc(var(--alto-nav) + var(--space-6))}
/* v72 · «imagen arriba»: en una técnica con dos imágenes, la tarjeta sigue fija un buen tramo después del cambio de imagen */
.tk-sec--arriba .tk-sec__doble>.tk-sec__texto--sigue{min-height:calc(var(--sec-hueco) * 1.3)}
/* ===== v72 · Final de la secuencia: sin tramo largo de imagen sola =====
   La última tarjeta no lleva margen inferior. La imagen fija (y en «imagen arriba», la banda) lleva --sec-suelta como margen
   inferior: el script lo calcula para que se suelte cuando la última tarjeta ha llegado a su sitio y se ha leído, con como mucho
   un tercio de pantalla de recorrido, y suba junto con ella. Los tramos entre tarjetas no cambian. */
.tk-sec--viva>:is(.tk-sec__texto,.tk-sec__doble):nth-last-child(1 of .tk-sec__texto,.tk-sec__doble){margin-bottom:0}
.tk-sec--viva .tk-sec__img{margin-bottom:var(--sec-suelta,0px)}
.tk-sec--arriba .tk-sec__img{height:var(--sec-banda)}
.tk-sec--dos .tk-sec__img{height:var(--sec-fig-h)}
.tk-sec--arriba .tk-sec__pies{margin-bottom:var(--sec-suelta,0px)}
/* v72 · Si la imagen fija se suelta después del final de la rejilla (--sec-suelta negativo, imagen más alta que la última tarjeta
   en dos columnas), la secuencia reserva ese espacio debajo: lo siguiente entra justo después de la imagen, sin pisarla. */
.tk-sec--viva{padding-bottom:calc(var(--space-6) + max(0px, -1 * var(--sec-suelta, 0px)))}
/* ===== v73 · Final de la secuencia en dos columnas: la última imagen con su alto propio =====
   La última imagen no reserva el alto de la más alta: mide lo que ocupa con su pie. Al soltarse, la secuencia termina donde
   acaba esa imagen con su pie y el título siguiente entra a 48 px, sin hueco. */
.tk-sec--dos .tk-sec__img:nth-last-child(1 of .tk-sec__img){height:auto}
/* v73 · «imagen arriba»: la última imagen también con su alto propio; mientras está activa, la banda se ajusta a ella
   (--sec-banda-ult) y la última tarjeta sube hasta su pie antes de soltarse todo, sin hueco. */
.tk-sec--arriba .tk-sec__img:nth-last-child(1 of .tk-sec__img){height:auto}
.tk-sec--arriba:has(.tk-sec__img.is-activa:nth-last-child(1 of .tk-sec__img)) .tk-sec__pies{height:var(--sec-banda-ult)}

/* ===== v75 · GraficoIdiomas: un idioma destacado fuera de los seis primeros (.tk-barras__fila--aparte) =====
   Entra en las barras con la misma escala, en una fila aparte bajo las seis primeras, separada por un filete discontinuo
   (marca que se saltan puestos). Mismo destacado que el español: cian y etiqueta en negrita (.tk-barras__fila--cian). */
.tk-barras__fila--aparte{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px dashed var(--line-strong)}

/* ===== v76 · Pie pendiente con la indicación de redacción dentro del recuadro reservado (solo lienzo) ===== */
.tk-pie__guia{display:block;padding:4px 8px;color:var(--ink-faint)}

/* ===== v78 · BloqueSuperpoderes (.tk-superpoderes): colaboración de la comunidad (programa de superpoderes) =====
   Al final del artículo, después del cierre y antes de SiguientePublicacion, separado del texto por un filete.
   Discreto: Newsreader en cursiva (como viene de redacción), algo menor que el texto, en ink-muted; enlaces .tk-enlace.
   Sin fondo ni amarillo (el amarillo es solo para donación); no compite con el cierre ni con los banners. */
.tk-superpoderes{margin:var(--space-8) 0 0;padding-top:var(--space-6);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:var(--space-3)}
.tk-superpoderes>p{margin:0;font-family:var(--font-serif);font-size:17px;line-height:1.5;color:var(--ink-muted)}
.tk-superpoderes em{font-style:italic}

/* ===== v83 · SelectorIdioma siempre en el mismo sitio: a la derecha de la barra, justo a la izquierda de «Apoyar»,
   en la landing y en todas las publicaciones, en móvil y en escritorio (antes, junto a «Menú»).
   Publicaciones por debajo de 1.024 px: el título, centrado en el hueco entre «Menú» y el selector. ===== */
.tk-nav .tk-idioma{order:3;margin-left:auto;margin-right:0}
.tk-nav .tk-nav__boton--apoyo{order:4;margin-left:0}
.tk-nav__nombre{order:6}
.tk-nav__lista{order:7}
.tk-nav--bloques .tk-nav__titulo{order:2}
.tk-nav--bloques .tk-idioma{margin-left:0}
@container tk (min-width: 1024px){.tk-nav--bloques .tk-idioma{margin-left:auto}.tk-nav--bloques .tk-nav__boton--apoyo{margin-left:0}}
@container tk (max-width: 359px){.tk-nav--bloques .tk-idioma{margin-left:auto}.tk-nav--bloques .tk-nav__boton--apoyo{margin-left:0}}

/* ===== v83 · Tramo destacado del titular (.tk-tramo), en cian en todos los sitios donde sale el titular:
   cabecera, SiguientePublicacion, Calendario y «Menú». Sale de la fuente de datos (destacado, en cada idioma). ===== */
.tk-tramo{color:var(--cyan)}

/* ===== v84 · Publicación actual: «estás aquí», no un destacado. Nunca en magenta.
   Titular en ink como los demás (con su tramo en cian), borde de 1 px en ink con la forma de Maldita (radius-maldita
   en filas y tarjetas, radius-maldita-control en la barra) y fondo actual-fondo. Sin barras, sin texto, sin otros colores.
   Para lectores de pantalla, aria-current="page" (sección de la landing: aria-current="true"). ===== */
.tk-raiz .tk-cal__pub.tk-cal__pub--actual{color:var(--ink);background:var(--actual-fondo);border:1px solid var(--ink);border-radius:var(--radius-maldita);padding-inline:12px;margin-left:-13px;width:calc(100% + 13px);box-sizing:border-box}
.tk-raiz .tk-nav--bloques .tk-nav__enlace[aria-current="page"]{color:var(--ink);font-weight:400;background:var(--actual-fondo);border:1px solid var(--ink);border-radius:var(--radius-maldita);padding-right:12px}
.tk-raiz .tk-nav--secciones .tk-nav__enlace[aria-current="true"]{color:var(--ink);font-weight:inherit;text-decoration:none;background:var(--actual-fondo);border:1px solid var(--ink);border-radius:var(--radius-maldita);padding-inline:12px}
@container tk (min-width: 760px){.tk-raiz .tk-nav--secciones .tk-nav__enlace[aria-current="true"]{padding-inline:10px;border-radius:var(--radius-maldita-control)}}
.tk-cal__leyendo{display:none} /* obsoleto desde la versión 84 */

/* ===== v84 · Solo gira el chevrón que indica abierto o plegado. El candado (.tk-candado) y cualquier otro icono
   dentro del botón no heredan la rotación: ni en la cabecera de la entrega ni en las publicaciones. ===== */
.tk-cal__fila[aria-expanded="true"] svg:not(:last-child),.tk-nav__plegado[aria-expanded="true"] svg:not(:last-child),.tk-nav__abrir[aria-expanded="true"] svg:not(:last-child),
.tk-cal__fila[aria-expanded="true"] .tk-candado,.tk-nav__plegado[aria-expanded="true"] .tk-candado,.tk-nav__abrir[aria-expanded="true"] .tk-candado{transform:none}

/* ===== v85 · Magenta solo para los destacados del texto y dos acentos (números de entrega e interruptor encendido).
   SelectorIdioma: el activo en ink y en negrita; el otro, en gris (ink-subtle). Cápsula «Siguiente publicación»: borde y texto ink. ===== */
.tk-idioma__actual{color:var(--ink);font-weight:700}
.tk-idioma__otro{color:var(--ink-subtle);font-weight:500}
.tk-idioma__otro:hover,.tk-idioma__otro.is-hover{color:var(--ink)}
.tk-capsula--tinta{color:var(--ink);border-color:var(--ink)}

/* ===== v85 · Candado delante del titular, en la misma línea y alineado con la primera línea del texto, también en móvil
   («Menú» y Calendario). El titular ocupa el resto y parte sus líneas a la derecha del candado. ===== */
.tk-cal__pub--pendiente,.tk-nav--bloques .tk-nav__enlace--pendiente{flex-wrap:nowrap;align-items:flex-start}
.tk-cal__pub--pendiente>.tk-candado,.tk-nav__enlace--pendiente>.tk-candado{margin-top:calc((1lh - 14px) / 2)}
.tk-cal__pub--pendiente>.tk-cal__pub-titulo,.tk-nav__enlace--pendiente>span{flex:1 1 auto;min-width:0}

/* ===== v85 · La publicación actual no lleva candado en ningún sitio («Menú», Calendario, bloque de la serie). ===== */
.tk-nav__enlace--pendiente[aria-current="page"]>.tk-candado,.tk-cal__pub--actual>.tk-candado{display:none}

/* ===== v88 · Video: vídeo de la investigación, con controles propios y sin interfaz de TikTok.
   No se reproduce solo (sin autoplay): arranca al pulsar. Medidas reales del vídeo, sin recortar (aspect-ratio y --ar en
   .tk-video__marco; alto máximo, el visible, como las imágenes). Pie como las imágenes. Se oculta con «Ocultar imágenes»
   (.tk-img-off) y también por separado, con su botón «Ocultar este vídeo» (.tk-video--oculto). ===== */
.tk-video{display:flex;flex-direction:column}
.tk-video__marco{position:relative;width:100%;max-width:min(100%,calc(var(--alto-visible) * var(--ar,1)));margin-inline:auto;background:var(--surface);overflow:hidden}
.tk-video__marco>video{display:block;width:100%;height:100%;object-fit:contain;margin:0}
.tk-video__marco>.tk-hueco{width:100%;height:100%;margin:0;max-width:none;box-sizing:border-box;justify-content:flex-start;padding-top:24px}
.tk-video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--ink);border-radius:var(--radius-circle);background:var(--velo);color:var(--ink);cursor:pointer}
.tk-video__play svg{margin-left:3px;width:28px;height:28px}
.tk-video__play:hover,.tk-video__play.is-hover{background:var(--ground)}
.tk-raiz .tk-video__play:focus-visible,.tk-video__play.is-focus,.tk-raiz .tk-video__boton:focus-visible{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:2px}
.tk-video--sonando .tk-video__play{display:none}
.tk-video__controles{display:flex;align-items:center;gap:4px;width:100%;max-width:min(100%,calc(var(--alto-visible) * var(--ar,1)));margin-inline:auto;box-sizing:border-box;min-height:var(--toque-minimo);padding:0 4px;background:var(--ground);border:1px solid var(--line);border-top:0}
.tk-video__boton{flex:0 0 auto;width:var(--toque-minimo);height:var(--toque-minimo);display:flex;align-items:center;justify-content:center;padding:0;background:none;border:0;color:var(--ink);cursor:pointer}
.tk-video__progreso{flex:1 1 auto;min-width:24px;height:4px;background:var(--line-strong);border-radius:2px;overflow:hidden}
.tk-video__progreso>span{display:block;height:100%;background:var(--ink)}
.tk-video__tiempo{flex:0 0 auto;padding-inline:4px;font-family:var(--font-ui);font-size:14px;line-height:1;color:var(--ink-muted);font-variant-numeric:tabular-nums}
/* Oculto: el mismo hueco que las imágenes desactivadas (filete y ojo tachado); sin reproducir. */
.tk-video--oculto .tk-video__marco{opacity:1;filter:none;outline:1px solid var(--ink-subtle);outline-offset:-1px;border-color:transparent;background:var(--surface) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%239a9893%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012s3.5-6%209-6c2%200%203.7.8%205%201.8M21%2012s-3.5%206-9%206c-2%200-3.7-.8-5-1.8%22/%3E%3Cpath%20d%3D%22M9.9%209.9a3%203%200%200%200%204.2%204.2%22/%3E%3Cpath%20d%3D%22M4%2020L20%204%22/%3E%3C/svg%3E") center/24px no-repeat}
.tk-video--oculto .tk-video__marco>*,.tk-img-off .tk-video__marco>*{visibility:hidden}
.tk-img-off .tk-video__marco{opacity:1;filter:none;outline:1px solid var(--ink-subtle);outline-offset:-1px;border-color:transparent;background:var(--surface) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%239a9893%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012s3.5-6%209-6c2%200%203.7.8%205%201.8M21%2012s-3.5%206-9%206c-2%200-3.7-.8-5-1.8%22/%3E%3Cpath%20d%3D%22M9.9%209.9a3%203%200%200%200%204.2%204.2%22/%3E%3Cpath%20d%3D%22M4%2020L20%204%22/%3E%3C/svg%3E") center/24px no-repeat}
.tk-img-off .tk-video__controles{display:none}

/* ===== v89 · CierreDestacado: nunca entero en magenta. Si redacción pone el párrafo entero en negrita, va en blanco (ink)
   y solo su última frase en magenta (.tk-cierre__remate). Si destaca solo un tramo, ese tramo en magenta, como siempre. ===== */
.tk-cierre--entero strong{color:inherit}
.tk-cierre--entero .tk-cierre__remate{color:var(--magenta)}

/* ===== v89 · Video: siempre completo en la pantalla con sus controles, sin hacer scroll.
   Alto máximo del marco = alto visible (pantalla en svh − barra − faldón) − controles (44 + 1 px) − 24 px de margen.
   Si el vídeo es más alto, se reduce con su proporción real (sin recortar) y se centra; el ancho se ajusta solo.
   Los controles y el pie toman el mismo ancho que el vídeo y quedan alineados con él. ===== */
.tk-video{--video-alto:calc(var(--alto-visible) - var(--toque-minimo) - 1px - 24px);--video-ancho:min(100%, calc(var(--video-alto) * var(--ar, 1)))}
.tk-video__marco,.tk-video__controles{width:var(--video-ancho);max-width:none;margin-inline:auto}
.tk-video__marco{max-height:var(--video-alto)}
.tk-video .tk-pie{width:var(--video-ancho);max-width:100%;margin-inline:auto;box-sizing:border-box}

/* v89 · Arreglo: la regla de 720 px no podía cambiar --alto-faldon en .tk-raiz (es el propio contenedor de la consulta),
   así que el alto visible restaba 45 px también en escritorio, donde el faldón mide 53. Se aplica a sus hijos. */
@container tk (min-width: 720px){.tk-raiz>*{--alto-faldon:53px;--alto-visible:calc(100svh - var(--alto-nav) - 1px - var(--alto-faldon))}}

/* ===== v91 · Listas del texto (.tk-lista): como vienen de redacción, con sus subniveles. Mismo cuerpo que el párrafo.
   Nivel 1 con punto; nivel 2 con raya corta, ambos en ink-muted. 12 px entre elementos (8 en el subnivel). ===== */
.tk-lista{margin:0;padding-left:1.25em;display:flex;flex-direction:column;gap:var(--space-3)}
.tk-lista ul{margin:var(--space-2) 0 0;padding-left:1.25em;display:flex;flex-direction:column;gap:var(--space-2);list-style-type:"– "}
.tk-lista li::marker{color:var(--ink-muted)}

/* v91 · Marcas dentro de un hueco (p. ej. CapturaAnonimizada pendiente): parten línea y no se salen del hueco */
.tk-pendiente .tk-provisional{white-space:normal;max-width:calc(100% - 24px);margin:4px auto;text-align:center;box-sizing:border-box}

/* ===== v93 · Pie con el ancho de la imagen: cuando la imagen (o el hueco) es más estrecha que la columna —vertical, o reducida
   por el alto visible—, el pie toma su ancho y queda alineado con ella, como en el Video. La figura lleva el --ar de su imagen. ===== */
.tk-figura>.tk-pie,.tk-figura>sc-if>.tk-pie{width:100%;max-width:min(100%, calc(var(--alto-visible) * var(--ar, 1000)));margin-inline:auto;box-sizing:border-box}

/* v95 · SecuenciaImagenes, tarjetas largas en móvil (por debajo de 720 px): la banda (imagen fija + pie) ocupa como mucho el 40 % del alto visible; tarjeta opaca y degradado de 24 px bajo la banda para que el texto no se corte en seco. */
.tk-sec--larga .tk-sec__texto{background:var(--surface);background-clip:padding-box}
.tk-sec--larga .tk-sec__pies::after{content:"";position:absolute;left:0;right:0;top:100%;height:24px;background:linear-gradient(to bottom,var(--ground),rgba(10,10,11,0));pointer-events:none}
.tk-sec--larga .tk-sec__img{width:100%}.tk-sec--larga .tk-sec__img>figcaption{width:100%}

/* v95 del sistema · BloqueSuperpoderes como recuadro amarillo de apoyo (el de BannerApoyo: fondo surface, borde de 2 px en amarillo-maldita, radius-maldita y sus rellenos), al ancho de la columna de lectura. Sin filete gris. */
.tk-superpoderes.tk-apoyo{margin:var(--space-8) 0 0;padding:var(--space-6) var(--space-5);border:2px solid var(--amarillo-maldita);gap:var(--space-5)}
@container tk (min-width: 720px){.tk-superpoderes.tk-apoyo{padding:var(--space-10) var(--space-12)}}
.tk-superpoderes.tk-apoyo>p{color:var(--ink)}
.tk-superpoderes__nota{margin-top:var(--space-8)}
.tk-superpoderes__nota p{margin:0;font-family:var(--font-serif);font-size:17px;line-height:1.5;color:var(--ink-muted)}
.tk-superpoderes__nota+.tk-superpoderes{margin-top:var(--space-6)}
.tk-superpoderes__accion{margin:0}
/* Excepción a la regla de los enlaces en cian, solo dentro de este recuadro: enlaces en amarillo con subrayado amarillo (2 px; 3 px al pasar el ratón). */
.tk-superpoderes .tk-enlace{color:var(--amarillo-maldita);text-decoration-color:var(--amarillo-maldita);text-decoration-thickness:2px;text-underline-offset:5px}
.tk-superpoderes .tk-enlace:hover,.tk-superpoderes .tk-enlace.is-hover,.tk-superpoderes .tk-enlace:active,.tk-superpoderes .tk-enlace.is-active{color:var(--amarillo-maldita);text-decoration-color:var(--amarillo-maldita);text-decoration-thickness:3px}
/* Sistema 98 · BloqueSuperpoderes opcional: en la plantilla, nota (solo en el lienzo) encima del recuadro. */
.tk-superpoderes__opcional{margin:var(--space-8) 0 0}
.tk-superpoderes__opcional+.tk-superpoderes,sc-if:has(>.tk-superpoderes__opcional)+.tk-superpoderes{margin-top:var(--space-4)}
.tk-superpoderes__opcional .tk-pend{white-space:normal;display:inline}
/* Sistema 99 · CierreDestacado: hasta dos tramos de color, uno en magenta (acusación) y otro en cian (remate, sin subrayado). Los enlaces del cierre conservan su subrayado cian. */
.tk-cierre__magenta{color:var(--magenta)}
.tk-cierre__cian{color:var(--cyan);text-decoration:none}
/* Sistema 99 · Intertítulos (##) de las publicaciones: más pequeños que CierreDestacado y que las citas. 24 px (32 px desde 720 px), interlineado 1,1, Big Shoulders en mayúsculas y en ink; al ancho de la columna de texto, alineados a la izquierda; 64 px encima y 16 px debajo (la columna .tk-texto ya pone 24 px de hueco entre bloques). */
.tk-lectura h2.tk-seccion{font-size:24px;line-height:1.1;color:var(--ink);text-align:left;max-width:var(--ancho-lectura);margin:40px 0 -8px}
@container tk (min-width: 720px){.tk-lectura h2.tk-seccion{font-size:32px}}
/* Intertítulo al principio de un bloque de texto: los 64 px se cuentan desde el contenido anterior, descontando el relleno inferior del bloque de antes. Después de un BannerApoyo intercalado, 64 px también. */
.tk-texto>.tk-apoyo+h2.tk-seccion,.tk-texto>.tk-apoyo+sc-if>h2.tk-seccion{margin-top:24px}
.tk-pb-4+.tk-lectura>h2.tk-seccion:first-child,.tk-pb-4+.tk-lectura>sc-if:first-child>h2.tk-seccion{margin-top:48px}
.tk-pb-8+.tk-lectura>h2.tk-seccion:first-child,.tk-pb-8+.tk-lectura>sc-if:first-child>h2.tk-seccion{margin-top:32px}
.tk-pb-12+.tk-lectura>h2.tk-seccion:first-child,.tk-pb-12+.tk-lectura>sc-if:first-child>h2.tk-seccion{margin-top:16px}
.tk-pb-16+.tk-lectura>h2.tk-seccion:first-child,.tk-pb-16+.tk-lectura>sc-if:first-child>h2.tk-seccion{margin-top:0}
/* Sistema 101 · CierreDestacado largo por debajo de 720 px: 28 px (antes 26), claramente por encima de los intertítulos (24 px). Los seis cierres caben a 360 × 640. */
@container tk (max-width: 719px){.tk-cierre--largo>.tk-seccion{font-size:28px;line-height:1.05}}
/* Sistema 103 · PublicadoHoy (landing): sustituye a «Lee la última entrega». Antes de la serie, «Se publica el…» con candado; durante, desplegable «Publicado hoy»; al terminar, «Lee la investigación completa» (estilo de .tk-loultimo). */
.tk-hoy__antes{align-self:center;margin:0;display:inline-flex;align-items:center;gap:6px;min-height:var(--toque-minimo);font-family:var(--font-ui);font-size:16px;font-weight:600;line-height:1.3;color:var(--cyan)}
.tk-hoy__antes .tk-candado{width:16px;height:16px;flex:0 0 auto}
.tk-hoy{align-self:center;width:100%;display:flex;flex-direction:column;align-items:center}
.tk-hoy__boton{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--toque-minimo);padding:8px 14px;border:2px solid var(--cyan);border-radius:var(--radius-maldita-control);background:transparent;color:var(--ink);font-family:var(--font-ui);font-size:16px;font-weight:600;line-height:1.3;cursor:pointer}
.tk-hoy__boton svg{flex:0 0 auto;color:var(--cyan);transition:transform var(--duracion-control) ease}
.tk-hoy__boton[aria-expanded="true"] svg{transform:rotate(180deg)}
.tk-hoy__boton:hover,.tk-hoy__boton.is-hover{background:var(--cyan);color:var(--ground)}
.tk-hoy__boton:hover svg,.tk-hoy__boton.is-hover svg{color:var(--ground)}
.tk-hoy__panel{width:100%;box-sizing:border-box;margin-top:12px;text-align:left}
.tk-hoy__panel[hidden]{display:none}
.tk-hoy__entrega{margin:0;display:flex;align-items:center;gap:12px;min-height:var(--toque-minimo);padding:6px 0;border-bottom:1px solid var(--line)}
.tk-hoy__entrega .tk-cal__num{min-width:32px}
.tk-hoy__lista{padding-left:44px}
.tk-hoy__lista .tk-cal__pub{min-height:var(--toque-minimo)}
@container tk (max-width: 719px){.tk-hoy__boton{width:100%}.tk-hoy__lista{padding-left:0}}
/* Sistema 107 · Marcas nuevas, naranjas y solo en el lienzo: [ENLACE PENDIENTE: …] va justo detrás del texto que llevará el enlace (separada 0,4 em); [REVISAR TRADUCCIÓN] y [TRADUCCIÓN PROVISIONAL], delante de la frase. Una marca con indicación larga ([REVISAR TRADUCCIÓN: …]) puede partirse en varias líneas. */
.tk-pend.tk-pend--enlace{margin:0 0 0 .4em}
.tk-pend.tk-pend--nota{white-space:normal;display:inline}
/* Sistema 116 · CierreDestacado con tramos marcados por redacción ([cian]/[magenta]): las negritas que quedan fuera de los tramos no llevan color (van en blanco, como el resto); dentro de un tramo, toman su color. Así nunca hay dos tramos del mismo color. */
.tk-cierre .tk-seccion:has(.tk-cierre__magenta,.tk-cierre__cian) strong{color:inherit}
/* ===== Sistema 119 · TituloBloqueScrolly: título de la tarjeta de SecuenciaImagenes (.tk-sec__titulo) =====
   Se lee como el título del bloque, no como un error ni como un antetítulo: Big Shoulders 700 en mayúsculas, a tamaño de título
   (26 px; 28 px desde 720 px), claramente mayor que el texto de la tarjeta (19-20 px), en ink. Debajo, una barra corta de 40 × 3 px
   en cyan (el color de los tramos de los titulares; nunca magenta, que es para los destacados), a 12 px; y 24 px hasta el texto. */
.tk-sec__titulo{margin:0 0 var(--space-2);font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.05;letter-spacing:.01em;text-transform:uppercase;color:var(--ink);text-wrap:balance}
.tk-sec__titulo::after{content:"";display:block;width:40px;height:3px;margin-top:12px;background:var(--cyan);border-radius:1px}
@container tk (min-width: 720px){.tk-sec__titulo{font-size:28px}}

/* ===== Sistema 121 · Faldón: vuelve el interruptor (pista y bola), con los estados invertidos, y el texto completo en todos los anchos
   Imágenes visibles (aria-pressed="false"): pista gris (switch-off) con borde ink-subtle y la bola a la izquierda.
   Imágenes ocultas (aria-pressed="true"): pista magenta y la bola a la derecha. El texto dice la acción: «Ocultar imágenes» / «Mostrar imágenes».
   Por debajo de 720 px: la frase completa de la Fiscalía (sin texto corto) y, debajo, el interruptor con su texto y su pista, a la derecha.
   (De la versión 120: .tk-boton-img, retirado.) */
.tk-switch[aria-pressed="false"] .tk-switch__pista{background:var(--switch-off);border:1px solid var(--ink-subtle)}
.tk-switch[aria-pressed="false"] .tk-switch__bola{top:2px;left:2px}
.tk-switch[aria-pressed="true"] .tk-switch__pista{background:var(--magenta);border:0}
.tk-switch[aria-pressed="true"] .tk-switch__bola{top:3px;left:21px}
.tk-switch--s[aria-pressed="true"] .tk-switch__bola{top:3px;left:17px}
.tk-switch[aria-pressed]:not(.is-off):not([aria-checked]):active .tk-switch__bola,.tk-switch[aria-pressed]:not(.is-off):not([aria-checked]).is-active .tk-switch__bola{left:2px}
.tk-switch--s[aria-pressed="true"]:active .tk-switch__bola,.tk-switch--s[aria-pressed="true"].is-active .tk-switch__bola{left:13px}
.tk-switch[aria-pressed="true"]:active .tk-switch__bola,.tk-switch[aria-pressed="true"].is-active .tk-switch__bola{left:17px}
.tk-faldon__aviso-corto{display:none}
.tk-faldon__aviso-largo{display:inline}
.tk-switch__ojo{display:none}
@container tk (max-width: 719px){
.tk-faldon__fila{flex-wrap:wrap;row-gap:4px;padding-block:8px}
.tk-faldon__fiscalia .tk-faldon__aviso{flex:1 1 100%}
.tk-faldon__fila .tk-switch--s{margin-left:auto}
.tk-switch--icono{width:auto;height:auto;min-height:var(--toque-minimo);justify-content:flex-start;gap:8px;color:var(--ink)}
.tk-switch--icono .tk-switch__pista{display:block}
.tk-switch--icono .tk-switch__texto{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none}
.tk-switch--icono.is-off{color:var(--ink)}
.tk-switch--icono .tk-switch__ojo,.tk-switch--icono:not(.is-off) .tk-switch__ojo--on,.tk-switch--icono.is-off .tk-switch__ojo--off{display:none}
}
.tk-raiz{--alto-faldon:124px} /* v121: en móvil, frase completa (dos o tres líneas) e interruptor debajo; desde 720 px sigue en 53 px */
/* ===== Sistema 121 · CapsulaPoliticas: «Políticas Públicas» / «Public Policy» (.tk-capsula--politicas)
   Cápsula, no antetítulo: borde doble de 3 px en ink, sin relleno, texto ink en Archivo 14 px semibold y en caja normal,
   con el icono de documento (14 px). El mismo lenguaje que la tarjeta de Políticas públicas del Catálogo. Sin colores nuevos:
   no se confunde con el magenta ni el cian de los cierres, ni con la cápsula «Seguir leyendo» (borde sencillo, sin icono).
   Dónde: encima del titular de la publicación, junto al título en «Menú», el Calendario y PublicadoHoy, y en SiguientePublicacion. */
.tk-capsula--politicas{border:3px double var(--ink);padding:1px 9px;color:var(--ink);font-weight:600;text-transform:none;letter-spacing:.01em;line-height:1.4;vertical-align:middle}
.tk-capsula--politicas svg{flex:0 0 auto}
.tk-cab-pub__tipo{align-self:flex-start}
.tk-cal__pub .tk-capsula--politicas,.tk-nav__enlace .tk-capsula--politicas{font-family:var(--font-ui);font-size:14px;font-weight:600}
.tk-siguiente__capsulas{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tk-cal__pub--pendiente:has(>.tk-capsula--politicas),.tk-nav__enlace--pendiente:has(>.tk-capsula--politicas){flex-wrap:wrap}
.tk-cal__pub--pendiente:has(>.tk-capsula--politicas)>.tk-cal__pub-titulo,.tk-nav__enlace--pendiente:has(>.tk-capsula--politicas)>span:not(.tk-capsula){flex:0 1 auto}
.tk-cal__pub>.tk-capsula--politicas,.tk-nav__enlace>.tk-capsula--politicas{flex:0 0 auto}
/* ===== Sistema 123 · Vídeo pendiente: el botón de play no tapa los textos del hueco
   Mientras el vídeo es un hueco (.tk-pendiente), los textos (archivo y texto alternativo pendiente) van arriba y el play, abajo y centrado. */
.tk-video__marco:has(>.tk-pendiente) .tk-pendiente{justify-content:flex-start;padding-top:var(--space-4);box-sizing:border-box}
.tk-video__marco:has(>.tk-pendiente) .tk-video__play{top:auto;bottom:var(--space-4);transform:translateX(-50%)}
.tk-rel__link>.tk-capsula--politicas,.tk-cat__tarjeta>.tk-capsula--politicas{align-self:flex-start;flex:0 0 auto} /* v123: CapsulaPoliticas en EnlacesRelacionados y Catálogo */
/* ===== Sistema 124 · Faldón en móvil, opción B: frase en Archivo 13 px con interlineado 1,25 y el interruptor en la misma línea que el final del texto
   (si no cabe, pasa a la línea siguiente). Interruptor dibujado a 32 px de alto, con la zona de toque ampliada a 44 px por fuera del dibujo.
   Alto medido a 360 y a 320 px: 78 px en ES y en EN. --alto-faldon en móvil: 78 px. */
@container tk (max-width: 719px){
.tk-faldon__fila{display:block;padding-block:6px}
.tk-faldon__fiscalia .tk-faldon__aviso{display:inline;font-size:13px;line-height:1.25}
.tk-faldon__fila .tk-switch--s,.tk-faldon__fila .tk-switch--icono{position:relative;display:inline-flex;vertical-align:middle;width:auto;height:auto;min-height:32px;margin:0 0 0 8px}
.tk-faldon__fila .tk-switch--s::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:var(--toque-minimo);transform:translateY(-50%)}
}
.tk-raiz{--alto-faldon:78px} /* v124: faldón B en móvil; desde 720 px sigue en 53 px */
/* ===== Sistema 131 · MensajeRedaccion (propuesta, sin aplicar en la landing definitiva; sustituye a NotaRedaccion de la versión 126)
   Desplegable en la hero de la landing: banda recta a todo el ancho, fondo surface y filetes de 1 px en ink-subtle; «Mensaje de la
   redacción» en Archivo 700 (ink), la línea de entrada en Newsreader (ink-muted) y un chevron. Al pulsar, se abre ahí mismo con el
   texto completo en el estilo de los artículos (Newsreader 20 px). Sin magenta ni cian. Plegado por defecto; sin página propia.
   «Menú»: entrada fija arriba del todo, separada por un filete; lleva a la landing con #mensaje, que lo abre. */
.tk-mensaje{box-sizing:border-box;width:100%;background:var(--surface);border-block:1px solid var(--ink-subtle);color:var(--ink);scroll-margin-top:calc(var(--alto-nav) + var(--space-4))}
.tk-mensaje__boton{box-sizing:border-box;display:flex;align-items:center;gap:var(--space-4);width:100%;min-height:var(--toque-minimo);margin:0;padding:var(--space-4);background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.tk-mensaje__texto{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
.tk-mensaje__titulo{font-family:var(--font-ui);font-weight:700;font-size:18px;line-height:1.3}
.tk-mensaje__entrada{font-family:var(--font-serif);font-size:17px;line-height:1.4;color:var(--ink-muted)}
.tk-mensaje__chevron{flex:0 0 auto;transition:transform .2s ease}
.tk-mensaje.is-abierto .tk-mensaje__chevron{transform:rotate(180deg)}
.tk-mensaje__boton:hover .tk-mensaje__titulo,.tk-mensaje__boton.is-hover .tk-mensaje__titulo{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.tk-mensaje__boton:focus-visible{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:calc(-1 * var(--foco-grosor))}
/* Plegado: la región mide 0 y no se puede alcanzar (visibility); abierto, crece hasta su contenido. */
.tk-mensaje__cuerpo{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .25s ease,visibility 0s linear .25s}
.tk-mensaje.is-abierto .tk-mensaje__cuerpo{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .25s ease,visibility 0s}
.tk-mensaje__dentro{min-height:0;overflow:hidden}
.tk-mensaje__relato{padding:0 var(--space-4) var(--space-6);border-top:1px solid var(--line)}
.tk-mensaje__relato>*{max-width:var(--ancho-lectura)}
.tk-mensaje__relato>p:first-child{margin-top:var(--space-5)}
@media (prefers-reduced-motion: reduce){.tk-mensaje__cuerpo,.tk-mensaje.is-abierto .tk-mensaje__cuerpo,.tk-mensaje__chevron{transition:none}}
@container tk (min-width: 720px){.tk-mensaje__boton{padding:var(--space-5) var(--space-6)}.tk-mensaje__titulo{font-size:20px}.tk-mensaje__relato{padding:0 var(--space-6) var(--space-8)}}
.tk-mensaje .tk-pend{white-space:normal;max-width:100%;box-sizing:border-box}
.tk-nav__nota{border-bottom:1px solid var(--line-strong);margin-bottom:var(--space-2);padding-bottom:var(--space-1);list-style:none}
.tk-nav__enlace--nota{font-family:var(--font-ui);font-weight:600}
/* v133: ya no va en la hero. Sección propia después de la introducción de la landing (#mensaje) y botón en la barra. */
.tk-mensaje-sec{scroll-margin-top:calc(var(--alto-nav) + var(--space-4))}
/* Botón «Mensaje de la redacción» en la barra de la landing: borde fino y icono de bocadillo, sin color; a 360 px, primera entrada de «Menú». */
.tk-nav__mensaje{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-ui);font-weight:600}
.tk-nav__mensaje-ico{flex:0 0 auto}
.tk-nav__msg{border-bottom:1px solid var(--line-strong);margin-bottom:var(--space-1)}
@container tk (min-width: 760px){
.tk-nav__msg{order:99;margin:0 0 0 auto;border-bottom:0;display:flex;align-items:center}
.tk-raiz .tk-nav--secciones .tk-nav__mensaje{min-height:36px;padding:4px 12px;border:1px solid var(--ink-subtle);border-radius:var(--radius-maldita-control);white-space:nowrap}
.tk-raiz .tk-nav--secciones .tk-nav__mensaje:hover,.tk-raiz .tk-nav--secciones .tk-nav__mensaje.is-hover{border-color:var(--ink)}
}
/* Enlace al final de la Metodología de cada publicación (propuesta). */
.tk-metodologia__mensaje{display:block;margin-top:var(--space-3)}
/* ===== Sistema 129 · Impacto (propuesta, sin aplicar en la landing definitiva): SeccionImpacto, TarjetaImpacto, TarjetaMedio, PlantillaInstitucional
   Sin magenta ni cian en los textos. Cápsula «Actualización» / «Update»: borde de 1 px en line-strong, texto ink e icono de actualizar;
   distinta de Políticas Públicas (borde doble e icono de documento) y de la Editorial (rellena en ink). */
.tk-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.tk-capsula--actualizacion{color:var(--ink);border-color:var(--line-strong);font-weight:600}
.tk-capsula--actualizacion svg{flex:0 0 auto}
.tk-imp .tk-pend,.tk-inst__cab .tk-pend,.tk-inst__cuerpo .tk-pend{white-space:normal;max-width:100%;box-sizing:border-box}
.tk-imp__bloque{display:flex;flex-direction:column;gap:var(--space-4)}
.tk-imp__subtitulo{margin:0;font-family:var(--font-ui);font-weight:700;font-size:18px;line-height:1.3;color:var(--ink)}
.tk-imp__entradas,.tk-imp__medios{list-style:none;margin:0;padding:0}
.tk-imp__entradas{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
.tk-imp-tarjeta{box-sizing:border-box;height:100%;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--ground);border:1px solid var(--line-strong);border-radius:var(--radius-maldita);color:var(--ink);text-decoration:none}
.tk-imp-tarjeta__cab{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}
.tk-imp-tarjeta__fecha{font-family:var(--font-ui);font-size:14px;line-height:1.4;color:var(--ink-subtle)}
.tk-imp-tarjeta__titular{font-family:var(--font-display);font-weight:600;font-size:24px;line-height:1.1;color:var(--ink)}
.tk-imp-tarjeta__entradilla{font-family:var(--font-serif);font-size:17px;line-height:1.45;color:var(--ink-muted)}
.tk-imp-tarjeta:hover .tk-imp-tarjeta__titular,.tk-imp-tarjeta.is-hover .tk-imp-tarjeta__titular{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.tk-imp-tarjeta:hover,.tk-imp-tarjeta.is-hover{border-color:var(--ink-subtle)}
.tk-imp-tarjeta:focus-visible,.tk-imp-medio:focus-visible,.tk-imp__mas:focus-visible,.tk-inst-doc:focus-visible{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:var(--foco-separacion)}
.tk-imp__medios{display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--space-8)}
.tk-imp__medios>li{border-top:1px solid var(--line)}
.tk-imp-medio{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:2px var(--space-3);min-height:var(--toque-minimo);padding:var(--space-3) 0;color:var(--ink);text-decoration:none}
.tk-imp-medio>span:not(.tk-oculto){grid-column:1}
.tk-imp-medio__icono{grid-column:2;grid-row:1 / span 3;align-self:center;color:var(--ink-subtle)}
.tk-imp-medio__medio{font-family:var(--font-ui);font-weight:700;font-size:14px;line-height:1.4}
.tk-imp-medio__titular{font-family:var(--font-serif);font-size:17px;line-height:1.4}
.tk-imp-medio__meta{font-family:var(--font-ui);font-size:13px;line-height:1.4;color:var(--ink-subtle)}
.tk-imp-medio:hover .tk-imp-medio__titular,.tk-imp-medio.is-hover .tk-imp-medio__titular{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.tk-imp__mas{align-self:flex-start;min-height:var(--toque-minimo);padding:0 var(--space-4);background:transparent;border:1px solid var(--ink);border-radius:var(--radius-maldita-control);color:var(--ink);font-family:var(--font-ui);font-weight:600;font-size:14px;cursor:pointer}
.tk-imp__mas:hover,.tk-imp__mas.is-hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
@container tk (min-width: 720px){
.tk-imp__entradas{grid-template-columns:repeat(3,minmax(0,1fr))}
.tk-imp__medios{grid-template-columns:repeat(2,minmax(0,1fr))}
.tk-imp-tarjeta{padding:var(--space-6)}
}
/* PlantillaInstitucional */
.tk-inst__cab{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--line-strong)}
.tk-inst__fecha{margin:0;font-family:var(--font-ui);font-weight:600;font-size:16px;line-height:1.4;color:var(--ink)}
.tk-inst__cuerpo{display:flex;flex-direction:column;gap:var(--space-6)}
.tk-inst__cuerpo>p{margin:0}
.tk-inst-cita{margin:0;padding:var(--space-5) 0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);display:flex;flex-direction:column;gap:var(--space-3)}
.tk-inst-cita__texto{margin:0;font-family:var(--font-serif);font-style:italic;font-size:22px;line-height:1.4;color:var(--ink)}
.tk-inst-cita__texto p{margin:0}
.tk-inst-cita__autor{display:flex;flex-direction:column;gap:2px;font-family:var(--font-ui);font-size:14px;line-height:1.4}
.tk-inst-cita__quien{font-weight:700;color:var(--ink)}
.tk-inst-cita__cargo{color:var(--ink-subtle)}
.tk-inst-doc{box-sizing:border-box;display:flex;align-items:center;gap:var(--space-4);min-height:var(--toque-minimo);padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-maldita);color:var(--ink);text-decoration:none}
.tk-inst-doc__icono,.tk-inst-doc__bajar{flex:0 0 auto}
.tk-inst-doc__texto{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.tk-inst-doc__nombre{font-family:var(--font-ui);font-weight:700;font-size:16px;line-height:1.3}
.tk-inst-doc__meta{font-family:var(--font-ui);font-size:13px;line-height:1.4;color:var(--ink-subtle)}
.tk-inst-doc:hover .tk-inst-doc__nombre,.tk-inst-doc.is-hover .tk-inst-doc__nombre{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.tk-inst-rel .tk-rel__link>.tk-capsula--politicas{align-self:flex-start}
.tk-nav__nota--fin{border-bottom:0;border-top:1px solid var(--line-strong);margin:var(--space-2) 0 0;padding:var(--space-1) 0 0}
.tk-inst-rel .tk-rel__entrega{color:var(--ink-subtle)} /* sin cian en la plantilla institucional */

/* ===== Sistema 131 · BannerApoyo: dos banners fijos (sustituyen a las variantes A, B y C) ===== */
/* Banner 1 · intercalado (.tk-apoyo--franja): horizontal y bajo; texto y botón «Dona a Maldita.es» sin flecha; todo el banner es clicable (el ::after del botón lo cubre). */
.tk-apoyo--franja{position:relative;flex-direction:column;align-items:stretch;gap:var(--space-4);padding:var(--space-5) var(--space-4)}
.tk-apoyo--franja .tk-apoyo__frase{min-width:0;gap:4px;font-size:20px;line-height:1.05}
.tk-apoyo__boton--franja{justify-content:center;width:100%;font-family:var(--font-ui);font-size:16px;font-weight:600;text-decoration:none}
.tk-apoyo__boton--franja::after{content:"";position:absolute;inset:0;border-radius:var(--radius-maldita)}
.tk-apoyo--franja:hover .tk-apoyo__boton--franja,.tk-apoyo--franja.is-hover .tk-apoyo__boton--franja{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.tk-apoyo__boton--franja:focus-visible{outline:none}
.tk-apoyo__boton--franja:focus-visible::after{outline:3px solid var(--foco-color);outline-offset:3px}
@container tk (min-width: 720px){
.tk-apoyo--franja{flex-direction:row;align-items:center;gap:var(--space-8);padding:var(--space-5) var(--space-6) var(--space-5) var(--space-8)}
.tk-apoyo--franja .tk-apoyo__frase{flex:1 1 auto;font-size:24px}
.tk-apoyo__boton--franja{flex:0 0 auto;width:auto;white-space:nowrap}
}
/* Banner 2 · final con formulario (.tk-apoyo--form.tk-apoyo--horizontal): en escritorio, frase a la izquierda y formulario a la derecha. */
.tk-apoyo--horizontal{gap:var(--space-4);padding:var(--space-5) var(--space-4)}
.tk-apoyo--horizontal .tk-apoyo__frase{font-size:22px;line-height:1.05;gap:6px}
.tk-apoyo--horizontal .tk-don{gap:var(--space-3)}
.tk-apoyo--horizontal .tk-don__importes{grid-template-columns:repeat(3,minmax(0,1fr))}
.tk-apoyo--horizontal .tk-don__imp--otra{grid-column:auto;flex-direction:column}
.tk-apoyo--horizontal .tk-don__imp{padding:var(--space-2) var(--space-1)}
.tk-apoyo--horizontal .tk-don__imp-n{font-size:20px}
.tk-apoyo--horizontal .tk-don__imp-tag{font-size:11px}
.tk-apoyo--horizontal .tk-don__imp-n--otra{font-size:14px;line-height:1.2;text-align:center;white-space:normal}
@container tk (min-width: 720px){
.tk-apoyo--horizontal{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:var(--space-10);padding:var(--space-8) var(--space-10)}
.tk-apoyo--horizontal .tk-apoyo__frase{font-size:32px}
.tk-apoyo--horizontal .tk-don__imp-tag{font-size:12px}
.tk-apoyo--horizontal .tk-don__cta{flex-direction:row}
.tk-apoyo--horizontal .tk-don__boton{min-width:240px}
}
/* El botón del banner 1 va dentro de .tk-apoyo__accion: en inglés, la marca [EN PENDIENTE] queda encima del botón, fuera del amarillo. */
.tk-apoyo__accion{display:flex;flex-direction:column;align-items:stretch;gap:6px}
.tk-apoyo__accion>.tk-pend{align-self:flex-start;margin:0}
@container tk (min-width: 720px){.tk-apoyo--franja>.tk-apoyo__accion{flex:0 0 auto;align-items:flex-end}.tk-apoyo__accion>.tk-pend{align-self:flex-end}}
/* ===== Sistema 131 · PlantillaInstitucional: dos opciones de cabecera y cuerpo (propuesta) ===== */
.tk-inst__portada{width:100%}
/* Opción A · «Partida» */
.tk-inst-a__cab{display:flex;flex-direction:column;gap:var(--space-6);padding-block:var(--space-6) var(--space-8);border-bottom:1px solid var(--line-strong)}
.tk-inst-a__textos{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}
.tk-inst-a__titular{margin:0;font-family:var(--font-display);font-weight:700;font-size:34px;line-height:1.05;color:var(--ink);text-wrap:balance}
.tk-inst-a__entradilla{margin:0;font-family:var(--font-serif);font-size:20px;line-height:1.45;color:var(--ink-muted)}
.tk-inst-a__h2{margin:var(--space-6) 0 0;font-family:var(--font-ui);font-weight:700;font-size:24px;line-height:1.25;color:var(--ink)}
.tk-inst-a__cuerpo .tk-inst-cita{border:0;border-left:2px solid var(--ink);padding:var(--space-1) 0 var(--space-1) var(--space-5)}
@container tk (min-width: 1024px){
.tk-inst-a__cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"t p";align-items:center;column-gap:var(--space-12);padding-block:var(--space-12)}
.tk-inst-a__portada{grid-area:p}.tk-inst-a__textos{grid-area:t}
.tk-inst-a__titular{font-size:44px}
}
/* Opción B · «Comunicado» */
.tk-inst-b__banda{background:var(--surface);border-bottom:1px solid var(--line-strong)}
.tk-inst-b__cab{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding-block:var(--space-8)}
.tk-inst-b__linea{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4)}
.tk-inst-b__fecha-cab{font-family:var(--font-ui);font-weight:600;font-size:15px;line-height:1.4;color:var(--ink-muted)}
.tk-inst-b__titular{margin:0;max-width:1000px;font-family:var(--font-display);font-weight:900;font-size:34px;line-height:1;text-transform:uppercase;color:var(--ink);text-wrap:balance}
.tk-inst-b__entradilla{margin:0;max-width:760px;font-family:var(--font-serif);font-size:20px;line-height:1.45;color:var(--ink-muted)}
.tk-inst-b__rejilla{display:flex;flex-direction:column;gap:var(--space-10)}
.tk-inst-b__principal{display:flex;flex-direction:column;gap:var(--space-8);width:100%;max-width:var(--ancho-lectura)}
.tk-inst-b__h2{margin-top:var(--space-6)}
.tk-inst-b__ficha{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--line-strong)}
.tk-inst-b__ficha-bloque{display:flex;flex-direction:column;gap:var(--space-3)}
.tk-inst-b__rotulo{margin:0;font-family:var(--font-ui);font-weight:700;font-size:16px;line-height:1.3;color:var(--ink)}
.tk-inst-b__ficha .tk-inst-rel{margin:0}
@container tk (min-width: 1024px){
.tk-inst-b__cab{padding-block:var(--space-12) var(--space-10)}
.tk-inst-b__titular{font-size:56px}
.tk-inst-b__rejilla{display:grid;grid-template-columns:minmax(0,var(--ancho-lectura)) 320px;justify-content:space-between;column-gap:var(--space-12);align-items:start}
.tk-inst-b__ficha{position:sticky;top:calc(var(--alto-nav) + var(--space-6));padding:0 0 0 var(--space-6);border-top:0;border-left:1px solid var(--line-strong)}
}
/* ===== Sistema 132 · PlantillaInstitucional: tres direcciones (propuesta). Comunes: estructura fija, ficha de expediente, cronología ===== */
.tk-ix__entradilla{margin:0;font-family:var(--font-serif);font-size:20px;line-height:1.45;color:var(--ink-muted)}
.tk-ix__cuerpo{display:flex;flex-direction:column;gap:var(--space-12)}
.tk-ix-sec{display:flex;flex-direction:column;gap:var(--space-5)}
.tk-ix-sec>.tk-seccion{margin:0;padding-top:var(--space-4);border-top:4px solid var(--ink);font-size:28px;line-height:1}
@container tk (min-width: 720px){.tk-ix-sec>.tk-seccion{font-size:36px}}
.tk-ix-sec__txt{display:flex;flex-direction:column;gap:var(--space-5)}
.tk-ix-sec__txt>p{margin:0}
.tk-ix-cifra{display:flex;flex-direction:column;gap:var(--space-2);padding-block:var(--space-4);border-block:1px solid var(--line-strong)}
.tk-ix-cifra .tk-cifras__celda{display:flex;flex-direction:column;gap:var(--space-2)}
.tk-ix-cita{margin:0}
.tk-ix-cierre{display:flex;flex-direction:column;gap:var(--space-3)}
/* Ficha de expediente */
.tk-ix-ficha{display:flex;flex-direction:column;gap:var(--space-3)}
.tk-ix-ficha__dl{margin:0;display:grid;grid-template-columns:1fr;border:2px solid var(--ink);border-radius:var(--radius-maldita-control);background:var(--surface)}
.tk-ix-ficha__fila{display:flex;flex-direction:column;gap:4px;padding:var(--space-4) var(--space-5);border-top:1px solid var(--line-strong)}
.tk-ix-ficha__fila:first-child{border-top:0}
.tk-ix-ficha__fila dt{font-family:var(--font-ui);font-weight:700;font-size:14px;line-height:1.3;color:var(--ink-subtle)}
.tk-ix-ficha__fila dd{margin:0;font-family:var(--font-ui);font-weight:600;font-size:18px;line-height:1.35;color:var(--ink)}
.tk-ix-ficha__fila--estado{background:var(--ink);color:var(--ground)}
.tk-ix-ficha__fila--estado dt{color:var(--ground);opacity:.8}
.tk-ix-ficha__fila--estado dd{color:var(--ground)}
.tk-ix-estado{display:inline-flex;align-items:center;gap:10px}
.tk-ix-estado__punto{width:12px;height:12px;border-radius:50%;background:var(--ground);box-shadow:0 0 0 3px rgba(10,10,11,.25)}
@container tk (min-width: 720px){
.tk-ix-ficha__dl{grid-template-columns:repeat(4,minmax(0,1fr))}
.tk-ix-ficha__fila{border-top:0;border-left:1px solid var(--line-strong);padding:var(--space-5) var(--space-6)}
.tk-ix-ficha__fila:first-child{border-left:0}
}
/* Cronología de Impacto (la de la opción C de la landing) */
.tk-ix-crono{display:flex;flex-direction:column;gap:var(--space-3)}
.tk-ix-crono__lista{position:relative;margin:0;padding:0 0 0 28px;list-style:none;display:flex;flex-direction:column;gap:var(--space-5)}
.tk-ix-crono__lista::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--line-strong)}
.tk-ix-crono__paso{position:relative;display:flex;flex-direction:column;gap:2px}
.tk-ix-crono__punto{position:absolute;left:-28px;top:4px;width:14px;height:14px;border-radius:50%;box-sizing:border-box;background:var(--ground);border:2px solid var(--ink-subtle)}
.tk-ix-crono__fecha{font-family:var(--font-ui);font-weight:600;font-size:14px;line-height:1.4;color:var(--ink-subtle)}
.tk-ix-crono__txt{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.1;color:var(--ink-muted)}
.tk-ix-crono__paso--actual .tk-ix-crono__punto{left:-31px;top:0;width:20px;height:20px;background:var(--ink);border-color:var(--ink)}
.tk-ix-crono__paso--actual .tk-ix-crono__fecha{color:var(--ink)}
.tk-ix-crono__paso--actual .tk-ix-crono__txt{font-weight:900;font-size:24px;color:var(--ink);text-transform:uppercase}
.tk-ix-crono__paso--futuro .tk-ix-crono__punto{border-style:dashed}
.tk-ix-crono__paso--futuro .tk-ix-crono__txt{font-style:normal;color:var(--ink-subtle)}
@container tk (min-width: 1024px){
.tk-ix-crono--horizontal .tk-ix-crono__lista{flex-direction:row;padding:28px 0 0;gap:var(--space-6)}
.tk-ix-crono--horizontal .tk-ix-crono__lista::before{left:0;right:0;top:6px;bottom:auto;width:auto;height:2px}
.tk-ix-crono--horizontal .tk-ix-crono__paso{flex:1 1 0;min-width:0}
.tk-ix-crono--horizontal .tk-ix-crono__punto{left:0;top:-28px}
.tk-ix-crono--horizontal .tk-ix-crono__paso--actual{flex-grow:1.4}
.tk-ix-crono--horizontal .tk-ix-crono__paso--actual .tk-ix-crono__punto{left:-3px;top:-31px}
}
/* Dirección 1 · Expediente */
.tk-ix1__cab{display:flex;flex-direction:column}
.tk-ix1__portada .tk-inst__portada{border-left:0;border-right:0}
.tk-ix1__textos{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-4) var(--space-8)}
.tk-ix1__titular{margin:0;font-family:var(--font-display);font-weight:900;font-size:40px;line-height:.95;text-transform:uppercase;color:var(--ink);text-wrap:balance}
.tk-ix1__ficha{padding-bottom:var(--space-4)}
@container tk (min-width: 1024px){
.tk-ix1__cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:560px}
.tk-ix1__portada{align-self:stretch;display:flex}
.tk-ix1__portada .tk-inst__portada{border-top:0;border-bottom:0;height:100%;aspect-ratio:auto!important}
.tk-ix1__textos{padding:var(--space-12) max(var(--space-8),calc((100cqi - var(--ancho-contenedor)) / 2)) var(--space-12) var(--space-12)}
.tk-ix1__titular{font-size:64px}
.tk-ix1__ficha{margin-top:calc(-1 * var(--space-8));position:relative}
}
/* Dirección 2 · Cronología */
.tk-ix2__cab{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding-block:var(--space-8) var(--space-6)}
.tk-ix2__linea{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4)}
.tk-ix2__fecha{font-family:var(--font-ui);font-weight:600;font-size:15px;line-height:1.4;color:var(--ink-muted)}
.tk-ix2__titular{margin:0;font-family:var(--font-display);font-weight:900;font-size:44px;line-height:.92;text-transform:uppercase;color:var(--ink);text-wrap:balance}
.tk-ix2__portada{padding-inline:0}
.tk-ix2__cuerpo{display:flex;flex-direction:column;gap:var(--space-12)}
@container tk (min-width: 1024px){
.tk-ix2__cab{padding-block:var(--space-12) var(--space-8)}
.tk-ix2__titular{font-size:96px;max-width:1200px}
.tk-ix2__entradilla{max-width:760px;font-size:22px}
.tk-ix2__portada{padding-inline:var(--space-4)}
.tk-ix2__cuerpo .tk-ix-sec{display:grid;grid-template-columns:300px minmax(0,var(--ancho-lectura));column-gap:var(--space-16);align-items:start}
.tk-ix2__cuerpo .tk-ix-sec>.tk-seccion{position:sticky;top:calc(var(--alto-nav) + var(--space-6))}
}
/* Dirección 3 · Documento */
.tk-ix3__banda{background:var(--surface);border-bottom:1px solid var(--line-strong)}
.tk-ix3__cab{display:flex;flex-direction:column;gap:var(--space-8);padding-block:var(--space-8)}
.tk-ix3__textos{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}
.tk-ix3__titular{margin:0;font-family:var(--font-display);font-weight:900;font-size:40px;line-height:.95;text-transform:uppercase;color:var(--ink);text-wrap:balance}
.tk-ix3__doc{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}
.tk-ix3__pagina{position:relative;box-sizing:border-box;width:100%;max-width:300px;aspect-ratio:1 / 1.414;padding:9% 10%;background:#edebe6;border-radius:2px;box-shadow:12px 12px 0 var(--line-strong);transform:rotate(-1.5deg)}
.tk-ix3__hoja{position:absolute;inset:9% 10%;display:flex;flex-direction:column;gap:10px}
.tk-ix3__l{display:block;height:4px;border-radius:1px;background:#b9b6b0}
.tk-ix3__l--cab{width:55%;height:8px;background:#6e6d6a}
.tk-ix3__l--cab2{width:35%;margin-bottom:12px}
.tk-ix3__l--fin{width:40%;margin-top:auto}
.tk-ix3__pend{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%) rotate(1.5deg);display:flex;justify-content:center}
.tk-ix3__pend .tk-pend{white-space:normal;text-align:center}
.tk-ix3__nombre{margin:var(--space-3) 0 0;font-family:var(--font-ui);font-weight:700;font-size:18px;line-height:1.3;color:var(--ink);max-width:420px}
.tk-ix3__meta{margin:0;font-family:var(--font-ui);font-size:14px;line-height:1.4;color:var(--ink-subtle)}
.tk-ix3__boton{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--toque-minimo);padding:var(--space-2) var(--space-5);background:var(--ink);color:var(--ground);border-radius:var(--radius-maldita-control);font-family:var(--font-ui);font-weight:600;font-size:16px;text-decoration:none}
.tk-ix3__boton:hover,.tk-ix3__boton.is-hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.tk-ix3__boton:focus-visible{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:var(--foco-separacion)}
.tk-ix3__ficha{padding-top:var(--space-8)}
.tk-ix3__figura{margin:0}
@container tk (min-width: 1024px){
.tk-ix3__cab{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:var(--space-16);align-items:center;padding-block:var(--space-16)}
.tk-ix3__titular{font-size:64px}
.tk-ix3__doc{align-items:center;text-align:center}
.tk-ix3__pagina{max-width:340px}
}
/* ===== Sistema 133 · PlantillaInstitucional, dirección 1 «Expediente» (aprobada): cronología debajo de la ficha; ficha sin estado ===== */
.tk-ix1__crono{padding-top:var(--space-10)}
@container tk (min-width: 720px){.tk-ix-ficha--sin-estado .tk-ix-ficha__dl{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Botón del Mensaje de la redacción en la barra entre 760 y 1.023 px: no cabe con su texto junto a las secciones; va solo con el icono (el texto sigue siendo su nombre accesible). */
@container tk (min-width: 760px) and (max-width: 1023px){
.tk-raiz .tk-nav--secciones .tk-nav__mensaje{width:36px;justify-content:center;padding:0}
.tk-nav__mensaje>span,.tk-nav__mensaje>sc-if{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
/* ===== Sistema 134 · SeccionImpacto, opción C «Cronología» (propuesta; aprobada como propuesta en la versión 133). Pasa del tablero al sistema para la landing por días. ===== */
/* Comunes a las tres opciones */
.ix a{color:inherit;text-decoration:none}
.ix-ej{align-self:flex-start;margin:0}
.ix .tk-capsula{max-width:100%;white-space:normal}
.ix .tk-capsula .tk-pend{white-space:normal}
.ix-titpend{margin:0}
.ix-ent,.ix-med{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}
.ix-ent__txt{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.ix-ent__cab{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.ix-ent__fecha{font-family:var(--font-ui);font-weight:600;font-size:14px;line-height:1.4;color:var(--ink-muted)}
.ix-ent__tit{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.05;color:var(--ink);text-wrap:balance}
.ix-ent__entr{font-family:var(--font-serif);font-size:17px;line-height:1.45;color:var(--ink-muted)}
.ix-ent:hover .ix-ent__tit{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.ix-por{width:100%}
.ix-logo{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:132px;height:44px;border:1px dashed var(--ink-faint);border-radius:2px}
.ix-logo .tk-pend{font-size:11px;align-self:center;margin:0}
.ix-med__cab{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ix-ext{flex:0 0 auto;color:var(--ink-muted)}
.ix-med__nombre{font-family:var(--font-ui);font-weight:700;font-size:20px;line-height:1.25;color:var(--ink)}
.ix-med__tit{font-family:var(--font-serif);font-size:18px;line-height:1.4;color:var(--ink)}
.ix-med__meta{font-family:var(--font-ui);font-size:14px;line-height:1.4;color:var(--ink-subtle)}
.ix-med:hover .ix-med__tit{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.ix-mas{align-self:flex-start}
.ix-h3{margin:0;font-family:var(--font-display);font-weight:900;font-size:28px;line-height:1;text-transform:uppercase;color:var(--ink)}
.ix-solo-movil{display:contents}
@container tk (min-width: 720px){.ix-solo-movil{display:none}.ix-h3{font-size:36px}}

.ixc{background:var(--ground);border-top:1px solid var(--line-strong)}
.ixc__in{display:flex;flex-direction:column;gap:40px;padding-block:56px 48px}
.ixc__cab{display:flex;flex-direction:column;gap:12px}
.ixc__h2{margin:0;font-family:var(--font-display);font-weight:900;font-size:64px;line-height:.9;text-transform:uppercase}
.ixc__linea{position:relative;display:flex;flex-direction:column;gap:40px;margin:0;padding:0 0 0 28px;list-style:none}
.ixc__linea::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--line-strong)}
.ixc__linea>li{position:relative}
.ixc__linea>li::before{content:"";position:absolute;left:-28px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--ground);border:2px solid var(--ink)}
.ixc__linea>li:first-child::before{background:var(--ink)}
.ixc .ix-ent--grande .ix-ent__tit{font-size:32px}
.ixc .ix-ent--fila .ix-por{width:120px}
.ixc .ix-ent--fila{flex-direction:row;align-items:flex-start;gap:16px}
.ixc .ix-ent--fila .ix-por{flex:0 0 120px}
.ixc .ix-ent--fila .ix-ent__entr{display:none}
.ixc .ix-ent--fila .ix-ent__tit{font-size:21px}
.ixc__medios{background:var(--surface);border-block:1px solid var(--line-strong)}
.ixc__medios-in{display:flex;flex-direction:column;gap:20px;padding-block:40px 48px}
.ixc__medios-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.ixc__flechas{display:none;gap:8px}
.ixc__flecha{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:1px solid var(--line-strong);border-radius:var(--radius-maldita-control);color:var(--ink)}
.ixc__carrusel{display:flex;gap:16px;margin:0 -16px;padding:4px 16px 12px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.ixc__carrusel>li{flex:0 0 280px;scroll-snap-align:start}
.ixc .ix-med{box-sizing:border-box;height:100%;padding:20px;background:var(--ground);border:1px solid var(--line-strong);border-radius:var(--radius-maldita-control)}
.ixc .ix-med__cab{flex-direction:column;align-items:stretch}
.ixc .ix-logo{width:100%;height:72px}
.ixc .ix-ext{position:absolute;right:16px;bottom:16px}
.ixc .ix-med__meta{padding-right:28px}
@container tk (min-width: 720px){
.ixc__in{display:grid;grid-template-columns:320px minmax(0,1fr);gap:64px;padding-block:80px 72px;align-items:start}
.ixc__cab{position:sticky;top:76px}
.ixc__h2{font-size:104px}
.ixc__linea{gap:48px;padding-left:40px}
.ixc__linea::before{left:7px}
.ixc__linea>li::before{left:-40px}
.ixc .ix-ent--grande .ix-ent__tit{font-size:44px}
.ixc .ix-ent--grande .ix-ent__entr{font-size:20px}
.ixc .ix-ent--fila{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px}
.ixc .ix-ent--fila .ix-por{width:100%}
.ixc .ix-ent--fila .ix-ent__entr{display:block}
.ixc .ix-ent--fila .ix-ent__tit{font-size:26px}
.ixc__flechas{display:flex}
.ixc__carrusel>li{flex-basis:340px}
.ixc__medios-in{padding-block:56px 64px}
}

/* v132 · opción C elegida: carrusel con parte de la siguiente tarjeta visible, flechas con nombre e indicador de posición; variante en columna con «Ver más» */
.ixc__carr{display:flex;flex-direction:column;gap:12px}
.ixc__carrusel{margin:0 -16px;padding:4px 16px 12px;scroll-padding-inline:16px;scrollbar-width:none}
.ixc__carrusel::-webkit-scrollbar{display:none}
.ixc__carrusel:focus-visible{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:2px}
.ixc__carrusel>li{flex:0 0 calc(100% - 56px)}
.ixc__ctrl{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ixc__flecha{cursor:pointer}
.ixc__flecha:disabled{opacity:.35;cursor:default}
.ixc__flecha:focus-visible{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:2px}
.ixc__pos{margin:0;font-family:var(--font-ui);font-weight:600;font-size:14px;color:var(--ink-muted);min-width:56px;text-align:center}
.ixc__puntos{display:none}
.ixc__punto{width:8px;height:8px;border-radius:50%;border:1px solid var(--ink-subtle)}
.ixc__punto.is-actual{background:var(--ink);border-color:var(--ink)}
.ixc__columna{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.ixc__columna>li:nth-child(n+4){display:none}
.ixc__columna.is-abierta>li{display:block}
.ixc .ixc__columna .ix-med{box-sizing:border-box;padding:20px;background:var(--ground);border:1px solid var(--line-strong);border-radius:var(--radius-maldita-control)}
.ixc__columna .ix-logo{width:132px;height:44px}
.ixc__columna .ix-med__cab{flex-direction:row;align-items:flex-start}
.ixc__columna .ix-ext{position:static}
@container tk (min-width: 720px){
.ixc__carrusel>li{flex:0 0 340px}
.ixc__ctrl{justify-content:flex-end}
.ixc__puntos{display:flex;gap:6px;order:-1;margin-right:auto}
.ixc__pos{order:-2}
}
@media (prefers-reduced-motion: reduce){.ixc__carrusel{scroll-behavior:auto}}

/* En la landing: carrusel de medios solo en escritorio; en móvil, columna con «Ver más». */
.ixc__medios--esc{display:none}
@container tk (min-width: 720px){.ixc__medios--esc{display:block}.ixc__medios--mov{display:none}}
/* ===== Sistema 134 · Landing por días (propuesta) ===== */
.tk-dias{border-top:1px solid var(--line-strong)}
.tk-dia{border-bottom:1px solid var(--line-strong);scroll-margin-top:var(--alto-nav)}
.tk-dia__h{margin:0}
.tk-dia__fila{min-height:72px;padding-block:16px}
.tk-dia.is-abierto>.tk-contenedor .tk-cal__tema{font-size:32px}
.tk-dia__chev{flex:0 0 auto;color:var(--cyan);transition:transform var(--duracion-control) ease}
.tk-dia__fila[aria-expanded="true"] .tk-dia__chev{transform:rotate(180deg)}
@media (prefers-reduced-motion: reduce){.tk-dia__chev{transition:none}}
.tk-dia__cuerpo{border-top:1px solid var(--line)}
.tk-dia__tira-in{padding-top:var(--space-8)}
.tk-dia__tira{display:flex;gap:12px;margin:0 -16px;padding:0 16px 4px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.tk-dia__tira::-webkit-scrollbar{display:none}
.tk-dia__tira>li{flex:0 0 78%;scroll-snap-align:start}
.tk-dia__tira .tk-hueco{width:100%}
.tk-dia__piezas{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-maldita)}
.tk-dia__piezas-t{margin:0;font-family:var(--font-display);font-weight:900;font-size:24px;line-height:1;text-transform:uppercase;color:var(--ink)}
.tk-dia__lista{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.tk-dia__lista>li+li{border-top:1px solid var(--line)}
.tk-dia__pieza{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--space-4);align-items:center;padding-block:var(--space-3);color:var(--ink);text-decoration:none}
.tk-dia__mini .tk-hueco{aspect-ratio:3/2;width:100%;padding:2px}
.tk-dia__mini .tk-pendiente__archivo{font-size:10px}
.tk-dia__pieza-txt{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.tk-dia__pieza-tit{font-family:var(--font-display);font-weight:600;font-size:22px;line-height:1.05}
.tk-dia__pieza:hover .tk-dia__pieza-tit,.tk-dia__pieza.is-hover .tk-dia__pieza-tit{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--cyan)}
.tk-dia__pieza:focus-visible{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:var(--foco-separacion)}
.tk-dia__cifra-pend{font-size:16px;vertical-align:middle}
.tk-dias__cierre{margin-top:var(--space-6)}
@container tk (min-width: 720px){
.tk-dia__fila{min-height:88px}
.tk-dia.is-abierto>.tk-contenedor .tk-cal__tema{font-size:48px}
.tk-dia__tira{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:16px;margin:0;padding:0;overflow:visible}
.tk-dia__piezas{padding:var(--space-8)}
.tk-dia__piezas-t{font-size:32px}
.tk-dia__pieza{grid-template-columns:160px minmax(0,1fr);gap:var(--space-6)}
.tk-dia__pieza-tit{font-size:26px}
}
/* ===== Sistema 135 · Landing por días (propuesta): portadilla de cada día (dos opciones), tarjetas de la tira y «Seguir leyendo» (antes, «Las publicaciones del día N») ===== */
.tk-dia__cab{position:relative;overflow:hidden;background:var(--ground)}
.tk-dia__foto{position:relative}
.tk-dia__foto .tk-hueco{width:100%;height:100%;aspect-ratio:auto!important;border-left:0;border-right:0}
.tk-dia__rotulo{box-sizing:border-box;padding-inline:max(var(--space-4),calc((100cqi - var(--ancho-contenedor)) / 2 + var(--space-4)))}
.tk-dia__h{margin:0}
.tk-dia__boton{display:flex;align-items:flex-end;gap:var(--space-3) var(--space-4);width:100%;margin:0;padding:0;background:none;border:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.tk-dia__boton::after{content:"";position:absolute;inset:0;z-index:1}
.tk-dia__boton:focus-visible{outline:none}
.tk-dia__boton:focus-visible::after{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:calc(-1 * var(--foco-grosor))}
.tk-dia__boton--futuro{cursor:default}
.tk-dia__boton--futuro::after{content:none}
.tk-dia__num{flex:0 0 auto;font-family:var(--font-display);font-weight:900;line-height:.8;color:var(--magenta)}
.tk-dia__nombre{min-width:0;font-family:var(--font-display);font-weight:900;line-height:.9;text-transform:uppercase;color:var(--ink);text-wrap:balance}
.tk-dia__pend{display:block;width:max-content;margin:0 0 6px;line-height:1.3}
.tk-dia__boton>.tk-dia__chev{flex:0 0 auto;width:28px;height:28px;margin-left:auto;align-self:center}
.tk-dia__boton:hover .tk-dia__nombre{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-color:var(--cyan)}
.tk-dia__fecha{display:inline-flex;align-items:center;gap:6px;margin:var(--space-2) 0 0;font-family:var(--font-ui);font-weight:600;font-size:15px;line-height:1.4;color:var(--cyan)}
.tk-dia__fecha .tk-candado{width:14px;height:14px}
.tk-dia.is-futuro .tk-dia__foto{filter:grayscale(1);opacity:.3}
.tk-dia.is-futuro .tk-dia__num{color:var(--ink-grey)}
.tk-dia.is-futuro .tk-dia__nombre{color:var(--ink-subtle)}
/* Tamaños (móvil): abierto, número 96 y nombre 40 (34 si es largo); plegado y con candado, 56 y 26 */
.tk-dia__num{font-size:56px}
.tk-dia__nombre{font-size:26px}
.tk-dia.is-abierto .tk-dia__num{font-size:96px}
.tk-dia.is-abierto .tk-dia__nombre{font-size:40px}
.tk-dia.is-abierto .tk-dia__nombre--largo{font-size:34px}
@container tk (min-width: 720px){
.tk-dia__num{font-size:88px}
.tk-dia__nombre{font-size:44px}
.tk-dia.is-abierto .tk-dia__num{font-size:200px}
.tk-dia.is-abierto .tk-dia__nombre,.tk-dia.is-abierto .tk-dia__nombre--largo{font-size:96px;max-width:1000px}
}
/* Opción A · rótulo sobre la foto (con degradado). Abierto: la foto a todo el ancho; plegado: una franja de la misma foto. */
.tk-dias--a .tk-dia__foto{position:absolute;inset:0}
.tk-dias--a .tk-dia__cab{min-height:128px;display:flex;align-items:flex-end}
.tk-dias--a .tk-dia__rotulo{position:relative;width:100%;padding-block:var(--space-8) var(--space-4);background:linear-gradient(90deg,rgba(10,10,11,.92) 0%,rgba(10,10,11,.7) 55%,rgba(10,10,11,.35) 100%)}
.tk-dias--a .tk-dia.is-abierto .tk-dia__cab{min-height:440px}
.tk-dias--a .tk-dia.is-abierto .tk-dia__rotulo{padding-block:var(--space-24) var(--space-6);background:linear-gradient(180deg,rgba(10,10,11,0) 0%,rgba(10,10,11,.75) 45%,rgba(10,10,11,.95) 100%)}
@container tk (min-width: 720px){
.tk-dias--a .tk-dia__cab{min-height:160px}
.tk-dias--a .tk-dia.is-abierto .tk-dia__cab{min-height:min(56.25cqi,760px)}
.tk-dias--a .tk-dia.is-abierto .tk-dia__rotulo{padding-block:var(--space-24) var(--space-10)}
}
/* Opción B · rótulo pegado a la foto. Abierto: número y nombre en grande encima y la foto entera (16:9) debajo; plegado: franja de la foto a la izquierda y el rótulo al lado. */
.tk-dias--b .tk-dia__cab{display:grid;grid-template-columns:96px minmax(0,1fr);min-height:112px}
.tk-dias--b .tk-dia__rotulo{display:flex;flex-direction:column;justify-content:center;padding-block:var(--space-4);padding-inline:var(--space-4)}
.tk-dias--b .tk-dia.is-abierto .tk-dia__cab{display:flex;flex-direction:column}
.tk-dias--b .tk-dia.is-abierto .tk-dia__rotulo{order:-1;padding-block:var(--space-10) var(--space-6);padding-inline:max(var(--space-4),calc((100cqi - var(--ancho-contenedor)) / 2 + var(--space-4)))}
.tk-dias--b .tk-dia.is-abierto .tk-dia__foto{aspect-ratio:16/9}
@container tk (min-width: 720px){
.tk-dias--b .tk-dia__cab{grid-template-columns:minmax(0,1fr) minmax(0,3fr);min-height:150px}
.tk-dias--b .tk-dia__rotulo{padding-inline:var(--space-8) max(var(--space-4),calc((100cqi - var(--ancho-contenedor)) / 2 + var(--space-4)))}
.tk-dias--b .tk-dia.is-abierto .tk-dia__rotulo{padding-block:var(--space-16) var(--space-8)}
}
/* Tira de publicaciones: tarjetas con portada, titular y cápsula; toda la tarjeta enlaza. Móvil, dos columnas; desde 720 px, tres (cuatro si hay cuatro). Una sola tarjeta no se estira. */
.tk-dia__tira-in{padding-top:var(--space-8)}
.tk-dia__tira{display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-3);margin:0;padding:0;overflow:visible;scroll-snap-type:none;list-style:none}
.tk-dia__tira>li{flex:none;min-width:0}
.tk-dia__tarjeta{display:flex;flex-direction:column;gap:var(--space-2);color:var(--ink);text-decoration:none}
.tk-dia__tarjeta-img{width:100%;aspect-ratio:3/2;padding:4px}
.tk-dia__tarjeta-txt{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.tk-dia__tarjeta-tit{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.05}
.tk-dia__tarjeta .tk-capsula{max-width:100%;white-space:normal}
.tk-dia__tarjeta:hover .tk-dia__tarjeta-tit,.tk-dia__tarjeta.is-hover .tk-dia__tarjeta-tit{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--cyan)}
.tk-dia__tarjeta:focus-visible{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:var(--foco-separacion)}
@container tk (min-width: 720px){
.tk-dia__tira{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8) var(--space-6)}
.tk-dia__tira:has(>li:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
.tk-dia__tarjeta-tit{font-size:24px}
}
/* «Seguir leyendo» (antes, «Las publicaciones del día N»): compacto, como «Seguir leyendo»; miniatura pequeña y titular, en una fila o dos. */
.tk-dia__mas{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line-strong)}
.tk-dia__mas-t{margin:0;font-family:var(--font-ui);font-weight:700;font-size:16px;line-height:1.3;color:var(--ink)}
.tk-dia__mas-lista{display:grid;grid-template-columns:1fr;gap:var(--space-3) var(--space-6);margin:0;padding:0;list-style:none}
.tk-dia__mas-pub{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-3);align-items:center;color:var(--ink);text-decoration:none}
.tk-dia__mas-img{width:100%;aspect-ratio:3/2;padding:2px}
.tk-dia__mas-img .tk-pendiente__archivo{font-size:9px}
.tk-dia__mas-txt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.tk-dia__mas-txt .tk-capsula{font-size:12px;min-height:22px;padding:1px 8px}
.tk-dia__mas-tit{font-family:var(--font-display);font-weight:600;font-size:17px;line-height:1.1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tk-dia__mas-pub:hover .tk-dia__mas-tit{text-decoration:underline;text-decoration-color:var(--cyan);text-underline-offset:3px}
.tk-dia__mas-pub:focus-visible{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:var(--foco-separacion)}
@container tk (min-width: 720px){.tk-dia__mas-lista{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}
/* Barra: el botón de Impacto, junto al del Mensaje de la redacción */
@container tk (min-width: 760px){.tk-nav__msg--imp{margin-left:var(--space-2)}}
/* Ajustes: en la opción A, la etiqueta del hueco arriba a la derecha (no detrás del rótulo); en la opción B, franja más estrecha en móvil para que el nombre no pase de dos líneas */
.tk-dias--a .tk-dia__foto .tk-hueco{justify-content:flex-start;align-items:flex-end;padding:8px 16px;text-align:right}
.tk-dias--b .tk-dia__foto .tk-hueco{padding:4px;font-size:11px}
.tk-dias--b .tk-dia__cab{grid-template-columns:64px minmax(0,1fr)}
.tk-dias--b .tk-dia:not(.is-abierto) .tk-dia__num{font-size:48px}
.tk-dias--b .tk-dia:not(.is-abierto) .tk-dia__nombre{font-size:24px}
.tk-dias--b .tk-dia:not(.is-abierto) .tk-dia__nombre--largo{font-size:20px}
@container tk (min-width: 720px){
.tk-dias--b .tk-dia__cab{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}
.tk-dias--b .tk-dia:not(.is-abierto) .tk-dia__num{font-size:88px}
.tk-dias--b .tk-dia:not(.is-abierto) .tk-dia__nombre,.tk-dias--b .tk-dia:not(.is-abierto) .tk-dia__nombre--largo{font-size:44px}
.tk-dias--b .tk-dia__foto .tk-hueco{font-size:14px}
}
/* ===== Sistema 136 · Landing por días: portadilla A definitiva (la B, solo en Obsoletos) y banner 2 sin hueco ===== */
/* Fotos de las portadillas, siempre en blanco y negro (también si llegan en color). */
.tk-dias--a .tk-dia__foto img,.tk-dias--a .tk-dia__foto picture,.tk-dias--a .tk-dia__foto video{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
/* Número en magenta y nombre en blanco, encima de la foto. El degradado llega a .92 un poco antes de donde empieza el texto (16 px antes; 32 en el abierto), así que el rótulo cumple el contraste AA aunque la foto sea blanca: el nombre, ≥ 4,5:1, y el número (texto grande), ≥ 3:1. */
.tk-dias--a .tk-dia__nombre{color:var(--ink)}
.tk-dias--a .tk-dia__rotulo{--tk-dia-fundido:var(--space-4);background:linear-gradient(180deg,rgba(10,10,11,0) 0,rgba(10,10,11,.92) var(--tk-dia-fundido),rgba(10,10,11,.95) 100%)}
.tk-dias--a .tk-dia__cab{min-height:152px}
.tk-dias--a .tk-dia.is-abierto .tk-dia__rotulo{--tk-dia-fundido:var(--space-16);background:linear-gradient(180deg,rgba(10,10,11,0) 0,rgba(10,10,11,.92) var(--tk-dia-fundido),rgba(10,10,11,.95) 100%)}
@container tk (min-width: 720px){
.tk-dias--a .tk-dia__cab{min-height:192px}
.tk-dias--a .tk-dia__rotulo{--tk-dia-fundido:var(--space-8);padding-top:var(--space-12)}
}
/* Banner 2: entre el banner y «Seguir leyendo», el espaciado normal entre bloques (antes quedaban 176 px vacíos a 1.440). */
.tk-medio:has(>.tk-apoyo--horizontal){padding-bottom:var(--space-12)}
.tk-medio:has(>.tk-apoyo--horizontal)+section{margin-top:0}
/* ===== Sistema 137 · Landing por días (definitiva): días plegados y con candado como barra fina =====
   Solo el día abierto lleva su portadilla (foto en blanco y negro con el número y el nombre encima). Los demás, una barra
   fina sin imagen: fondo surface, filete arriba, el número en una columna propia separada por un filete vertical (como
   un índice), el nombre en Big Shoulders y el chevron cian en su caja, como el de la Metodología. 56 px en móvil y 64 px
   en escritorio (más si el nombre ocupa dos líneas). Con candado: igual, atenuada, y la fecha con el candado debajo del
   nombre. Al desplegar un día, su título sale de la barra y pasa a la foto; al plegarlo, vuelve a la barra. Sin animación. */
.tk-dias--a{--tk-barra:56px;--tk-barra-num:44px;--tk-dia-pad:max(var(--space-4),calc((100cqi - var(--ancho-contenedor)) / 2 + var(--space-4)))}
.tk-dias--a .tk-dia__chev{color:var(--cyan)}
.tk-dias--a .tk-dia.is-abierto .tk-dia__chev{transform:rotate(180deg)}
.tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__foto{display:none}
.tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__cab{display:block;min-height:0;background:var(--surface);border-top:1px solid var(--line-strong)}
.tk-dias--a .tk-dia:not(.is-abierto):not(:has(~.tk-dia)) .tk-dia__cab{border-bottom:1px solid var(--line-strong)}
.tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__rotulo{position:relative;padding-block:0;background:none}
.tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__boton{align-items:stretch;gap:0;min-height:var(--tk-barra)}
.tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__num{display:flex;align-items:center;flex:0 0 var(--tk-barra-num);margin-right:var(--space-3);border-right:1px solid var(--line-strong);font-size:32px;line-height:1}
.tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__nombre{align-self:center;padding-block:var(--space-2);font-size:20px;line-height:1}
.tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__nombre--largo{font-size:18px}
.tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__boton>.tk-dia__chev{box-sizing:border-box;width:36px;height:36px;padding:8px;margin-left:auto;border:1px solid var(--line-strong)}
.tk-dias--a .tk-dia:not(.is-abierto):not(.is-futuro) .tk-dia__cab:hover{background:var(--surface-raised)}
/* Con candado: número en ink-grey y nombre en ink-subtle (contraste ≥ 3:1, texto grande); la fecha, debajo del nombre. */
.tk-dias--a .tk-dia.is-futuro .tk-dia__nombre{padding-block:var(--space-2) 24px}
.tk-dias--a .tk-dia.is-futuro .tk-dia__fecha{position:absolute;left:calc(var(--tk-dia-pad) + var(--tk-barra-num) + var(--space-3));bottom:8px;margin:0;font-size:13px;line-height:16px}
.tk-dias--a .tk-dia.is-futuro .tk-dia__fecha .tk-candado{width:12px;height:12px}
@container tk (min-width: 720px){
.tk-dias--a{--tk-barra:64px;--tk-barra-num:64px}
.tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__num{margin-right:var(--space-5);font-size:40px}
.tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__nombre,.tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__nombre--largo{font-size:28px}
.tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__boton>.tk-dia__chev{width:40px;height:40px;padding:9px}
.tk-dias--a .tk-dia.is-futuro .tk-dia__nombre{padding-block:6px 26px}
.tk-dias--a .tk-dia.is-futuro .tk-dia__fecha{left:calc(var(--tk-dia-pad) + var(--tk-barra-num) + var(--space-5));bottom:9px;font-size:14px}
}
/* Día abierto: el título (número, nombre y chevron, en una línea) va encima de la foto, pegado arriba. El degradado va de
   arriba abajo: oscuro detrás del título (≥ 92 %) y transparente al final del rótulo, para que el resto de la foto quede limpio. */
.tk-dias--a .tk-dia.is-abierto .tk-dia__cab{align-items:flex-start}
.tk-dias--a .tk-dia.is-abierto .tk-dia__rotulo{--tk-dia-fundido:var(--space-16);padding-block:var(--space-6) var(--tk-dia-fundido);background:linear-gradient(180deg,rgba(10,10,11,.95) 0,rgba(10,10,11,.92) calc(100% - var(--tk-dia-fundido) + var(--space-4)),rgba(10,10,11,0) 100%)}
.tk-dias--a .tk-dia.is-abierto .tk-dia__boton{align-items:flex-end}
.tk-dias--a .tk-dia.is-abierto .tk-dia__boton>.tk-dia__chev{align-self:center}
.tk-dias--a .tk-dia.is-abierto .tk-dia__foto .tk-hueco{align-items:flex-end;justify-content:flex-end}
@container tk (min-width: 720px){
.tk-dias--a .tk-dia.is-abierto .tk-dia__rotulo{--tk-dia-fundido:var(--space-24);padding-block:var(--space-10) var(--tk-dia-fundido)}
}
.tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__nombre{margin-right:var(--space-3)}
/* Mensaje de la redacción: aire arriba, también cuando va justo después de las barras de los días (sin Impacto). */
.tk-mensaje-sec{padding-top:var(--space-12)}
/* ===== Sistema 138 · Foto del día abierto, panorámica y con velo; texto del Mensaje de la redacción ===== */
/* Día abierto: foto panorámica (≈ 21:9; 600 px de alto como mucho a 1.440, 220 px a 360), para que en escritorio quepan en una pantalla el título y el comienzo
   de la tira. Recorte hacia la derecha: las fotos de los días se encargan con el motivo principal en el tercio derecho. Velo oscuro sobre toda la foto,
   denso a la izquierda (detrás del título) y transparente a la derecha; además, el oscuro de arriba del rótulo. A 360 px, el velo cubre más: la foto se ve en el tercio derecho. */
.tk-dias--a .tk-dia.is-abierto .tk-dia__cab{min-height:220px}
.tk-dias--a .tk-dia__foto img,.tk-dias--a .tk-dia__foto picture,.tk-dias--a .tk-dia__foto video{object-position:right center}
.tk-dias--a .tk-dia.is-abierto .tk-dia__foto::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(10,10,11,.94) 0%,rgba(10,10,11,.88) 45%,rgba(10,10,11,.45) 66%,rgba(10,10,11,0) 88%)}
.tk-dias--a .tk-dia__rotulo{z-index:2}
@container tk (min-width: 720px){
.tk-dias--a .tk-dia.is-abierto .tk-dia__cab{min-height:min(41.67cqi,600px)}
.tk-dias--a .tk-dia.is-abierto .tk-dia__foto::after{background:linear-gradient(90deg,rgba(10,10,11,.92) 0%,rgba(10,10,11,.78) 30%,rgba(10,10,11,.35) 55%,rgba(10,10,11,0) 78%)}
}
/* Mensaje de la redacción: el texto completo, en el estilo y el ancho de lectura de las publicaciones (negritas como en ellas); al final, el botón amarillo «Dona a Maldita.es», suelto. */
.tk-mensaje__relato{padding-top:var(--space-6)}
.tk-mensaje__relato>sc-if>div[lang],.tk-mensaje__relato>div[lang]{display:flex;flex-direction:column;gap:24px;max-width:var(--ancho-lectura)}
.tk-mensaje__relato div[lang]>p{margin:0}
.tk-mensaje__accion{margin:var(--space-8) 0 0}
/* A 360 px, el fundido bajo el título es más corto, para que se vea más foto en los 220 px. */
.tk-dias--a .tk-dia.is-abierto .tk-dia__rotulo{--tk-dia-fundido:var(--space-10)}
@container tk (min-width: 720px){.tk-dias--a .tk-dia.is-abierto .tk-dia__rotulo{--tk-dia-fundido:var(--space-24)}}
/* ===== Sistema 140 · Mensaje de la redacción ===== */
/* Es una carta de la redacción: las negritas, solo en negrita (ink, semibold), sin el marcador magenta de las publicaciones. */
.tk-mensaje__relato strong{background:none;padding:0;border-radius:0;font-weight:600;color:var(--ink)}
/* En móvil, sin margen interior a los lados: la columna tiene el ancho de las publicaciones (328 px a 360). */
@container tk (max-width: 719.98px){.tk-mensaje__boton{padding-inline:0}.tk-mensaje__relato{padding-inline:0}}
/* ===== Sistema 141 · Landing: portadilla más baja, título más pequeño, «Seguir leyendo» solo texto, Impacto siempre, resumen desde el 17 ===== */
/* Día abierto: foto aún más baja (420 px a 1.440, 180 px a 360; encargo 2.880 × 840, motivo en el tercio derecho) y título más pequeño, encima de la foto. */
.tk-dias--a .tk-dia.is-abierto .tk-dia__cab{min-height:180px}
.tk-dias--a .tk-dia.is-abierto .tk-dia__rotulo{--tk-dia-fundido:var(--space-6);padding-block:var(--space-4) var(--tk-dia-fundido)}
.tk-dias--a .tk-dia.is-abierto .tk-dia__boton{gap:var(--space-3);align-items:flex-end}
.tk-dias--a .tk-dia.is-abierto .tk-dia__num{font-size:44px;line-height:.8}
.tk-dias--a .tk-dia.is-abierto .tk-dia__nombre{font-size:28px;line-height:.95;max-width:none}
.tk-dias--a .tk-dia.is-abierto .tk-dia__nombre--largo{font-size:24px}
@container tk (min-width: 720px){
.tk-dias--a .tk-dia.is-abierto .tk-dia__cab{min-height:min(29.17cqi,420px)}
.tk-dias--a .tk-dia.is-abierto .tk-dia__rotulo{--tk-dia-fundido:var(--space-12);padding-block:var(--space-8) var(--tk-dia-fundido)}
.tk-dias--a .tk-dia.is-abierto .tk-dia__boton{gap:var(--space-4)}
.tk-dias--a .tk-dia.is-abierto .tk-dia__num{font-size:72px}
.tk-dias--a .tk-dia.is-abierto .tk-dia__nombre,.tk-dias--a .tk-dia.is-abierto .tk-dia__nombre--largo{font-size:56px}
}
/* Foto real (o de prueba, solo en el lienzo, con la marca [IMAGEN DE PRUEBA]). */
.tk-dias--a .tk-dia__img{position:absolute;inset:0}
.tk-dia__prueba{position:absolute;right:8px;bottom:8px;z-index:3;margin:0}
/* El título del día abierto no es un enlace: sin subrayado al pasar el ratón; el bloque se aclara un poco, como las barras. Cursor de mano. */
.tk-dias--a .tk-dia__boton{cursor:pointer}
.tk-dias--a .tk-dia__boton:hover .tk-dia__nombre{text-decoration:none}
.tk-dias--a .tk-dia.is-abierto .tk-dia__cab:has(.tk-dia__boton:hover) .tk-dia__foto{filter:brightness(1.18)}
.tk-dias--a .tk-dia.is-abierto .tk-dia__cab:has(.tk-dia__boton:hover) .tk-dia__foto::after{opacity:.88}
/* Foco: el anillo, solo con teclado. Con ratón o dedo (html.tk-puntero, lo pone la página), nada al pulsar ni tras el botón de la barra. */
html.tk-puntero .tk-dia__boton:focus-visible::after,html.tk-puntero .tk-mensaje__boton:focus-visible{outline:none}
/* Resumen desde el 17: la misma portadilla que un día abierto, sin número (el título solo, en blanco, arriba a la izquierda); no se pliega. */
.tk-dias--a .tk-dia--resumen .tk-dia__boton--resumen{cursor:default}
.tk-dias--a .tk-dia--resumen .tk-dia__boton--resumen::after{content:none}
.tk-dias--a .tk-dia--resumen .tk-dia__nombre .tk-pend{font-size:16px;line-height:1.3}
/* «Seguir leyendo»: solo texto. Flecha cian, cápsula si la lleva y el titular completo; filete fino entre líneas; dos columnas desde 720 px. Toda la línea enlaza. */
.tk-dia__mas-lista{grid-template-columns:1fr;gap:0 var(--space-8)}
.tk-dia__mas-lista>li{border-top:1px solid var(--line)}
.tk-dia__mas-pub{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-3) 0;grid-template-columns:none}
.tk-dia__mas-flecha{flex:0 0 auto;font-family:var(--font-ui);font-weight:700;font-size:18px;line-height:1;color:var(--cyan)}
.tk-dia__mas-txt{display:block;min-width:0}
.tk-dia__mas-txt .tk-capsula{display:inline-flex;vertical-align:2px;margin-right:var(--space-2)}
.tk-dia__mas-tit{display:inline;font-size:20px;line-height:1.15;-webkit-line-clamp:unset;overflow:visible}
.tk-dia__mas-pub:hover .tk-dia__mas-tit{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--cyan)}
@container tk (min-width: 720px){.tk-dia__mas-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Impacto siempre en la landing: sin contenido, su título y un texto de redacción (sin tarjetas vacías). */
.ixc__vacio{max-width:var(--ancho-lectura)}
.ixc__vacio .tk-pend{white-space:normal;max-width:100%;box-sizing:border-box}
/* ===== Sistema 142 ===== */
/* Un mensaje de la redacción: desplegado, se oculta la frase de entrada (es la primera frase del texto); plegado, se ve. */
.tk-mensaje.is-abierto .tk-mensaje__entrada{display:none}
/* Entrada de Impacto (plantilla «Expediente»): portada con imagen (en el lienzo, la de prueba, con [IMAGEN DE PRUEBA]). */
.tk-inst__prueba{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--surface)}
.tk-inst__prueba img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center;filter:grayscale(1)}
.tk-inst__prueba>.tk-pend{position:absolute;right:8px;bottom:8px;margin:0}
/* ===== Sistema 143 ===== */
/* Resumen desde el 17: sin foto. El título, sobre el fondo de la página, al tamaño del título de un día abierto; debajo, cifras, texto y «Las claves». */
.tk-dias--a .tk-dia--resumen .tk-dia__cab--sinfoto{display:block;min-height:0;background:none}
.tk-dias--a .tk-dia--resumen .tk-dia__cab--sinfoto .tk-dia__rotulo{position:static;background:none;padding-block:var(--space-10) 0}
@container tk (min-width: 720px){.tk-dias--a .tk-dia--resumen .tk-dia__cab--sinfoto .tk-dia__rotulo{padding-block:var(--space-16) 0}}
/* Un mensaje de la redacción: plegado, solo el título y el chevron. El título no es un enlace: sin subrayado; al pasar el ratón, el recuadro se aclara, como las barras de los días. */
.tk-mensaje__boton:hover .tk-mensaje__titulo,.tk-mensaje__boton.is-hover .tk-mensaje__titulo{text-decoration:none}
.tk-mensaje:has(>.tk-mensaje__boton:hover){background:var(--surface-raised)}
.tk-mensaje__boton{cursor:pointer}
.tk-dias--a .tk-dia.tk-dia--resumen.is-abierto .tk-dia__cab.tk-dia__cab--sinfoto{min-height:0;border:0;background:none}
.tk-dias--a .tk-dia--resumen .tk-dia__cuerpo{border-top:0}
/* Hover de las barras de los días y del recuadro del Mensaje: un poco más claro que surface-raised, para que se note (mismo tono en los dos). */
.tk-dias--a .tk-dia:not(.is-abierto):not(.is-futuro) .tk-dia__cab:hover,.tk-mensaje:has(>.tk-mensaje__boton:hover){background:var(--actual-fondo)}
/* ===== Sistema 144 · Velo de la foto del día abierto, proporcional al ancho: el tercio derecho, limpio a cualquier ancho (1.440, 1.920, 2.560 px) ===== */
.tk-dias--a .tk-dia.is-abierto .tk-dia__foto::after{background:linear-gradient(90deg,rgba(10,10,11,.94) 0%,rgba(10,10,11,.88) 40%,rgba(10,10,11,.45) 56%,rgba(10,10,11,0) 66.67%)}
@container tk (min-width: 720px){
.tk-dias--a .tk-dia.is-abierto .tk-dia__foto::after{background:linear-gradient(90deg,rgba(10,10,11,.92) 0%,rgba(10,10,11,.8) 28%,rgba(10,10,11,.4) 50%,rgba(10,10,11,0) 66.67%)}
}
/* ===== Sistema 145 · AvisoContenido (propuesta) =====
   Franja a todo el ancho justo debajo de la barra, visible al cargar cada página (landing, publicaciones, «Impacto · entrada»). No es fija:
   no cuenta en los 145 px fijos de móvil. Pasados 80 px de scroll se quita y no vuelve en esa visita (sin animación: ya está detrás de la barra).
   Fondo surface, filete inferior line, icono de aviso de 20 px y texto en Archivo 14 px en ink; sin magenta, cian, amarillo ni naranja.
   Sin botón (desde la versión 146): solo el icono y el texto, a la izquierda; en una línea a 1.440 y en una o dos a 360. */
.tk-aviso{background:var(--surface);border-bottom:1px solid var(--line);color:var(--ink)}
.tk-aviso__in{display:flex;align-items:flex-start;gap:var(--space-2);padding-block:var(--space-3)}
.tk-aviso__txt{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;font-family:var(--font-ui);font-weight:500;font-size:14px;line-height:20px;color:var(--ink)}
.tk-aviso__icono{flex:0 0 auto;width:20px;height:20px}
@container tk (min-width: 720px){
.tk-aviso__in{align-items:center}
.tk-aviso__txt{align-items:center}
}
/* ===== Sistema 148 · TablaDatos (.tk-tabla-datos, propuesta): tabla de datos de dos columnas (categoría y cifra) =====
   Primera vez en «Retos directos» (5.3): directos por país y por idioma. Sin título encima: se nombra con aria-label (el texto de redacción).
   Encabezado como el de TablaComentarios (fondo locked-fill, Archivo 14 px semibold, filete de 2 px en cyan); filas en Archivo 16 px y ink, filete line;
   cifras a la derecha, tabulares y en formato español; fila «Total» (si la hay) en semibold con filete de 2 px en line-strong. Ancho máximo 480 px, alineada a la izquierda; a 360 px, todo el ancho. */
.tk-tabla-datos{margin:0}
.tk-tabla-datos__t{width:100%;max-width:480px;border-collapse:collapse;font-family:var(--font-ui);font-size:16px;line-height:1.4;color:var(--ink);font-variant-numeric:tabular-nums}
.tk-tabla-datos__t th,.tk-tabla-datos__t td{padding:10px var(--space-4);text-align:left;vertical-align:baseline;border-bottom:1px solid var(--line);font-weight:400}
.tk-tabla-datos__t thead th{padding-block:var(--space-3);background:var(--locked-fill);font-size:14px;font-weight:600;line-height:1.3;border-bottom:2px solid var(--cyan)}
.tk-tabla-datos__t .tk-tabla-datos__num{text-align:right;white-space:nowrap;width:1%}
.tk-tabla-datos__total th,.tk-tabla-datos__total td{font-weight:600;border-top:2px solid var(--line-strong);border-bottom:0}
/* ===== Sistema 152 · Imágenes en móvil: todo el ancho disponible (regla general) =====
   Por debajo de 720 px, todas las imágenes del contenido (CapturaAnonimizada, FiguraConPie, SecuenciaImagenes en bloque, Video, portada
   de la publicación y huecos de imagen) ocupan todo el ancho de la columna (328 px a 360), con el alto de su proporción real, sin recortar.
   Ya no se reducen para caber en el alto visible: si son más altas que la pantalla, se leen haciendo scroll. El pie y los controles del vídeo,
   al mismo ancho que la imagen. En escritorio (desde 720 px) no cambia nada: alto máximo, el visible.
   SecuenciaImagenes en móvil: ver «Sistema 153» (scrolly con tarjetas por encima; en bloque, solo con «reducir movimiento»). Quedan fuera las miniaturas de navegación (tarjetas de la landing, SiguientePublicacion), que no son imágenes del texto. */
@container tk (max-width: 719px){
.tk-figura>img,.tk-sec:not(.tk-sec--viva) .tk-sec__img>img,.tk-cab-pub__portada>img{max-height:none;width:100%;max-width:100%}
.tk-figura>.tk-hueco,.tk-sec:not(.tk-sec--viva) .tk-sec__img>.tk-hueco,.tk-cab-pub__portada>.tk-hueco{width:100%;max-width:100%}
.tk-figura.tk-centrar,.tk-sec:not(.tk-sec--viva) .tk-sec__img{align-self:stretch;width:100%;max-width:none}
.tk-figura>.tk-pie,.tk-figura>sc-if>.tk-pie,.tk-sec__img>figcaption,.tk-sec__img>sc-if>figcaption{width:100%;max-width:100%}
.tk-video{--video-ancho:100%}
.tk-video__marco{max-height:none}
.tk-video__marco,.tk-video__controles,.tk-video .tk-pie{width:100%;max-width:100%}
}
/* ===== Sistema 153 · SecuenciaImagenes en móvil: «tarjetas por encima» (.tk-sec--sobre; por debajo de 720 px, lo pone el script) =====
   La imagen va fija (sticky) a todo el ancho de la columna (328 px a 360), con su proporción real, como en bloque. Solo si la imagen con su pie
   no cabe en el alto libre (entre la barra y el faldón), se reduce lo justo, centrada (--sec-img-h: alto máximo; --ar en cada figura, del script).
   El pie va debajo de la imagen, al mismo ancho, y se ve siempre: al llegar, mientras está fija y al salir.
   Las tarjetas (surface opaco con borde line-strong, forma de Maldita, texto a 20/30) pasan por encima de la imagen. Entre tarjeta y tarjeta,
   el alto de la imagen más un 25 % del alto libre: la imagen se ve limpia (--sec-hueco). Antes de la primera, lo mismo (--sec-banda); después de
   la última, ver «Sistema 154». Las tarjetas largas pueden ocupar más de una pantalla.
   Con «reducir movimiento», sin JavaScript o en los tableros largos del lienzo, bloque normal. En escritorio, sin cambios. */
.tk-sec--viva.tk-sec--sobre .tk-sec__img{top:calc(var(--alto-nav) + 1px + var(--space-2));width:min(var(--sec-img-w),calc(var(--sec-img-h) * var(--ar,10)));max-width:none;height:auto;margin-bottom:var(--sec-suelta,0px);justify-self:center;z-index:0}
.tk-sec--viva.tk-sec--sobre .tk-sec__img>.tk-hueco,.tk-sec--viva.tk-sec--sobre .tk-sec__img>img{width:100%;height:auto;max-width:none;margin:0;align-self:stretch}
.tk-sec--viva.tk-sec--sobre .tk-sec__img>figcaption,.tk-sec--viva.tk-sec--sobre .tk-sec__img>sc-if>figcaption{width:100%}
.tk-sec--viva.tk-sec--sobre .tk-sec__texto{z-index:2;margin-top:var(--sec-hueco);padding:var(--space-4);font-size:20px;line-height:30px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-maldita)}
.tk-sec--viva.tk-sec--sobre .tk-sec__texto--1{margin-top:var(--sec-banda)}
.tk-sec--viva.tk-sec--sobre .tk-sec__doble{z-index:2;margin-top:var(--sec-hueco)}
.tk-sec--viva.tk-sec--sobre .tk-sec__doble:has(>.tk-sec__texto--1){margin-top:var(--sec-banda)}
.tk-sec--viva.tk-sec--sobre .tk-sec__doble>.tk-sec__texto:first-child{position:relative;top:auto;margin-top:0}
.tk-sec--viva.tk-sec--sobre .tk-sec__doble>.tk-sec__texto--sigue{margin:var(--sec-hueco) 0 0;min-height:1px;padding:0;border:0;background:none}
/* ===== Sistema 154 · SecuenciaImagenes: final de la secuencia (todas las versiones vivas, escritorio y móvil) =====
   La imagen sigue fija hasta que la última tarjeta ha pasado entera por la zona de lectura: se suelta cuando el borde de abajo de la última
   tarjeta llega al centro del espacio entre la barra y el faldón (con «imagen arriba», el espacio bajo la banda). Lo calcula el script:
   --sec-suelta es el margen inferior de la imagen fija (negativo si la imagen baja más que ese centro; positivo si queda por encima, y entonces
   hay recorrido extra después de la tarjeta). El relleno inferior de la secuencia deja sitio a la imagen cuando se suelta (regla de la v72).
   La última tarjeta va sin margen inferior. Si lo último es una tarjeta con varias imágenes, la última imagen se ve antes un tramo. */
/* ===== Sistema 155 · Landing por días: «Lista vertical de publicaciones» (propuesta para comparar; .tk-dias--lista, solo en su tablero) =====
   En lugar de la tira de portadas, una lista: recuadro con filete line y forma de Maldita, una fila por publicación separada por filete line.
   Cada fila es el enlace: miniatura 3:2 a la izquierda (96 × 64 px en móvil, 144 × 96 desde 720 px) y el titular completo a la derecha,
   en Big Shoulders como ahora (18 / 24 px), con la cápsula delante si la lleva. Hover: el fondo de la fila se aclara (surface-raised).
   Ancho de la columna de lectura ancha (ancho-medio). Sin rótulo encima. La tira actual no cambia. */
.tk-dias--lista .tk-dia__tira-in{max-width:var(--ancho-medio)}
.tk-dias--lista .tk-dia__tira{display:flex;flex-direction:column;gap:0;margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-maldita)}
.tk-dias--lista .tk-dia__tira>li{flex:none;min-width:0}
.tk-dias--lista .tk-dia__tira>li+li{border-top:1px solid var(--line)}
.tk-dias--lista .tk-dia__tarjeta{flex-direction:row;align-items:center;gap:var(--space-4);padding:var(--space-3);transition:background-color var(--duracion-control) ease}
.tk-dias--lista .tk-dia__tarjeta:hover,.tk-dias--lista .tk-dia__tarjeta.is-hover{background:var(--surface-raised)}
.tk-dias--lista .tk-dia__tarjeta:hover .tk-dia__tarjeta-tit,.tk-dias--lista .tk-dia__tarjeta.is-hover .tk-dia__tarjeta-tit{text-decoration:none}
.tk-dias--lista .tk-dia__tarjeta:focus-visible{outline-offset:-3px}
.tk-dias--lista .tk-dia__tarjeta-img{flex:0 0 96px;width:96px;height:64px;padding:2px;gap:0}
.tk-dias--lista .tk-dia__tarjeta-img .tk-pendiente__medidas{display:none}
.tk-dias--lista .tk-dia__tarjeta-img .tk-pendiente__archivo{font-size:9px;line-height:1.15;overflow-wrap:anywhere}
.tk-dias--lista .tk-dia__tarjeta-txt{flex:1 1 auto}
@container tk (min-width: 720px){
.tk-dias--lista .tk-dia__tarjeta{gap:var(--space-6);padding:var(--space-4) var(--space-6) var(--space-4) var(--space-4)}
.tk-dias--lista .tk-dia__tarjeta-img{flex-basis:144px;width:144px;height:96px;padding:4px}
.tk-dias--lista .tk-dia__tarjeta-img .tk-pendiente__archivo{font-size:11px}
}
/* ===== Sistema 156 · SeccionImpacto sin línea del tiempo (.ixg; la «Cronología», .ixc__linea / .ixc__cab / .ixc__h2, queda en Obsoletos) =====
   Título «Impacto» / «Impact» arriba, como el de las demás secciones (.tk-seccion). Entradas propias: la más reciente, destacada (portada 3:2 grande,
   cápsula «Impacto», fecha, titular grande y entradilla; desde 1.024 px, portada a la izquierda y texto a la derecha, 7:5); las demás, en una rejilla
   de tarjetas iguales (portada 3:2, cápsula, fecha, titular y entradilla): 1 columna en móvil, 2 desde 720 px y 3 desde 1.024. Toda la tarjeta es el
   enlace. Con más de 4 entradas, se ven la destacada y 3, y «Ver más» abre el resto. «Publicado en otros medios» y el estado vacío, sin cambios. */
.ixg__in{display:flex;flex-direction:column;gap:32px;padding-block:56px 48px}
.ixg__cab{display:flex;flex-direction:column;gap:12px}
.ixg{display:flex;flex-direction:column;gap:48px}
.ixg__dest .ix-ent__tit{font-size:32px}
.ixg__rejilla{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;margin:0;padding:0;list-style:none}
.ixg__rejilla>li{min-width:0}
.ixg__rejilla:not(.is-abierta)>li:nth-child(n+4){display:none}
.ixg__rejilla .ix-ent__tit{font-size:24px}
.ixg__vermas{margin-top:-16px}
@container tk (min-width: 720px){
.ixg__in{gap:40px;padding-block:80px 72px}
.ixg{gap:56px}
.ixg__dest .ix-ent__tit{font-size:44px}
.ixg__dest .ix-ent__entr{font-size:20px}
.ixg__rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}
.ixg__rejilla .ix-ent__tit{font-size:26px}
}
@container tk (min-width: 1024px){
.ixg__dest{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.ixg__rejilla{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* ===== Sistema 159 · FiguraConPie: grupo de capturas con un solo pie (.tk-grupo; definitivo desde el sistema 160) =====
   Varias capturas seguidas que redacción agrupa bajo un pie común, debajo de la última. Primera vez en «El universo pederasta hispano» (1.3).
   .tk-grupo: seguidas en la columna de lectura, a todo el ancho, con 16 px entre ellas (ESPAÑOL 10 y 11).
   .tk-grupo--fila: tres verticales de conversaciones (ESPAÑOL 7, 8 y 9): desde 720 px, en fila en el ancho medio (ancho-medio), con el pie
   debajo de la fila; por debajo de 720 px, seguidas a todo el ancho (regla de móvil de la versión 152). Cada hueco con su proporción real. */
.tk-grupo{display:flex;flex-direction:column;gap:var(--space-4);margin:0}
.tk-grupo>.tk-hueco,.tk-grupo>img{width:100%}
.tk-grupo>.tk-pie,.tk-grupo>sc-if>.tk-pie{margin-top:calc(var(--space-2) - var(--space-4))}
@container tk (min-width: 720px){
.tk-medio>.tk-grupo--fila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:start;padding-block:var(--space-6)}
.tk-grupo--fila>.tk-hueco,.tk-grupo--fila>img{max-width:none}
.tk-grupo--fila>.tk-pie,.tk-grupo--fila>sc-if>.tk-pie{grid-column:1 / -1;margin-top:0;max-width:none}
}

/* ===== Sistema 160, revisado en el 164 · Landing: portadillas de los días =====
   Abierta: lo justo para el título con aire (unos 160 px a 1.440 y 120 a 360), con el título al tamaño de antes, centrado en vertical.
   La textura, desde el sistema 164, es una imagen (ver más abajo); fuera la textura generada con CSS/SVG del sistema 160. */
.tk-dias--a .tk-dia__cab{background-color:var(--surface)}
.tk-dias--a .tk-dia.is-abierto .tk-dia__cab{display:flex;align-items:center;min-height:120px}
.tk-dias--a .tk-dia__rotulo,.tk-dias--a .tk-dia.is-abierto .tk-dia__rotulo{background:none}
.tk-dias--a .tk-dia.is-abierto .tk-dia__rotulo{padding-block:var(--space-6) var(--space-4)}
.tk-dias--a .tk-dia:not(.is-abierto):not(.is-futuro) .tk-dia__cab:hover{background-color:var(--actual-fondo)}
@container tk (min-width: 720px){
.tk-dias--a .tk-dia.is-abierto .tk-dia__cab{min-height:160px}
.tk-dias--a .tk-dia.is-abierto .tk-dia__rotulo{padding-block:var(--space-8) var(--space-6)}
}
/* Día 1: foto a todo el ancho dentro del resumen (después de los números grandes), con el pie en la columna del contenedor. */
.tk-dia__foto-ancha{margin:0}
.tk-dia__foto-ancha>.tk-hueco{width:100%}
.tk-dia__foto-ancha .tk-pie{margin-top:var(--space-2)}
/* Destacado enlazado (definitivo desde el sistema 162; propuesto en el 160): una frase de redacción en grande, en el estilo de las cifras (Big Shoulders, mayúsculas), en tinta,
   con el subrayado de enlace en cian y la flecha; al pasar el ratón, el subrayado engorda. Para llevar a otra publicación desde la landing. */
.tk-destacado-enlace{display:block;font-family:var(--font-display);font-weight:900;font-size:30px;line-height:1.02;text-transform:uppercase;text-wrap:balance;color:var(--ink);text-decoration:none}
.tk-destacado-enlace__txt{text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:3px;text-underline-offset:5px}
.tk-destacado-enlace__flecha{color:var(--cyan)}
.tk-destacado-enlace:hover .tk-destacado-enlace__txt{text-decoration-thickness:5px}
.tk-destacado-enlace:focus-visible{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:var(--foco-separacion)}
/* Cifra enlazada (v432): CifraClave grande que lleva a su publicación; el texto, con subrayado cian y flecha. */
a.tk-cifra-enlace{color:var(--ink);text-decoration:none}
.tk-cifra-enlace__txt{text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:2px;text-underline-offset:5px}
.tk-cifra-enlace__flecha{color:var(--cyan)}
a.tk-cifra-enlace:hover .tk-cifra-enlace__txt{text-decoration-thickness:4px}
a.tk-cifra-enlace:focus-visible{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:var(--foco-separacion)}
@container tk (min-width: 720px){.tk-destacado-enlace{font-size:48px}.tk-destacado-enlace__txt{text-decoration-thickness:4px;text-underline-offset:7px}.tk-destacado-enlace:hover .tk-destacado-enlace__txt{text-decoration-thickness:6px}}
/* Editorial destacado (definitivo desde el sistema 162; propuesto en el 160): tarjeta invertida (fondo ink, texto ground), como la cápsula «Editorial». Desde «después de la serie»,
   después del resumen y antes de las barras de los días. Portada 3:2 y texto: apilados hasta 1.023 px; desde 1.024, portada a la izquierda (5:7).
   Toda la tarjeta enlaza; al pasar el ratón, el titular se subraya. */
.tk-editorial{padding-block:var(--space-10) var(--space-12)}
.tk-editorial__tarjeta{display:grid;grid-template-columns:minmax(0,1fr);background:var(--ink);color:var(--ground);text-decoration:none;border-radius:var(--radius-maldita);overflow:hidden}
.tk-editorial__img{width:100%;aspect-ratio:3/2;border:0;border-radius:0}
.tk-editorial__txt{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-5) var(--space-8)}
.tk-editorial .tk-capsula--editorial{background:var(--ground);border-color:var(--ground);color:var(--ink)}
.tk-editorial__tit{display:block;font-family:var(--font-display);font-weight:900;font-size:34px;line-height:1;text-transform:uppercase;text-wrap:balance;color:var(--ground)}
.tk-editorial__ent{display:block;font-family:var(--font-serif);font-size:19px;line-height:1.5;color:#2b2b30}
.tk-editorial__leer{font-family:var(--font-ui);font-weight:600;font-size:16px;line-height:1.4;color:var(--ground);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.tk-editorial__tarjeta:hover .tk-editorial__tit{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:6px}
.tk-editorial__tarjeta:focus-visible{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:var(--foco-separacion)}
@container tk (min-width: 1024px){
.tk-editorial{padding-block:var(--space-16)}
.tk-editorial__tarjeta{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}
.tk-editorial__img{height:100%;aspect-ratio:3/2}
.tk-editorial__txt{gap:var(--space-5);padding:var(--space-10) var(--space-12)}
.tk-editorial__tit{font-size:56px}
.tk-editorial__ent{font-size:22px}
}

/* ===== Sistema 164 · Landing: textura de los días en imagen y «Las claves» en tarjetas (lienzo 436) =====
   Textura de los días: una imagen, la misma para los cinco (assets/Textura-dias): textura-dia-escritorio-2880x320 desde 720 px y
   textura-dia-movil-1080x360 por debajo, en WebP con JPG de respaldo; cover, anclada a la derecha. Decorativa: fondo en CSS, sin alt
   y sin .tk-ev («Ocultar imágenes» no la oculta). El cian y el magenta van en la imagen (excepción de la regla, en el README de BloqueDia).
   Abierta, entera; plegados (publicados), a la mitad de opacidad; con candado y en el resumen, sin textura. */
.tk-dias--a{--tk-tex-movil:url("https://files.maldita.es/uploads/tiktok-hogar-pederasta/textura-dia-movil-1080x360-6aea7335924eb.jpg");--tk-tex-movil-set:image-set(url("https://files.maldita.es/uploads/tiktok-hogar-pederasta/textura-dia-movil-1080x360-6aea733689c10.webp") type("image/webp"),url("https://files.maldita.es/uploads/tiktok-hogar-pederasta/textura-dia-movil-1080x360-6aea7335924eb.jpg") type("image/jpeg"));
 --tk-tex-esc:url("https://files.maldita.es/uploads/tiktok-hogar-pederasta/textura-dia-escritorio-2880x320-6aea73338fa3a.jpg");--tk-tex-esc-set:image-set(url("https://files.maldita.es/uploads/tiktok-hogar-pederasta/textura-dia-escritorio-2880x320-6aea733480092.webp") type("image/webp"),url("https://files.maldita.es/uploads/tiktok-hogar-pederasta/textura-dia-escritorio-2880x320-6aea73338fa3a.jpg") type("image/jpeg"))}
.tk-dias--a .tk-dia__cab::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--tk-tex-movil);background-image:var(--tk-tex-movil-set);background-size:cover;background-position:right center;background-repeat:no-repeat;opacity:.5}
.tk-dias--a .tk-dia.is-abierto .tk-dia__cab::before{opacity:1}
.tk-dias--a .tk-dia.is-futuro .tk-dia__cab::before,.tk-dias--a .tk-dia--resumen .tk-dia__cab::before{content:none}
.tk-dias--a .tk-dia__rotulo{position:relative;z-index:1}
@container tk (min-width: 720px){.tk-dias--a .tk-dia__cab::before{background-image:var(--tk-tex-esc);background-image:var(--tk-tex-esc-set)}}
@media (forced-colors: active){.tk-dias--a .tk-dia__cab::before{content:none}}
/* Día 1: la frase junto a «No están escondidas. Son evidentes.», a tamaño de entradilla, en ink, con el marcador magenta (strong). */
.tk-entradilla--tinta{color:var(--ink)}
/* «Las claves» / «Key points» en tarjetas (landing: días y resumen final). Cada clave, su tarjeta: fondo surface, filete line y la
   textura de los días muy suave; número grande en Big Shoulders 900 y magenta (1, 2, 3), como los de los días; texto en ink, un paso más
   grande que el relato (22 px; 24 desde 720). Desde 720 px, todas en una fila; por debajo, una debajo de otra. */
.tk-claves--tarjetas{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);margin:0;padding:0;list-style:none}
.tk-claves--tarjetas>.tk-clave{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-maldita);overflow:hidden}
.tk-claves--tarjetas>.tk-clave::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("https://files.maldita.es/uploads/tiktok-hogar-pederasta/textura-dia-movil-1080x360-6aea7335924eb.jpg");background-image:image-set(url("https://files.maldita.es/uploads/tiktok-hogar-pederasta/textura-dia-movil-1080x360-6aea733689c10.webp") type("image/webp"),url("https://files.maldita.es/uploads/tiktok-hogar-pederasta/textura-dia-movil-1080x360-6aea7335924eb.jpg") type("image/jpeg"));background-size:cover;background-position:right center;opacity:.35}
.tk-clave>*{position:relative}
.tk-clave__n{font-family:var(--font-display);font-weight:900;font-size:56px;line-height:.8;color:var(--magenta)}
.tk-clave__txt{font-family:var(--font-serif);font-size:22px;line-height:1.4;color:var(--ink)}
@container tk (min-width: 720px){
.tk-claves--tarjetas{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;gap:var(--space-6)}
.tk-claves--tarjetas>.tk-clave{padding:var(--space-6) var(--space-6) var(--space-8)}
.tk-clave__n{font-size:88px}
.tk-clave__txt{font-size:24px}
}
@media (forced-colors: active){.tk-claves--tarjetas>.tk-clave::before{content:none}}
/* Más aire entre «Las claves» y «Seguir leyendo», con un filete line-strong entre los dos. */
.tk-dia__claves+.tk-dia__mas-in{margin-top:var(--space-4);padding-top:var(--space-12);border-top:1px solid var(--line-strong)}
.tk-dia__claves+.tk-dia__mas-in .tk-dia__mas{border-top:0;padding-top:0}
@container tk (min-width: 720px){.tk-dia__claves+.tk-dia__mas-in{margin-top:var(--space-6);padding-top:var(--space-16)}}

/* ===== Sistema 168 · «Las claves» más pequeñas (lienzo 441) =====
   Número a la mitad, más o menos (40 px; 48 desde 720), texto un paso más pequeño (18 px; 20 desde 720), menos relleno y cada tarjeta
   con la altura de su texto (sin hueco debajo: align-items:start en la fila). */
.tk-claves--tarjetas{align-items:start}
.tk-claves--tarjetas>.tk-clave{gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-5)}
.tk-clave__n{font-size:40px}
.tk-clave__txt{font-size:18px;line-height:1.45}
@container tk (min-width: 720px){
.tk-claves--tarjetas>.tk-clave{padding:var(--space-5) var(--space-5) var(--space-6)}
.tk-clave__n{font-size:48px}
.tk-clave__txt{font-size:20px}
}

/* ===== Sistema 170 · Landing: escala más pequeña (lienzo 442) =====
   Solo en la landing (.tk-landing, en la raíz de Main). No cambian la hero (titular e ilustración), la barra, el faldón ni las publicaciones.
   Escala de la landing desde el 170 (1.440 / 360):
   - Portadilla del día abierto: número y nombre a 40 / 28 px; alto 112 / 88 px. Barras plegadas, en proporción: número 28 / 22, nombre 22 / 16,
     alto 48 / 44 px (antes, 64 / 56; no baja de 44, el mínimo para tocar con el dedo).
   - Títulos de bloque (.tk-seccion: «Las claves», «Impacto», «Cómo lo hemos investigado»…): 40 / 36 (antes, 48 / 48).
   - «No están escondidas. Son evidentes.» (.tk-cifra): 64 / 48 (antes, 88 / 64). Destacado enlazado: 40 / 26 (antes, 48 / 30).
   - Cifras grandes (.tk-cifra-relato: 1.000, 48 millones, 7.700): 112 / 56 (antes, 148 / 64).
   - Texto inicial y párrafos del resumen (.tk-relato): 18 / 18 (antes, 20); entradilla: 22 / 18 (antes, 26 / 20).
   - Tira de publicaciones: titulares 20 / 16 (antes, 24 / 18); «Seguir leyendo»: 18 / 17 (antes, 20 / 20).
   - «Las claves»: número 40 / 32, texto 18 / 17. Editorial destacado: titular 44 / 28, entradilla 20 / 18. */
.tk-landing .tk-seccion{font-size:36px}
.tk-landing .tk-cifra{font-size:48px}
.tk-landing .tk-destacado-enlace{font-size:26px}
.tk-landing .tk-cifra-relato{font-size:56px}
.tk-landing .tk-relato{font-size:18px;line-height:28px}
.tk-landing .tk-entradilla{font-size:18px;line-height:28px}
.tk-landing .tk-dia__tarjeta-tit{font-size:16px}
.tk-landing .tk-dia__mas-tit{font-size:17px}
.tk-landing .tk-clave__n{font-size:32px}
.tk-landing .tk-clave__txt{font-size:17px}
.tk-landing .tk-editorial__tit{font-size:28px}
.tk-landing .tk-editorial__ent{font-size:18px}
.tk-landing .tk-dias--a .tk-dia.is-abierto .tk-dia__num,.tk-landing .tk-dias--a .tk-dia.is-abierto .tk-dia__nombre,.tk-landing .tk-dias--a .tk-dia.is-abierto .tk-dia__nombre--largo{font-size:28px}
.tk-landing .tk-dias--a .tk-dia.is-abierto .tk-dia__cab{min-height:88px}
.tk-landing .tk-dias--a .tk-dia.is-abierto .tk-dia__rotulo{padding-block:var(--space-4)}
.tk-landing .tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__num{font-size:22px}
.tk-landing .tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__nombre,.tk-landing .tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__nombre--largo{font-size:16px}
.tk-landing .tk-dias--a .tk-dia--resumen .tk-dia__nombre{font-size:28px}
.tk-landing .tk-dias--a{--tk-barra:44px;--tk-barra-num:36px}
@container tk (min-width: 720px){
.tk-landing .tk-dias--a{--tk-barra:48px;--tk-barra-num:48px}
.tk-landing .tk-seccion{font-size:40px}
.tk-landing .tk-cifra{font-size:64px}
.tk-landing .tk-destacado-enlace{font-size:40px}
.tk-landing .tk-cifra-relato{font-size:112px}
.tk-landing .tk-entradilla{font-size:22px;line-height:1.45}
.tk-landing .tk-dia__tarjeta-tit{font-size:20px}
.tk-landing .tk-dia__mas-tit{font-size:18px}
.tk-landing .tk-clave__n{font-size:40px}
.tk-landing .tk-clave__txt{font-size:18px}
.tk-landing .tk-editorial__tit{font-size:44px}
.tk-landing .tk-editorial__ent{font-size:20px}
.tk-landing .tk-dias--a .tk-dia.is-abierto .tk-dia__num,.tk-landing .tk-dias--a .tk-dia.is-abierto .tk-dia__nombre,.tk-landing .tk-dias--a .tk-dia.is-abierto .tk-dia__nombre--largo{font-size:40px}
.tk-landing .tk-dias--a .tk-dia.is-abierto .tk-dia__cab{min-height:112px}
.tk-landing .tk-dias--a .tk-dia.is-abierto .tk-dia__rotulo{padding-block:var(--space-5)}
.tk-landing .tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__num{font-size:28px}
.tk-landing .tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__nombre,.tk-landing .tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__nombre--largo{font-size:22px}
.tk-landing .tk-dias--a .tk-dia--resumen .tk-dia__nombre{font-size:40px}
}
/* Sistema 170 · Barras de los días plegados, sin textura: fondo surface liso y el mismo filete que las de candado; número magenta y nombre
   ink. La textura queda solo para la portadilla del día abierto (y, muy suave, para las tarjetas de «Las claves»). */
.tk-dias--a .tk-dia:not(.is-abierto) .tk-dia__cab::before{content:none}

/* ===== Sistema 171 · Portadilla del día abierto: el número en la misma columna que el de las barras (lienzo 443) =====
   Misma columna (--tk-barra-num), mismo filete vertical line-strong a toda la altura de la portadilla y el mismo hueco hasta el nombre que en
   las barras: el 1, 2, 3, 4 y 5 quedan en la misma vertical, abierto o plegado. El número, a su tamaño (40 / 28 px); el nombre, centrado en vertical. */
.tk-landing .tk-dias--a .tk-dia.is-abierto:not(.tk-dia--resumen) .tk-dia__rotulo{padding-block:0}
.tk-landing .tk-dias--a .tk-dia.is-abierto:not(.tk-dia--resumen) .tk-dia__boton{align-items:stretch;gap:0;min-height:88px}
.tk-landing .tk-dias--a .tk-dia.is-abierto:not(.tk-dia--resumen) .tk-dia__num{display:flex;align-items:center;justify-content:flex-start;flex:0 0 var(--tk-barra-num);margin-right:var(--space-3);border-right:1px solid var(--line-strong);line-height:1}
.tk-landing .tk-dias--a .tk-dia.is-abierto:not(.tk-dia--resumen) .tk-dia__nombre{align-self:center;padding-block:var(--space-3)}
.tk-landing .tk-dias--a .tk-dia.is-abierto:not(.tk-dia--resumen) .tk-dia__boton>.tk-dia__chev{align-self:center}
@container tk (min-width: 720px){
.tk-landing .tk-dias--a .tk-dia.is-abierto:not(.tk-dia--resumen) .tk-dia__boton{min-height:112px}
.tk-landing .tk-dias--a .tk-dia.is-abierto:not(.tk-dia--resumen) .tk-dia__num{margin-right:var(--space-5)}
}

/* ===== Sistema 174 · Landing: días con candado desplegables, todos plegados al cargar y «Hoy» en el día en curso (lienzo 450) ===== */
/* Barra con candado: igual (atenuada, candado y «Se publica el…»), ahora con chevron; se despliega y se pliega como las publicadas. */
.tk-dias--a .tk-dia__boton--futuro{cursor:pointer}
.tk-dias--a .tk-dia__boton--futuro::after{content:""}
.tk-dia__boton[aria-expanded="true"]>.tk-dia__chev{transform:rotate(180deg)}
.tk-dias--a .tk-dia.is-futuro .tk-dia__cab:hover{background:var(--actual-fondo)}
/* Desplegado: solo la tira, sin portadilla, resumen, «Las claves» ni «Seguir leyendo». Tarjetas sin enlace (aria-disabled), portada muy
   difuminada con un candado encima, centrado; titular y cápsula, legibles. «Ocultar imágenes» las oculta como las demás. */
.tk-dia__cuerpo--futuro{border-top:1px solid var(--line)}
.tk-dia__tarjeta--bloq{cursor:default}
.tk-dia__tarjeta--bloq:hover .tk-dia__tarjeta-tit,.tk-dia__tarjeta--bloq.is-hover .tk-dia__tarjeta-tit{text-decoration:none}
.tk-dia__tarjeta--bloq .tk-dia__tarjeta-tit{color:var(--ink)}
.tk-dia__bloq-img{position:relative;display:block;overflow:hidden;aspect-ratio:3/2}
.tk-dia__bloq-img>.tk-dia__tarjeta-img{width:100%;height:100%}
.tk-dia__tarjeta-img--borrosa{filter:blur(12px);transform:scale(1.12)}
.tk-dia__bloq-candado{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.tk-dia__bloq-candado .tk-candado{box-sizing:content-box;width:28px;height:28px;padding:12px;color:var(--ink);background:rgba(10,10,11,.72);border-radius:50%}
.tk-img-off .tk-dia__tarjeta-img--borrosa{filter:none;transform:none}
@media (prefers-reduced-motion: reduce){.tk-dia__boton>.tk-dia__chev{transition:none}}
/* Día en curso: en su barra plegada, la etiqueta «Hoy» / «Today» junto al nombre,
   borde y texto en ink (desde el sistema 176; antes, borde magenta: el magenta no va en etiquetas ni cápsulas). Archivo 13 px semibold. Después de la serie, ningún día lleva la marca.
   Sistema 182: la barra plegada del día en curso va lisa, como las demás (de la 174 a la 181, con la textura al 35 %); la textura, solo en la portadilla del día abierto. */
.tk-dia__hoy{flex:0 0 auto;align-self:center;margin-right:var(--space-3);padding:1px 8px;border:1px solid var(--ink);border-radius:var(--radius-maldita-control);font-family:var(--font-ui);font-weight:600;font-size:13px;line-height:1.5;letter-spacing:.02em;text-transform:none;color:var(--ink)}
.tk-dias--a .tk-dia.is-abierto .tk-dia__hoy{margin-left:var(--space-3)}
/* Sistema 174 · Texto alternativo: sin la línea «Texto alternativo: [pendiente]» en los huecos (cada imagen usa su pie, o alt vacío si va al lado). */
.tk-pendiente__alt{display:none}

/* ===== Sistema 178 · Metodología de la landing, definitiva (lienzo 455) =====
   «¿Cómo hicimos la investigación?» / «How we carried out the investigation». Texto de cuerpo (Newsreader) en la columna de lectura;
   intertítulos pequeños por apartado (Archivo 16 px semibold, ink), subgrupos de categorías (Archivo 14 px semibold, ink-muted) y listas.
   En las listas de definiciones (categorías 1A, 1B…, niveles de gravedad, usos de la IA), el código y el nombre en negrita, sin marcador. */
.tk-metodo-l>div>*{margin:0}
.tk-metodo-l>div>*+*{margin-top:var(--space-4)}
.tk-metodo-l .tk-metodo-l__h{margin-top:var(--space-8);font-family:var(--font-ui);font-weight:600;font-size:16px;line-height:1.35;letter-spacing:.01em;color:var(--ink);text-transform:none}
.tk-metodo-l .tk-metodo-l__grupo{margin-top:var(--space-6);font-family:var(--font-ui);font-weight:600;font-size:14px;line-height:1.4;letter-spacing:.02em;color:var(--ink-muted)}
.tk-metodo-l__marca{margin:0}
.tk-metodo-l__lista{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:var(--space-3)}
.tk-metodo-l__lista>li{padding-left:.2em}
.tk-metodo-l strong{font-weight:600;color:var(--ink);background:none;padding:0}

/* ===== Sistema 179 · Metodología de la landing: plegada por defecto y más jerarquía (lienzo 459) =====
   Desplegable como «Un mensaje de la redacción» (.tk-mensaje.tk-mensaje--metodo): barra con el título y el chevron; se abre al pulsarla,
   desde «Metodología» de la barra o con #metodo. Dentro, el texto corrido en ink. */
.tk-metodo-l,.tk-metodo-l p,.tk-metodo-l li{color:var(--ink)}
/* Subtítulos de apartado: Big Shoulders 900 en mayúsculas, ink, 20 / 24 px, 40 px de aire arriba y filete fino encima. */
.tk-metodo-l .tk-metodo-l__h{margin-top:var(--space-10);padding-top:var(--space-4);border-top:1px solid var(--line-strong);font-family:var(--font-display);font-weight:900;font-size:20px;line-height:1.05;letter-spacing:0;text-transform:uppercase;color:var(--ink)}
/* Grupos («Categoría 1»…): propuesta, rótulo en Archivo 14 px semibold, mayúsculas con CSS, ink, con filete fino debajo (el cian queda para enlaces). */
.tk-metodo-l .tk-metodo-l__grupo{margin-top:var(--space-6);padding-bottom:var(--space-2);border-bottom:1px solid var(--line-strong);font-family:var(--font-ui);font-weight:600;font-size:14px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
/* Categorías: un bloque por categoría, código grande en magenta (Big Shoulders 900, 28 px), nombre en negrita blanca y descripción debajo; filete fino entre ellas, sin viñeta. */
.tk-metodo-l .tk-metodo-l__cats{display:flex;flex-direction:column;margin-top:0}
.tk-metodo-l__cat{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--space-3);padding-block:var(--space-4)}
.tk-metodo-l__cat+.tk-metodo-l__cat{border-top:1px solid var(--line)}
.tk-metodo-l__cod{font-family:var(--font-display);font-weight:900;font-size:28px;line-height:.9;color:var(--magenta)}
.tk-metodo-l__cat-txt{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.tk-metodo-l .tk-metodo-l__nom{margin:0;font-weight:600;color:var(--ink)}
.tk-metodo-l .tk-metodo-l__des{margin:0}
/* Niveles de gravedad y usos de la IA (v179): sin uso desde el sistema 180, que los vuelve a poner como lista con viñeta (.tk-metodo-l__lista), el término en negrita y la descripción en la misma línea. */
.tk-metodo-l .tk-metodo-l__defs{margin-top:var(--space-2);padding:0;list-style:none}
.tk-metodo-l__defs>li{padding-block:var(--space-3)}
.tk-metodo-l__defs>li+li{border-top:1px solid var(--line)}
@container tk (min-width: 720px){
.tk-metodo-l .tk-metodo-l__h{font-size:24px}
.tk-metodo-l__cat{grid-template-columns:52px minmax(0,1fr);gap:var(--space-4)}
}
.tk-mensaje--metodo .tk-mensaje__dentro>.tk-metodo-l{padding-bottom:var(--space-6)}
.tk-mensaje--metodo .tk-metodo-l{max-width:var(--ancho-lectura)}
/* Sistema 182 · Editorial destacado al ancho de «Un mensaje de la redacción» y de la Metodología: va en .tk-medio (ancho-medio, 1.080 px con su margen), no en .tk-contenedor (1.280), así la tarjeta y los dos desplegables quedan alineados a 1.440; a 360 ya coincidían. Forma de Maldita en la tarjeta (radius-maldita: esquina inferior derecha recta), como en el resto del sistema. */
.tk-editorial>.tk-medio{margin-inline:auto}
/* Sistema 184 · Dato en recuadro (propuesta, día 2 de la landing): un párrafo que tiene que leerse aparte del relato, sin enlazar a ninguna pieza
   (el del informe interno de TikTok de 2022). En la columna de lectura, recuadro con fondo surface, filete line-strong y la forma de Maldita, como
   las tarjetas de «Las claves» pero sin textura; el texto a tamaño de entradilla, en ink. Las negritas, con el marcador de destacado del relato;
   los enlaces de dentro, con .tk-enlace (cian). Sin colores de acento en el recuadro: el cian y el magenta no decoran. */
.tk-dato{box-sizing:border-box;padding:var(--space-6) var(--space-5);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-maldita)}
@container tk (min-width: 720px){.tk-dato{padding:var(--space-8) var(--space-10)}}
@media (forced-colors: active){.tk-dato{border-color:CanvasText}}
/* Sistema 189 · SecuenciaImagenes, último paso sin imagen nueva (.tk-sec--fin, en la 1.3: el 7.º paso mantiene ESPAÑOL 6). Con la tarjeta sobre la imagen
   (móvil, .tk-sec--sobre), la tarjeta de ese paso es más alta y tapaba a medias el pie: el pie se oculta en ese paso (con el mismo fundido que al
   cambiar de imagen) y vuelve al subir. El pie nunca queda a medias: o entero a la vista o oculto. A dos columnas no cambia. */
.tk-sec--sobre.tk-sec--fin .tk-sec__img.is-activa>figcaption,.tk-sec--sobre.tk-sec--fin .tk-sec__img.is-activa>sc-if>figcaption,.tk-sec--sobre.tk-sec--fin .tk-sec__pies>.tk-sec__pie.is-activa{opacity:0;visibility:hidden;transition:none}
.tk-sec--sobre .tk-sec__img>figcaption,.tk-sec--sobre .tk-sec__img>sc-if>figcaption{transition:opacity var(--duracion-control) ease}
@media (prefers-reduced-motion: reduce){.tk-sec--sobre .tk-sec__img>figcaption,.tk-sec--sobre.tk-sec--fin .tk-sec__img.is-activa>figcaption{transition:none}}
/* Sistema 191 · SecuenciaImagenes en móvil (.tk-sec--sobre): el pie se ve entero o no se ve. Cuando una tarjeta lo pisa, aunque sea una línea, el script
   le pone data-tapado y se oculta al instante (sin fundido, para que no se vea cortado ni un momento); vuelve con el fundido de siempre cuando la tarjeta lo deja libre. Generaliza la regla del último paso (.tk-sec--fin). */
.tk-sec--sobre .tk-sec__img>figcaption[data-tapado],.tk-sec--sobre .tk-sec__img>sc-if>figcaption[data-tapado]{opacity:0;visibility:hidden;transition:none}
@media (prefers-reduced-motion: reduce){.tk-sec--sobre .tk-sec__img>figcaption[data-tapado]{transition:none}}
/* Sistema 192 · Texto inicial de la landing (.tk-intro, propuesta C de «Pruebas · intro landing», elegida). Debajo de la cabecera y antes de los días, en ES y EN.
   Newsreader 20 / 32 px desde 720 (18 / 29 por debajo), en ink, 540 px de ancho de línea (27em), con filete vertical magenta de 3 px a la izquierda
   (28 px hasta el texto; 20 por debajo de 720) y 40 px de aire arriba y abajo (en .tk-lectura con .tk-pt-10 y .tk-pb-10).
   EXCEPCIÓN ÚNICA a dos reglas del sistema («magenta solo para destacados y números de día» y «sin barras laterales»): solo en este bloque.
   No se reutiliza en ningún otro componente. Contraste: texto 16,6:1; filete magenta 5,4:1 sobre ground. */
.tk-intro{border-left:3px solid var(--magenta);padding-left:20px}
.tk-intro__txt{margin:0;max-width:27em;font-family:var(--font-serif);font-size:18px;line-height:1.6;color:var(--ink)}
@container tk (min-width: 720px){.tk-intro{padding-left:28px}.tk-intro__txt{font-size:20px;line-height:1.6}}
@media (forced-colors: active){.tk-intro{border-left-color:CanvasText}}

/* Sistema 196 · «Menú» de las publicaciones: accesos a las secciones de la landing al final, tras el último día y un filete; mismo estilo de entrada que las publicaciones, sin candado ni fecha. */
.tk-nav__landing{list-style:none;border-top:1px solid var(--line-strong);margin:var(--space-2) 0 0;padding:var(--space-1) 0 0}
.tk-nav__landing-lista{margin:0;padding:0;list-style:none}
/* Sistema 196 · Foco de las barras de los días en «Menú»: por fuera, sin tapar el número. La lista deja 8 px a cada lado para que el anillo no se recorte. */
.tk-nav--bloques .tk-nav__lista{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px;flex-basis:calc(100% + 16px)}
.tk-raiz .tk-nav--bloques .tk-nav__lista .tk-nav__plegado:focus-visible,.tk-nav--bloques .tk-nav__lista .tk-nav__plegado.is-focus{outline-offset:3px}
/* Sistema 198 · BloqueDia desplegado: raíl, panel y barra de cierre. Mensaje, Metodología e Impacto, filas de la misma lista.
   El raíl es el filete que separa el número del título en la barra (line-strong), prolongado por todo el contenido desplegado. */
.tk-dias--a{--tk-rail:calc(var(--tk-dia-pad) + var(--tk-barra-num))}
.tk-dias--a .tk-dia:not(.tk-dia--resumen)>.tk-dia__cuerpo{position:relative;background:var(--surface)}
.tk-dias--a .tk-dia:not(.tk-dia--resumen)>.tk-dia__cuerpo::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--tk-rail) - 1px);border-left:1px solid var(--line-strong);pointer-events:none;z-index:1}
.tk-dias--a .tk-dia__panel{padding-left:var(--tk-rail);padding-right:max(0px,calc(var(--tk-dia-pad) - 16px))}
.tk-dia__plegar{box-sizing:border-box;position:relative;z-index:2;display:flex;align-items:stretch;width:100%;min-height:var(--tk-barra);margin:0;padding:0 var(--tk-dia-pad);background:var(--surface);border:0;border-top:1px solid var(--line-strong);color:var(--ink);font-family:var(--font-ui);font-weight:600;font-size:15px;line-height:1.3;text-align:left;cursor:pointer}
.tk-dia__plegar-col{flex:0 0 var(--tk-barra-num);margin-right:var(--space-3);border-right:1px solid var(--line-strong)}
.tk-dia__plegar-txt{align-self:center;padding-block:var(--space-2)}
.tk-dia__plegar-chev{box-sizing:border-box;flex:0 0 auto;width:36px;height:36px;padding:8px;margin-left:auto;align-self:center;border:1px solid var(--line-strong);color:var(--cyan)}
.tk-dia__plegar:hover{background:var(--actual-fondo)}
.tk-dia__plegar:hover .tk-dia__plegar-txt{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--cyan)}
.tk-dia__plegar:focus-visible{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:calc(-1 * var(--foco-grosor))}
@container tk (min-width: 720px){.tk-dia__plegar{font-size:17px}.tk-dia__plegar-col{margin-right:var(--space-5)}.tk-dia__plegar-chev{width:40px;height:40px;padding:9px}}
/* Filas de Impacto, Mensaje y Metodología: misma rejilla y filetes que los días; icono de línea en ink en lugar del número, título en Archivo, sin textura. */
.tk-dias--a .tk-dia--extra .tk-dia__cab::before{content:none}
.tk-dias--a .tk-dia--extra .tk-dia__num--icono{color:var(--ink)}
.tk-dias--a .tk-dia--extra .tk-dia__icono{width:22px;height:22px;flex:0 0 auto}
.tk-landing .tk-dias--a .tk-dia.tk-dia--extra .tk-dia__nombre.tk-dia__nombre--extra,.tk-dias--a .tk-dia.tk-dia--extra .tk-dia__nombre.tk-dia__nombre--extra{font-family:var(--font-ui);font-weight:600;font-size:15px;line-height:1.3;text-transform:none;letter-spacing:0}
.tk-landing .tk-dias--a .tk-dia--extra.is-abierto .tk-dia__num{font-size:inherit}
.tk-landing .tk-dias--a .tk-dia--extra.is-abierto .tk-dia__cab{min-height:0}
.tk-landing .tk-dias--a .tk-dia--extra.is-abierto .tk-dia__boton{min-height:var(--tk-barra)}
.tk-dias--a .tk-dia--extra.is-abierto .tk-dia__cab{background:var(--surface);border-top:1px solid var(--line-strong)}
@container tk (min-width: 720px){.tk-dias--a .tk-dia--extra .tk-dia__icono{width:26px;height:26px}.tk-landing .tk-dias--a .tk-dia.tk-dia--extra .tk-dia__nombre.tk-dia__nombre--extra,.tk-dias--a .tk-dia.tk-dia--extra .tk-dia__nombre.tk-dia__nombre--extra{font-size:18px}}
/* El Editorial va dentro de la lista, entre el día 5 y estas filas: con aire arriba y abajo. */
.tk-dias--a>.tk-editorial,.tk-dias--a>sc-if>.tk-editorial{padding-block:var(--space-10)}
.tk-landing .tk-dias--a .tk-dia.tk-dia--extra.is-abierto:not(.tk-dia--resumen) .tk-dia__boton{min-height:var(--tk-barra)}
.tk-landing .tk-dias--a .tk-dia.tk-dia--extra.is-abierto:not(.tk-dia--resumen) .tk-dia__nombre{padding-block:var(--space-2)}
/* Impacto dentro de su fila: sobre el panel surface, sin su banda propia ni su filete de arriba. */
.tk-dias--a .tk-dia--extra .ixc{background:none;border-top:0}
.tk-dias--a .tk-dia--extra .ixg__in{padding-block:var(--space-8) var(--space-10)}
/* Sistema 200 · Barra de cierre sin texto: solo el chevron hacia arriba en su caja, a la derecha; el nombre («Plegar el día 1»…) va en aria-label. */
.tk-dia__plegar:hover{background:var(--surface)}
.tk-dia__plegar:hover .tk-dia__plegar-chev{background:var(--actual-fondo);border-color:var(--ink-subtle)}
/* Sistema 200 · Cápsulas de la tira de los días: nunca se parten. En tarjetas estrechas (2 columnas a 360 px), un paso menos; muy estrechas, sin el icono. */
.tk-dia__tarjeta{container-type:inline-size}
.tk-dia__tarjeta .tk-capsula{white-space:nowrap;max-width:none}
@container (max-width: 170px){.tk-dia__tarjeta .tk-capsula{font-size:12px;letter-spacing:0;padding:1px 6px;gap:4px}.tk-dia__tarjeta .tk-capsula svg{width:12px;height:12px}}
@container (max-width: 131px){.tk-dia__tarjeta .tk-capsula svg{display:none}}
@container (max-width: 120px){.tk-dia__tarjeta .tk-capsula{font-size:11px;padding:1px 5px}}
/* Sistema 202 · Tira de los días: cuatro columnas solo con cuatro piezas; con cinco (días 3 y 5), tres y dos. Por debajo de 720 px, dos columnas, como siempre. */
@container tk (min-width: 720px){.tk-dia__tira:has(>li:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Maldita CMS: se conserva .tk-dia__hoy del bundle anterior (el nuevo bundle la quitó pero el HTML la sigue usando). */
.tk-dia__hoy{flex:0 0 auto;align-self:center;margin-right:var(--space-3);padding:1px 8px;border:1px solid var(--ink);border-radius:var(--radius-maldita-control);font-family:var(--font-ui);font-weight:600;font-size:13px;line-height:1.5;letter-spacing:.02em;text-transform:none;color:var(--ink)}