/* Archivos Mice · MICE FILES
   Archivo clasificado de noche: fondo casi negro, papel, ámbar y sello rojo.
   Público mayor y mucho televisor: letra grande, contraste alto, botones enormes, nada se mueve solo. */
@font-face { font-family: "Montserrat"; font-weight: 800; font-display: swap; src: url(/fuentes/montserrat-800.woff2) format("woff2"); }
@font-face { font-family: "Courier Prime"; font-weight: 400; font-display: swap; src: url(/fuentes/courier-prime-400.woff2) format("woff2"); }
@font-face { font-family: "Courier Prime"; font-weight: 700; font-display: swap; src: url(/fuentes/courier-prime-700.woff2) format("woff2"); }

:root {
  --fondo: #0b0c10; --panel: #14161c; --panel2: #1c1f27; --borde: #2c303b;
  --texto: #f4f2ec; --suave: #bfc2cb; --tenue: #8d919c;
  --ambar: #f2b33d; --ambar-osc: #c98a12; --rojo: #ff6b4a; --verde: #86dba0; --papel: #f3eee2; --tinta: #1d1b17;
  --yt: #ff0033;
  --display: "Montserrat", "Arial Black", system-ui, sans-serif;
  --maquina: "Courier Prime", "Courier New", monospace;
  --radio: 14px;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { font-size: 125%; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 5rem; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } }
body { margin: 0; background: var(--fondo); color: var(--texto); line-height: 1.6;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
a { color: var(--ambar); text-underline-offset: .18em; text-decoration-thickness: .08em; }
a:hover { text-decoration-thickness: .14em; }
:focus-visible { outline: 3px solid var(--ambar); outline-offset: 3px; border-radius: 4px; }
img { max-width: 100%; height: auto; display: block; }
button { font: inherit; color: inherit; cursor: pointer; }
.envoltura { max-width: 72rem; margin: 0 auto; padding: 0 1rem; }
.columna { max-width: 44rem; margin: 0 auto; padding: 0 1rem; }
.saltar { position: absolute; left: -999px; } .saltar:focus { left: 1rem; top: 1rem; background: #fff; color: #000; padding: .5rem; z-index: 99; }
.oculto { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Cabecera ---------- */
.cabecera { position: sticky; top: 0; z-index: 30; background: rgba(11, 12, 16, .92); backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--borde); }
.cabecera .envoltura { display: flex; align-items: center; gap: .6rem 1rem; padding-top: .55rem; padding-bottom: .55rem; }
.marca { color: var(--texto); text-decoration: none; font-family: var(--display); font-weight: 800; font-size: 1.05rem;
  letter-spacing: .02em; margin-right: auto; display: flex; align-items: center; gap: .5rem; white-space: nowrap; flex-shrink: 0; }
.marca span { color: var(--ambar); }
.marca img { width: 1.6rem; height: 1.6rem; }
.menu { display: flex; gap: 1.1rem; font-size: .85rem; }
.menu a { color: var(--suave); text-decoration: none; } .menu a:hover { color: var(--texto); }
.idiomas { display: flex; border: 2px solid var(--ambar); border-radius: 999px; overflow: hidden; font-weight: 800; font-size: .85rem; }
.idiomas a, .idiomas strong { padding: .25rem .8rem; min-width: 2.9rem; text-align: center; text-decoration: none; }
.idiomas strong { background: var(--ambar); color: #111; }
.idiomas a { color: var(--texto); }
.boton-canal { display: inline-flex; align-items: center; gap: .35rem; background: var(--yt); color: #fff; font-weight: 800; font-size: .8rem;
  padding: .35rem .8rem; border-radius: 999px; text-decoration: none; }
@media (max-width: 900px) { .menu { display: none; } }
@media (max-width: 420px) { .boton-canal span { display: none; } }

/* ---------- Héroe con el reproductor ---------- */
.heroe { position: relative; padding: 1.4rem 0 1.8rem; overflow: hidden; isolation: isolate; }
.heroe::before { content: ""; position: absolute; inset: 0; z-index: -2; background: var(--fondo-heroe) center / cover no-repeat;
  opacity: .35; filter: saturate(.8) blur(2px); transform: scale(1.05); }
.heroe::after { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(11,12,16,.55) 0%, rgba(11,12,16,.8) 45%, var(--fondo) 100%); }
.sello { display: inline-block; font-family: var(--maquina); font-weight: 700; font-size: .78rem; letter-spacing: .14em; text-transform: uppercase;
  color: var(--ambar); border: 2px solid var(--ambar); padding: .15rem .6rem; border-radius: 4px; margin: 0 0 .8rem; }
.heroe h1 { font-family: var(--display); font-weight: 800; line-height: 1.08; margin: 0 0 1rem; font-size: clamp(1.5rem, 5.4vw + .4rem, 3.3rem);
  letter-spacing: -.01em; text-wrap: balance; }
.heroe h1 .antetitulo { display: block; font-family: var(--maquina); font-weight: 700; font-size: .85rem; letter-spacing: .08em;
  color: var(--suave); text-transform: uppercase; margin-bottom: .4rem; }
.subgancho { font-size: 1.1rem; color: var(--suave); max-width: 40rem; margin: .9rem 0 0; }
.heroe-rejilla { display: grid; gap: 1.2rem; }
.heroe-rejilla > * { min-width: 0; }
@media (min-width: 980px) { .heroe-rejilla { grid-template-columns: 1fr 22rem; align-items: start; } }

.partes { display: flex; gap: .5rem; margin: .8rem 0 0; overflow-x: auto; scrollbar-width: none; }
.partes button { flex: 1 0 auto; border: 2px solid var(--borde); background: var(--panel); border-radius: 999px; padding: .45rem 1rem;
  font-weight: 700; font-size: .85rem; white-space: nowrap; }
.partes button[aria-pressed="true"] { background: var(--ambar); border-color: var(--ambar); color: #111; }

.reproductor { position: relative; aspect-ratio: 16 / 9; background: #000; border-radius: var(--radio); overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,.6), 0 0 0 1px var(--borde); }
.reproductor .marco, .reproductor iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.portada { position: absolute; inset: 0; display: block; color: #fff; text-decoration: none; }
.portada img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease, filter .4s ease; }
.portada::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(0,0,0,.05), rgba(0,0,0,.55)); }
.portada:hover img { transform: scale(1.03); filter: brightness(1.08); }
.play { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; gap: .5rem; text-align: center; }
.play .circulo { width: clamp(4.2rem, 16vw, 6.5rem); height: clamp(4.2rem, 16vw, 6.5rem); border-radius: 50%; background: var(--ambar);
  display: grid; place-items: center; box-shadow: 0 0 0 10px rgba(242,179,61,.25), 0 10px 30px rgba(0,0,0,.5); transition: transform .2s ease; }
.play .circulo svg { width: 42%; height: 42%; margin-left: 8%; fill: #111; }
.portada:hover .circulo { transform: scale(1.08); }
.play .rotulo { font-weight: 800; font-size: clamp(.85rem, 3vw, 1.05rem); background: rgba(0,0,0,.75); padding: .3rem .8rem; border-radius: 999px; white-space: nowrap; }
@keyframes latido { 0%, 100% { box-shadow: 0 0 0 10px rgba(242,179,61,.25), 0 10px 30px rgba(0,0,0,.5); } 50% { box-shadow: 0 0 0 18px rgba(242,179,61,.08), 0 10px 30px rgba(0,0,0,.5); } }
.portada .circulo { animation: latido 2.4s ease-in-out infinite; }
.fin { margin-top: .8rem; display: grid; gap: .6rem; justify-items: start; background: var(--panel2); border: 2px solid var(--ambar); border-radius: var(--radio); padding: 1rem 1.1rem; }
.fin[hidden] { display: none; }
.fin p { margin: 0; font-family: var(--maquina); color: var(--suave); }
.fin strong { font-family: var(--display); font-size: clamp(1.1rem, 4vw, 1.5rem); }
.fin .acciones { display: flex; flex-wrap: wrap; gap: .6rem; }
.aviso-idioma { font-size: .82rem; color: var(--suave); margin: .6rem 0 0; }
.aviso-idioma::before { content: "ⓘ "; color: var(--ambar); }

details.capitulos { margin-top: .7rem; background: var(--panel); border: 1px solid var(--borde); border-radius: var(--radio); }
details.capitulos summary { cursor: pointer; padding: .7rem 1rem; font-weight: 700; list-style: none; }
details.capitulos summary::after { content: " ▾"; color: var(--ambar); }
details.capitulos[open] summary::after { content: " ▴"; }
details.capitulos ol { list-style: none; margin: 0; padding: 0 .5rem .6rem; }
.salto { display: flex; gap: .7rem; width: 100%; text-align: left; background: none; border: 0; border-radius: 8px; padding: .45rem .5rem;
  color: var(--texto); text-decoration: none; font-size: .92rem; }
.salto:hover { background: var(--panel2); }
.salto .tiempo { font-family: var(--maquina); font-weight: 700; color: var(--ambar); min-width: 3.2rem; }

/* Lateral del héroe: los casos abiertos en una lista rápida (solo escritorio ancho) */
.lateral { background: var(--panel); border: 1px solid var(--borde); border-radius: var(--radio); padding: 1rem; }
.lateral h2 { font-family: var(--maquina); font-size: .85rem; letter-spacing: .12em; text-transform: uppercase; color: var(--ambar); margin: 0 0 .6rem; }
.lateral ol { list-style: none; padding: 0; margin: 0; display: grid; gap: .3rem; }
@media (max-width: 979px) { .lateral { display: none; } }

/* ---------- Secciones ---------- */
.bloque { padding: 2.2rem 0; }
.bloque-titulo { font-family: var(--display); font-weight: 800; font-size: clamp(1.35rem, 4.2vw, 2rem); line-height: 1.15; margin: 0 0 .4rem; text-wrap: balance; }
.bloque-intro { color: var(--suave); margin: 0 0 1.2rem; max-width: 42rem; }
.etiqueta-seccion { font-family: var(--maquina); font-weight: 700; color: var(--ambar); letter-spacing: .14em; text-transform: uppercase; font-size: .78rem; margin: 0 0 .3rem; }

/* Carrusel de momentos */
.carrusel { display: grid; grid-auto-flow: column; grid-auto-columns: min(78%, 20rem); gap: .9rem; overflow-x: auto;
  scroll-snap-type: x mandatory; padding: .2rem .2rem 1rem; margin: 0 -.2rem; list-style: none; scrollbar-width: thin; scrollbar-color: var(--borde) transparent; }
.carrusel > li { scroll-snap-align: start; }
@media (min-width: 980px) { .carrusel.rejilla { grid-auto-flow: row; grid-template-columns: repeat(3, 1fr); overflow: visible; } }
.momento { position: relative; display: block; width: 100%; aspect-ratio: 16 / 10; border-radius: var(--radio); overflow: hidden; border: 0; padding: 0;
  background: var(--panel); color: #fff; text-align: left; text-decoration: none; box-shadow: 0 0 0 1px var(--borde); }
.momento img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.momento:hover img, .momento:focus-visible img { transform: scale(1.06); }
.momento::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.88) 100%); }
.momento .pie-momento { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; padding: .8rem .9rem; display: grid; gap: .3rem; }
.momento .titulo-momento { font-weight: 800; font-size: 1rem; line-height: 1.25; }
.momento .t { justify-self: start; font-family: var(--maquina); font-weight: 700; font-size: .8rem; background: var(--ambar); color: #111; padding: .05rem .5rem; border-radius: 999px; }
.momento .estado { position: absolute; z-index: 1; top: .7rem; left: .7rem; }

.estado { display: inline-block; font-family: var(--maquina); font-weight: 700; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase;
  padding: .1rem .5rem; border: 2px solid currentColor; border-radius: 4px; background: rgba(11,12,16,.75); color: var(--suave); }
.estado.sin-explicar { color: var(--rojo); }
.estado.explicado { color: var(--verde); }
.estado.conjetura { color: var(--ambar); }

/* Cifras */
.cifras { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8rem; list-style: none; padding: 0; margin: 0; }
@media (min-width: 760px) { .cifras { grid-template-columns: repeat(4, 1fr); } }
.cifras li { background: var(--panel); border: 1px solid var(--borde); border-radius: var(--radio); padding: 1rem; }
.cifras strong { display: block; font-family: var(--display); font-size: clamp(2rem, 7vw, 3rem); line-height: 1; color: var(--ambar); }
.cifras li.alerta strong { color: var(--rojo); }
.cifras span { color: var(--suave); font-size: .9rem; }

/* Casos abiertos */
.abiertos { display: grid; gap: 1.4rem; counter-reset: caso; }
.caso { position: relative; display: grid; background: var(--panel); border: 1px solid var(--borde); border-radius: var(--radio); overflow: hidden; counter-increment: caso; }
@media (min-width: 860px) { .caso { grid-template-columns: 2fr 3fr; } .caso:nth-child(even) { grid-template-columns: 3fr 2fr; } .caso:nth-child(even) .caso-foto { order: 2; } }
.caso-foto { position: relative; min-height: 13rem; }
.caso-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.caso-foto::before { content: counter(caso, decimal-leading-zero); position: absolute; z-index: 1; left: .8rem; bottom: .2rem; font-family: var(--display);
  font-size: 4rem; color: var(--ambar); text-shadow: 0 4px 20px rgba(0,0,0,.8); line-height: 1; }
.caso-foto figcaption { position: absolute; z-index: 1; right: .5rem; bottom: .5rem; font-size: .65rem; background: rgba(0,0,0,.7); color: var(--suave); padding: .1rem .4rem; border-radius: 4px; }
.caso-cuerpo { padding: 1.2rem 1.2rem 1.4rem; display: grid; gap: .7rem; align-content: start; }
.caso-cuerpo .mision { font-family: var(--maquina); font-weight: 700; color: var(--ambar); font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; margin: 0; }
.caso blockquote { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.15rem, 3.6vw, 1.45rem); line-height: 1.35; font-style: italic; }
.caso .original { font-family: var(--maquina); color: var(--suave); font-size: .85rem; margin: 0; }
.caso p { margin: 0; }
.caso .acciones { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin-top: .3rem; }
.caso .sello-rojo { justify-self: start; transform: rotate(-2deg); font-family: var(--maquina); font-weight: 700; color: var(--rojo);
  border: 3px solid var(--rojo); padding: .1rem .5rem; letter-spacing: .12em; font-size: .78rem; background: rgba(11,12,16,.8); }
.documento { display: flex; align-items: center; gap: .6rem; background: none; border: 1px dashed var(--borde); border-radius: 10px; padding: .4rem .6rem .4rem .4rem;
  color: var(--suave); font-size: .85rem; text-align: left; }
.documento img { width: 4.5rem; height: 3rem; object-fit: cover; object-position: top; border-radius: 4px; background: var(--papel); }
.documento:hover { border-color: var(--ambar); color: var(--texto); }

.boton { display: inline-flex; align-items: center; gap: .5rem; background: var(--ambar); color: #111; font-weight: 800; padding: .7rem 1.2rem;
  border-radius: 999px; text-decoration: none; border: 0; font-size: .95rem; }
.boton:hover { background: #ffc85a; }
.boton svg { width: 1em; height: 1em; fill: currentColor; }
.boton.secundario { background: transparent; color: var(--texto); box-shadow: inset 0 0 0 2px var(--borde); }
.boton.yt { background: var(--yt); color: #fff; }

/* Shorts */
.cortos { grid-auto-columns: min(42%, 11rem); }
.corto { position: relative; display: block; width: 100%; aspect-ratio: 9 / 16; border-radius: var(--radio); overflow: hidden; border: 0; padding: 0;
  background: var(--panel); color: #fff; text-align: left; text-decoration: none; box-shadow: 0 0 0 1px var(--borde); }
.corto img { width: 100%; height: 100%; object-fit: cover; }
.corto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.9) 100%); }
.corto span { position: absolute; z-index: 1; left: .6rem; right: .6rem; bottom: .6rem; font-weight: 700; font-size: .8rem; line-height: 1.25; }
.corto .mini-play { position: absolute; z-index: 1; top: .5rem; right: .5rem; width: 2rem; height: 2rem; border-radius: 50%; background: rgba(0,0,0,.6); display: grid; place-items: center; }
.corto .mini-play svg { width: 45%; fill: #fff; margin-left: 10%; }

/* Banda de suscripción */
.banda-canal { background: linear-gradient(135deg, #1a1308, #14161c 60%); border: 1px solid #3a2c12; border-radius: var(--radio); padding: 1.4rem;
  display: grid; gap: 1rem; align-items: center; }
@media (min-width: 760px) { .banda-canal { grid-template-columns: 1fr auto; } }
.banda-canal p { margin: 0; color: var(--suave); }
.banda-canal .redes { display: flex; flex-wrap: wrap; gap: .6rem; }

/* Anuncios (vacío hasta que AdSense apruebe) */
.anuncio { margin: 1.5rem auto; max-width: 72rem; padding: 0 1rem; text-align: center; }
.anuncio::before { content: attr(data-rotulo); display: block; font-size: .7rem; color: var(--tenue); letter-spacing: .1em; text-transform: uppercase; margin-bottom: .3rem; }

/* ---------- Lectura: el expediente completo ---------- */
.lectura { background: #0f1015; border-top: 1px solid var(--borde); padding: 2.4rem 0 1rem; }
.lectura h2 { font-family: var(--display); font-size: 1.35rem; line-height: 1.2; margin: 2.4rem 0 .8rem; }
.lectura h2:first-of-type { margin-top: 1rem; }
.lectura p, .lectura ul, .lectura ol { margin: 0 0 1rem; }
.entradilla { font-size: 1.12rem; }
.fechas { color: var(--tenue); font-size: .85rem; font-family: var(--maquina); }
.tabla { overflow-x: auto; margin: 0 0 1rem; }
table { border-collapse: collapse; width: 100%; font-size: .9rem; }
th, td { border: 1px solid var(--borde); padding: .55rem .6rem; text-align: left; vertical-align: top; }
th { background: var(--panel2); }
.filtros { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.2rem; }
.filtros button { border: 2px solid var(--borde); background: var(--panel); border-radius: 999px; padding: .3rem .9rem; font-size: .85rem; font-weight: 700; }
.filtros button[aria-pressed="true"] { border-color: var(--ambar); color: var(--ambar); }
.cronologia { list-style: none; padding: 0; margin: 0 0 1rem .4rem; border-left: 3px solid var(--borde); }
.cronologia li { position: relative; padding: 0 0 1.6rem 1.3rem; }
.cronologia li::before { content: ""; position: absolute; left: -.62rem; top: .35rem; width: .95rem; height: .95rem; border-radius: 50%;
  background: var(--fondo); border: 3px solid var(--tenue); }
.cronologia li.sin-explicar::before { border-color: var(--rojo); background: var(--rojo); }
.cronologia li.explicado::before { border-color: var(--verde); }
.cronologia .fecha { font-family: var(--maquina); font-weight: 700; color: var(--ambar); font-size: .9rem; }
.cronologia h3 { font-size: 1.1rem; margin: .1rem 0 .3rem; line-height: 1.3; }
.cronologia h3 .estado { margin-left: .4rem; vertical-align: middle; }
.cronologia .ref { color: var(--tenue); font-size: .82rem; font-family: var(--maquina); }
.cronologia li[hidden] { display: none; }
.fuentes li { margin-bottom: .5rem; }
.nota { color: var(--tenue); font-size: .88rem; }
.correo-grande { font-size: 1.3rem; font-weight: 800; word-break: break-word; }

/* Páginas fijas */
.pagina-fija { padding: 2rem 0 3rem; }
.pagina-fija h1 { font-family: var(--display); font-size: clamp(1.7rem, 5vw, 2.4rem); line-height: 1.15; margin: .3rem 0 1rem; }
.pagina-fija h2 { font-family: var(--display); font-size: 1.25rem; margin: 2rem 0 .6rem; }

/* Lista de expedientes */
.expedientes { list-style: none; padding: 0; margin: 0; display: grid; gap: 1.1rem; }
@media (min-width: 760px) { .expedientes { grid-template-columns: repeat(2, 1fr); } }
.expediente { background: var(--panel); border: 1px solid var(--borde); border-radius: var(--radio); overflow: hidden; }
.expediente a { color: inherit; text-decoration: none; display: grid; }
.expediente img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.expediente .cuerpo { padding: 1rem 1.1rem 1.2rem; }
.expediente h3 { font-family: var(--display); font-size: 1.2rem; line-height: 1.2; margin: .3rem 0 .4rem; }
.expediente p { margin: 0 0 .8rem; color: var(--suave); }
.expediente.proximo { border-style: dashed; display: grid; place-content: center; padding: 2rem; text-align: center; color: var(--tenue); min-height: 10rem; }

/* Barra fija para volver al vídeo (móvil) */
.barra-video { position: fixed; z-index: 40; left: .8rem; right: .8rem; bottom: max(.8rem, env(safe-area-inset-bottom));
  display: flex; justify-content: center; transform: translateY(150%); transition: transform .3s ease; pointer-events: none; }
.barra-video.visible { transform: none; pointer-events: auto; }
.barra-video .boton { box-shadow: 0 10px 30px rgba(0,0,0,.6); font-size: 1rem; padding: .85rem 1.4rem; }
@media (min-width: 980px) { .barra-video { left: auto; right: 1.5rem; } }

/* Ventanas (Shorts y documentos) */
dialog { border: 0; padding: 0; background: transparent; color: var(--texto); max-width: 100vw; max-height: 100vh; }
dialog::backdrop { background: rgba(0,0,0,.88); }
.ventana { position: relative; }
.ventana .cerrar { position: absolute; z-index: 2; top: -3rem; right: 0; background: var(--ambar); color: #111; border: 0; border-radius: 999px;
  font-weight: 800; padding: .45rem 1rem; }
.marco-vertical { width: min(92vw, calc((100vh - 7rem) * 9 / 16)); aspect-ratio: 9 / 16; background: #000; border-radius: var(--radio); overflow: hidden; margin-top: 3rem; }
.marco-vertical iframe { width: 100%; height: 100%; border: 0; }
.ventana-doc img { max-width: min(94vw, 60rem); max-height: calc(100vh - 7rem); margin-top: 3rem; border-radius: 8px; background: var(--papel); }
.ventana-doc figcaption { color: var(--suave); font-size: .85rem; margin-top: .4rem; font-family: var(--maquina); }

/* ---------- Pie ---------- */
.pie { background: #08090c; border-top: 1px solid var(--borde); padding: 2rem 0 5rem; font-size: .88rem; color: var(--suave); }
.pie a { color: var(--texto); }
.pie ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; margin: 0 0 .8rem; }
.pie .marca { margin-bottom: .6rem; }

@media (max-width: 520px) {
  .marca { font-size: .88rem; gap: .3rem; } .cabecera .envoltura { gap: .5rem; } .marca img { width: 1.35rem; height: 1.35rem; }
  .idiomas a, .idiomas strong { padding: .2rem .55rem; min-width: 2.4rem; }
  .heroe { padding-top: .8rem; } .sello { margin-bottom: .5rem; font-size: .7rem; }
  .heroe h1 .antetitulo { font-size: .72rem; }
  .partes button { font-size: .78rem; padding: .4rem .8rem; }
}