/* TecnoBlog México: pantalla de juego, fondo noche, violeta y cian. Tema oscuro por defecto; html[data-mando-luz="clara"] cambia las variables.
   Vocabulario: pantalla-* (estructura: cabecera, menú, ruta, pie, páginas), mando-* (portada, botones, tema, checkpoints), sofa-* (notas y tarjetas).
   Esquinas rectas en todo: sin redondeos ni círculos. Sin modos, veredictos ni «Respuesta rápida» (José, 12-nov: las notas no tienen esos datos). */
@font-face{font-family:"Sora";font-style:normal;font-weight:400 800;font-display:swap;src:url("cartucho/sora-mando.woff2") format("woff2")}

:root{
  --violeta:#7C4DFF;--cian:#00E5FF;
  --escenario:#12101C;--consola:#1D1A2C;--consola-alta:#282339;--texto-pantalla:#ECE8F7;--texto-tenue:#B5AECB;--borde-pixel:#3A3452;
  --violeta-letra:#B9A3FF;--cian-letra:#00E5FF;--sobre-cian:#12101C;--sobre-violeta:#FDFCFF;
  --letra-titulos:"Sora",system-ui,sans-serif;--letra-cuerpo:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --casilla-1:4px;--casilla-2:8px;--casilla-3:12px;--casilla-4:16px;--casilla-5:24px;--casilla-6:32px;--casilla-7:48px;--casilla-8:64px;
  --linea-pixel:1.5px;
  color-scheme:dark
}
html[data-mando-luz="clara"]{
  --escenario:#F6F4FC;--consola:#FDFCFF;--consola-alta:#EDE9F8;--texto-pantalla:#1A1726;--texto-tenue:#4E4865;--borde-pixel:#D3CBEA;
  --violeta-letra:#5B2FE0;--cian-letra:#006F7C;
  color-scheme:light
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0}
[hidden]{display:none!important}
.pantalla-hoja{overflow-x:clip;background:var(--escenario);color:var(--texto-pantalla);font-family:var(--letra-cuerpo);font-size:18px;line-height:1.6}
.pantalla-hoja img{max-width:100%;height:auto;display:block}
.pantalla-hoja a{color:var(--violeta-letra);text-decoration-thickness:2px;text-underline-offset:3px}
.pantalla-hoja a:hover{color:var(--cian-letra)}
.pantalla-hoja :focus-visible{outline:3px solid var(--cian);outline-offset:3px}
.pantalla-hoja h1,.pantalla-hoja h2,.pantalla-hoja h3{font-family:var(--letra-titulos);font-weight:700;color:var(--texto-pantalla);letter-spacing:-.02em}
.pantalla-hoja h1{font-size:clamp(32px,4vw,52px);line-height:1.1;margin:0 0 var(--casilla-4)}
.pantalla-hoja h2{font-size:clamp(24px,2.4vw,32px);line-height:1.2;margin:var(--casilla-8) 0 var(--casilla-4)}
.pantalla-hoja h3{font-size:20px;line-height:1.3;margin:var(--casilla-6) 0 var(--casilla-2)}
.pantalla-hoja p{margin:0 0 1em}
.pantalla-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pantalla-salto:focus{position:fixed!important;top:8px;left:8px;width:auto;height:auto;clip:auto;z-index:60;padding:10px 16px;background:var(--cian);color:var(--sobre-cian)}
.pantalla-marco{max-width:1240px;margin:0 auto;padding-inline:var(--casilla-6)}
.pantalla-rotulo{font-family:var(--letra-titulos);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cian-letra);margin:0 0 var(--casilla-2)}

/* Cabecera: logo y tema en una fila; debajo, el menú (12-nov-2026, Martín: sin buscador) */
.pantalla-cabecera{position:relative;z-index:30;background:var(--escenario);border-bottom:var(--linea-pixel) solid var(--borde-pixel)}
.pantalla-cabecera-fila{display:flex;align-items:center;gap:var(--casilla-3) var(--casilla-4);min-height:68px;padding-block:var(--casilla-2)}
.pantalla-logo{display:inline-flex;align-items:center;min-height:44px;flex:0 0 auto}
.pantalla-logo img,.pantalla-pie-logo img{height:34px;width:auto}
.pantalla-logo-claro{display:none!important}
html[data-mando-luz="clara"] .pantalla-logo-oscuro{display:none!important}
html[data-mando-luz="clara"] .pantalla-logo-claro{display:block!important}
.mando-tema{margin-left:auto;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;flex:0 0 auto;border:var(--linea-pixel) solid var(--borde-pixel);background:var(--consola);color:var(--texto-pantalla);font:inherit;font-family:var(--letra-titulos);font-size:14px;font-weight:600;cursor:pointer}
.mando-tema:hover{border-color:var(--violeta)}
.mando-tema-cuadro{width:14px;height:14px;border:2px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.pantalla-nav>div>ul{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.pantalla-nav a,.pantalla-nav button{display:inline-flex;align-items:center;min-height:46px;padding:0 14px;border:0;background:none;color:var(--texto-pantalla);font:inherit;font-family:var(--letra-titulos);font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}
.pantalla-nav a:hover,.pantalla-nav button:hover{color:var(--cian-letra)}
.pantalla-nav .pantalla-nav-juegos{background:var(--cian);color:var(--sobre-cian)}
.pantalla-nav .pantalla-nav-juegos:hover{background:var(--violeta);color:var(--sobre-violeta)}
.pantalla-nav [aria-current="page"],.pantalla-nav .pantalla-nav-dentro{box-shadow:inset 0 -3px 0 var(--violeta)}
.pantalla-nav-mas{position:relative}
.pantalla-nav-mas>button::after{content:"";margin-left:8px;border:5px solid transparent;border-top-color:currentColor;border-bottom:0}
.pantalla-nav-mas>ul{display:none;position:absolute;top:100%;left:0;z-index:35;min-width:230px;list-style:none;margin:0;padding:6px;background:var(--consola);border:var(--linea-pixel) solid var(--borde-pixel);border-top:3px solid var(--violeta)}
.pantalla-nav-mas:hover>ul,.pantalla-nav-mas:focus-within>ul,.pantalla-nav-abierta>ul{display:block}
.pantalla-nav-mas>ul a{display:flex}

/* Ruta */
.pantalla-ruta ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:var(--casilla-5) 0;padding:0;font-size:15px;color:var(--texto-tenue)}
.pantalla-ruta li+li::before{content:"›";margin-right:8px;color:var(--cian-letra)}
.pantalla-ruta a{color:var(--texto-tenue)}
.pantalla-ruta [aria-current="page"]{color:var(--texto-pantalla)}
.pantalla-ruta-nota ol{flex-wrap:nowrap;min-width:0}
.pantalla-ruta-nota li{white-space:nowrap}
.pantalla-ruta-nota li:last-child{overflow:hidden;text-overflow:ellipsis;min-width:0}

/* Portada: h1 a lo ancho y tres paneles */
.mando-portada{padding:var(--casilla-7) 0 var(--casilla-7)}
.mando-portada h1.mando-h1-vivo{font-size:13px;line-height:1.4;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cian-letra);margin:0 0 var(--casilla-2)}
.mando-portada .mando-titular{font-family:var(--letra-titulos);font-weight:700;color:var(--texto-pantalla);letter-spacing:-.02em;font-size:clamp(32px,4vw,52px);line-height:1.1;margin:0 0 var(--casilla-6)}
/* Cabeza, las tres notas y el enlace comparten fila entre los tres paneles (subgrid): todo a la misma altura. */
.mando-paneles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--casilla-4);row-gap:0}
.mando-panel{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:var(--casilla-3);background:var(--consola);border:var(--linea-pixel) solid var(--borde-pixel);border-top:6px solid var(--violeta);padding:var(--casilla-5)}
.mando-panel[data-icono="control"]{border-top-color:var(--cian)}
.mando-panel[data-icono="visor"]{border-top-color:var(--texto-pantalla)}
.mando-panel-cabeza{display:flex;align-items:center;gap:var(--casilla-3)}
.mando-panel h2{margin:0;font-size:24px}
.mando-panel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:var(--casilla-2)}
.mando-panel li{display:flex;flex-direction:column;background:var(--escenario);border:var(--linea-pixel) solid var(--borde-pixel);padding:var(--casilla-3) var(--casilla-4)}
.mando-panel li:hover{border-color:var(--violeta)}
.mando-panel h3{margin:0 0 4px;font-size:17px;line-height:1.3}
.mando-panel h3 a{color:var(--texto-pantalla);text-decoration:none}
.mando-panel h3 a:hover{color:var(--cian-letra);text-decoration:underline}
.mando-panel li p{margin:auto 0 0;font-size:14px;color:var(--texto-tenue)}
.mando-panel .mando-liga{align-self:end}
.mando-icono{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;background:var(--violeta);color:var(--sobre-violeta)}
.mando-icono svg{width:26px;height:26px}
.mando-icono[data-icono="control"]{background:var(--cian);color:var(--sobre-cian)}
.mando-icono[data-icono="visor"]{background:var(--texto-pantalla);color:var(--escenario)}

/* Botones y ligas */
.mando-boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 var(--casilla-5);font:inherit;font-family:var(--letra-titulos);font-size:16px;font-weight:700;color:var(--sobre-violeta)!important;background:var(--violeta);border:0;text-decoration:none;cursor:pointer}
.mando-boton:hover{background:var(--cian);color:var(--sobre-cian)!important}
.mando-boton-contorno{background:transparent;color:var(--texto-pantalla)!important;border:var(--linea-pixel) solid var(--borde-pixel)}
.mando-boton-contorno::after{content:"→"}
.mando-boton-contorno:hover{border-color:var(--cian);background:transparent;color:var(--cian-letra)!important}
.mando-liga{font-family:var(--letra-titulos);font-weight:700;text-decoration:none}
.mando-liga::after{content:" →"}

/* Bloques de la portada */
.pantalla-tramo{padding:var(--casilla-7) 0 var(--casilla-4);border-top:var(--linea-pixel) solid var(--borde-pixel)}
.pantalla-tramo-cabeza{margin-bottom:var(--casilla-5)}
.pantalla-tramo-cabeza h2{margin:0}
.pantalla-tramo-pie{margin:0 0 var(--casilla-5)!important}

/* Recién salido: la primera nota grande y dos a su lado */
.sofa-estreno{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--casilla-5);list-style:none;margin:0 0 var(--casilla-5);padding:0}
.sofa-estreno-nota{position:relative;display:flex;flex-direction:column;background:var(--consola);border:var(--linea-pixel) solid var(--borde-pixel)}
.sofa-estreno-nota:first-child{grid-column:span 2;grid-row:span 2}
.sofa-estreno-nota:hover{border-color:var(--violeta)}
.sofa-estreno-nota .sofa-ficha-foto{aspect-ratio:16/9}
.sofa-estreno-nota:first-child .sofa-ficha-foto{aspect-ratio:auto;flex:1 1 auto;min-height:300px}
.sofa-estreno-nota .sofa-ficha-titulo{padding:var(--casilla-4) var(--casilla-4) 0}
.sofa-estreno-nota:first-child .sofa-ficha-titulo{font-size:30px!important;line-height:1.18!important;padding:var(--casilla-5) var(--casilla-5) 0}
.sofa-estreno-nota .sofa-ficha-fecha{align-self:auto;margin-top:auto;padding:var(--casilla-2) var(--casilla-4) var(--casilla-4)}
.sofa-estreno-nota:first-child .sofa-ficha-fecha{margin-top:0;padding:var(--casilla-2) var(--casilla-5) var(--casilla-5)}

/* Tarjetas: foto, título y fecha; las piezas se alinean por fila (subgrid) */
.sofa-tablero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 var(--casilla-5);list-style:none;margin:0;padding:0}
.sofa-ocupa-3{grid-column:span 3}.sofa-ocupa-4{grid-column:span 4}.sofa-ocupa-6{grid-column:span 6}.sofa-ocupa-12{grid-column:span 12}
.sofa-ficha{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0;margin-bottom:var(--casilla-5);background:var(--consola);border:var(--linea-pixel) solid var(--borde-pixel)}
.sofa-ficha:hover{border-color:var(--violeta)}
.sofa-ficha-foto{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--consola-alta);border-bottom:var(--linea-pixel) solid var(--borde-pixel)}
.sofa-ficha-foto img{width:100%;height:100%;object-fit:cover}
@media (min-width:1101px){.sofa-ocupa-6 .sofa-ficha-foto{aspect-ratio:16/9}}
.sofa-ficha-sin-foto{display:block}
.sofa-ficha-cuerpo{padding:var(--casilla-4) var(--casilla-4) 0}
.sofa-ficha-seccion{margin:0 0 6px!important;font-family:var(--letra-titulos);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cian-letra)}
.sofa-ficha-titulo{font-size:19px!important;line-height:1.3!important;margin:0!important}
.sofa-ficha-titulo a{color:var(--texto-pantalla)!important;text-decoration:none}
.sofa-ficha-titulo a::after{content:"";position:absolute;inset:0}
.sofa-ficha:hover .sofa-ficha-titulo a,.sofa-estreno-nota:hover .sofa-ficha-titulo a{color:var(--cian-letra)!important}
.sofa-ficha-fecha{margin:0!important;padding:var(--casilla-3) var(--casilla-4) var(--casilla-4);font-size:14px;color:var(--texto-tenue);align-self:end}

/* Nota */
.sofa-nota{padding-bottom:var(--casilla-8)}
.sofa-nota-planta{display:flex;flex-wrap:wrap;gap:var(--casilla-7) var(--casilla-8);align-items:flex-start}
.sofa-nota-cuerpo{flex:999 1 620px;min-width:0}
.pantalla-lado{flex:1 1 270px;max-width:320px;position:sticky;top:var(--casilla-5)}
.sofa-bajada{font-size:20px;line-height:1.5;color:var(--texto-tenue)}
.sofa-firma-linea{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:var(--casilla-3) 0;border-block:var(--linea-pixel) solid var(--borde-pixel);font-size:15px;color:var(--texto-tenue)}
.sofa-firma-linea img{width:40px;height:40px;object-fit:cover;border:2px solid var(--violeta)}
.sofa-firma-linea a{font-weight:700}
.sofa-captura{margin:var(--casilla-6) 0}
.sofa-captura img{width:100%;border:var(--linea-pixel) solid var(--borde-pixel);background:var(--consola)}
.mando-checkpoints{margin:var(--casilla-6) 0;padding:var(--casilla-4) var(--casilla-5);border-left:4px solid var(--cian);background:var(--consola)}
.mando-checkpoints-titulo{font-family:var(--letra-titulos);font-size:18px;font-weight:700;margin:0 0 var(--casilla-2)!important}
.mando-checkpoints ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--casilla-5)}
.mando-checkpoints a{display:flex;align-items:center;gap:12px;min-height:44px;color:var(--texto-pantalla);text-decoration:none;font-size:16px;line-height:1.3}
.mando-checkpoints a::before{content:"";flex:0 0 auto;width:10px;height:10px;background:var(--violeta)}
.mando-checkpoints a:hover{color:var(--cian-letra)}
.mando-checkpoints a:hover::before{background:var(--cian)}
.sofa-texto{overflow-wrap:break-word}
.sofa-texto h2,.sofa-texto h3{scroll-margin-top:var(--casilla-5)}
.sofa-texto ul,.sofa-texto ol{padding-left:1.3em;margin:0 0 1em}
.sofa-texto li{margin-bottom:6px}
.sofa-texto li::marker{color:var(--cian-letra)}
.sofa-texto figure{margin:var(--casilla-5) 0}
.sofa-texto img{border:var(--linea-pixel) solid var(--borde-pixel)}
.sofa-texto figcaption{margin-top:8px;font-size:15px;line-height:1.45;color:var(--texto-tenue)}
.sofa-texto blockquote{margin:var(--casilla-6) 0;padding:var(--casilla-5);background:var(--consola);border:var(--linea-pixel) solid var(--violeta);box-shadow:0 0 0 4px color-mix(in srgb,var(--violeta) 22%,transparent)}
.sofa-texto blockquote p:last-child{margin:0}
.sofa-texto hr{border:0;border-top:var(--linea-pixel) solid var(--borde-pixel);margin:var(--casilla-6) 0}
.sofa-texto iframe{max-width:100%;border:0}
.sofa-tabla-caja{overflow-x:auto;margin:var(--casilla-5) 0;border:var(--linea-pixel) solid var(--borde-pixel)}
.sofa-texto table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45;background:var(--consola)}
.sofa-tabla-caja table{min-width:560px}
.sofa-texto th,.sofa-texto td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:var(--linea-pixel) solid var(--borde-pixel)}
.sofa-texto thead th,.sofa-texto tr:first-child th{background:var(--consola-alta);font-family:var(--letra-titulos);font-size:14px;font-weight:700;color:var(--cian-letra)}
.sofa-texto tbody tr:last-child>*{border-bottom:0}
.sofa-contiguas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--casilla-4);margin:var(--casilla-7) 0 var(--casilla-6)}
.sofa-contiguas a{display:block;padding:var(--casilla-4);border:var(--linea-pixel) solid var(--borde-pixel);background:var(--consola);color:var(--texto-pantalla)!important;text-decoration:none;font-weight:600;line-height:1.35}
.sofa-contiguas a:hover{border-color:var(--cian)}
.sofa-contiguas a span{display:block;font-family:var(--letra-titulos);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cian-letra);margin-bottom:4px}
.sofa-contiguas a[rel="next"]{grid-column:2;text-align:right}
.sofa-firma{display:flex;gap:var(--casilla-5);align-items:flex-start;margin-top:var(--casilla-6);padding:var(--casilla-5);background:var(--consola);border:var(--linea-pixel) solid var(--borde-pixel);border-left:6px solid var(--violeta)}
.sofa-firma img{width:96px;height:96px;object-fit:cover;flex:0 0 auto}
.sofa-firma-nombre{font-family:var(--letra-titulos);font-size:21px;font-weight:700;margin:0 0 4px!important}
.sofa-firma-nombre a{color:var(--texto-pantalla)!important}
.sofa-firma div>p:last-of-type{margin-bottom:0}
.pantalla-redes{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:var(--casilla-3) 0 0;padding:0}
.pantalla-redes a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:var(--linea-pixel) solid var(--borde-pixel);color:var(--texto-pantalla)!important;font-size:15px;font-weight:600;text-decoration:none}
.pantalla-redes a:hover{border-color:var(--violeta);color:var(--violeta-letra)!important}
.sofa-seguir{margin-top:var(--casilla-7)}
.sofa-seguir h2{margin:0 0 var(--casilla-4)!important}
.sofa-seguir .sofa-ficha-titulo{font-size:17px!important}
.pantalla-lado section{border-top:3px solid var(--cian);padding-top:var(--casilla-3)}
.pantalla-lado h2{font-size:18px!important;margin:0 0 var(--casilla-2)!important}
.pantalla-lado ul{list-style:none;margin:0;padding:0}
.pantalla-lado li{padding:10px 0;border-bottom:var(--linea-pixel) solid var(--borde-pixel);font-size:15px;line-height:1.4}
.pantalla-lado li a{color:var(--texto-pantalla)!important;font-weight:600;text-decoration:none}
.pantalla-lado li a:hover{color:var(--cian-letra)!important}
.pantalla-lado li span{display:block;margin-top:2px;font-size:13px;color:var(--texto-tenue)}

/* Categoría */
.pantalla-seccion-titulo{padding:var(--casilla-2) 0 var(--casilla-6)}
.pantalla-seccion-titulo h1{margin:0 0 var(--casilla-3)}
.pantalla-seccion-texto{font-size:19px;color:var(--texto-tenue)}
.pantalla-seccion-texto p:last-child{margin:0}
.pantalla-paginas{margin:var(--casilla-6) 0 var(--casilla-8)}
.pantalla-paginas ol{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}
.pantalla-paginas a,.pantalla-paginas span,.pantalla-paginas button{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:0 14px;border:var(--linea-pixel) solid var(--borde-pixel);background:var(--consola);font:inherit;font-family:var(--letra-titulos);font-size:16px;font-weight:700;color:var(--texto-pantalla)!important;text-decoration:none;cursor:pointer}
.pantalla-paginas a:hover,.pantalla-paginas button:hover{border-color:var(--cian);color:var(--cian-letra)!important}
.pantalla-paginas [aria-current="page"]{background:var(--violeta);border-color:var(--violeta);color:var(--sobre-violeta)!important;cursor:default}
.pantalla-paginas .pantalla-paginas-hueco{border-color:transparent;background:transparent;min-width:24px;padding:0}

/* Autor */
.pantalla-quien{display:flex;flex-wrap:wrap;gap:var(--casilla-6);align-items:center;margin:0 0 var(--casilla-7);padding:var(--casilla-6);background:var(--consola);border:var(--linea-pixel) solid var(--borde-pixel);border-top:6px solid var(--violeta)}
.pantalla-quien img{width:140px;height:140px;object-fit:cover}
.pantalla-quien>div{flex:1 1 380px}
.pantalla-quien-bio{font-size:18px;color:var(--texto-tenue);margin:0!important}

/* Páginas de texto */
.pantalla-texto-planta{display:flex;flex-wrap:wrap;gap:var(--casilla-7);align-items:flex-start;padding-bottom:var(--casilla-8)}
.pantalla-texto-cuerpo{flex:999 1 560px;min-width:0}
.pantalla-texto-indice{flex:1 1 230px;max-width:290px}
.pantalla-texto-indice ul{list-style:none;margin:0;padding:6px;border:var(--linea-pixel) solid var(--borde-pixel);background:var(--consola)}
.pantalla-texto-indice a{display:flex;align-items:center;min-height:46px;padding:0 14px;color:var(--texto-pantalla)!important;font-weight:600;text-decoration:none}
.pantalla-texto-indice a:hover,.pantalla-texto-indice a[aria-current="page"]{background:var(--violeta);color:var(--sobre-violeta)!important}


/* 404: texto y la pantalla con la barra de carga */
.pantalla-fuera{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--casilla-7);align-items:center;padding-block:var(--casilla-7) var(--casilla-8)}
.pantalla-fuera-texto>p:not(.pantalla-rotulo){font-size:19px;color:var(--texto-tenue)}
.pantalla-fuera-lista{list-style:none;margin:var(--casilla-5) 0 0;padding:0;border-top:3px solid var(--cian)}
.pantalla-fuera-lista li{padding:12px 0;border-bottom:var(--linea-pixel) solid var(--borde-pixel);line-height:1.35}
.pantalla-fuera-lista a{display:block;color:var(--texto-pantalla)!important;font-weight:600;text-decoration:none;margin-bottom:2px}
.pantalla-fuera-lista a:hover{color:var(--cian-letra)!important}
.pantalla-fuera-lista span{font-size:14px;color:var(--texto-tenue)}
.pantalla-fuera-tele{background:var(--consola);padding:var(--casilla-7)}
.pantalla-fuera-tele>div{display:flex;flex-direction:column;align-items:center;gap:var(--casilla-5);padding:var(--casilla-7) var(--casilla-6);border:6px solid var(--texto-pantalla);background:var(--escenario)}
.pantalla-fuera-tele span{font-family:var(--letra-titulos);font-size:clamp(72px,9vw,112px);font-weight:800;line-height:1;color:var(--violeta)}
.pantalla-fuera-tele i{display:block;width:80%;height:26px;border:4px solid var(--cian);background:linear-gradient(90deg,var(--cian) 45%,transparent 45%);background-clip:content-box;padding:4px}

/* Pie: filas a lo ancho */
.pantalla-pie{background:var(--consola);border-top:4px solid var(--violeta);margin-top:var(--casilla-8)}
.pantalla-pie-arriba{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--casilla-3) var(--casilla-6);padding:var(--casilla-6) 0 var(--casilla-5)}
.pantalla-pie-logo{display:inline-flex}
.pantalla-pie-aviso{margin:0!important;font-size:16px;color:var(--texto-tenue)}
.pantalla-pie-barra{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 var(--casilla-4);list-style:none;margin:0;padding:var(--casilla-2) 0;border-block:var(--linea-pixel) solid var(--borde-pixel)}
.pantalla-pie-barra a{display:inline-flex;align-items:center;min-height:46px;color:var(--texto-pantalla)!important;font-family:var(--letra-titulos);font-size:15px;font-weight:600;text-decoration:none}
.pantalla-pie-barra a:hover{color:var(--cian-letra)!important;text-decoration:underline}
.pantalla-pie-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--casilla-2) var(--casilla-5);padding:var(--casilla-3) 0 var(--casilla-5)}
.pantalla-pie-base ul{display:flex;flex-wrap:wrap;gap:0 var(--casilla-5);list-style:none;margin:0;padding:0}
.pantalla-pie-base a{display:inline-flex;align-items:center;min-height:44px;color:var(--texto-tenue)!important;font-size:15px;text-decoration:none}
.pantalla-pie-base a:hover{color:var(--cian-letra)!important;text-decoration:underline}
.pantalla-pie-base p{margin:0!important;font-size:14px;color:var(--texto-tenue)}

@media (max-width:1180px){
  /* El menú no entra en una línea: fila con desplazamiento lateral y las categorías de «Más» en la misma fila. */
  .pantalla-nav>div{padding-inline:0}
  .pantalla-nav>div>ul{overflow-x:auto;scrollbar-width:none;padding-inline:var(--casilla-6)}
  .pantalla-nav-mas{display:contents}
  .pantalla-nav-mas>button{display:none}
  .pantalla-nav-mas>ul{display:contents}
}
@media (max-width:1100px){
  .sofa-tablero>li{grid-column:span 6}
  .sofa-tablero>.sofa-ultima{grid-column:span 12}
  .mando-paneles{grid-template-columns:minmax(0,1fr)}
  .mando-panel{margin-bottom:var(--casilla-4)}
  .pantalla-lado{position:static;max-width:none}
  .pantalla-pie-barra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .pantalla-hoja{font-size:17px}
  .pantalla-marco{padding-inline:var(--casilla-4)}
  .pantalla-logo img{height:28px}
  .pantalla-cabecera-fila{flex-wrap:wrap;gap:var(--casilla-2)}
  .mando-tema{margin-left:auto;padding:0 12px}
  .mando-tema-texto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .pantalla-nav>div>ul{padding-inline:var(--casilla-4)}
  .sofa-estreno{grid-template-columns:minmax(0,1fr)}
  .sofa-estreno-nota:first-child{grid-column:auto;grid-row:auto}
  .sofa-estreno-nota:first-child .sofa-ficha-foto{aspect-ratio:16/9;min-height:0}
  .sofa-estreno-nota:first-child .sofa-ficha-titulo{font-size:22px!important;padding:var(--casilla-4) var(--casilla-4) 0}
  .sofa-estreno-nota:first-child .sofa-ficha-fecha{padding:var(--casilla-2) var(--casilla-4) var(--casilla-4)}
  .sofa-tablero>li,.sofa-tablero>.sofa-ultima{grid-column:span 12}
  .mando-checkpoints ul{grid-template-columns:minmax(0,1fr)}
  .sofa-contiguas{grid-template-columns:minmax(0,1fr)}
  .sofa-contiguas a[rel="next"]{grid-column:auto;text-align:left}
  .sofa-firma{flex-direction:column}
  .pantalla-fuera{grid-template-columns:minmax(0,1fr)}
  .pantalla-fuera-tele{padding:var(--casilla-5)}
  .pantalla-pie-barra{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pantalla-pie-base{flex-direction:column;align-items:flex-start}
}