/* Estilos alternativos de ¿Qué vemos?, que cada usuario elige en Mi cuenta.
   La base (estilos.css) es la «parrilla» de revista; aquí solo se redefine lo que cambia.
   - taquilla: entradas de cine en papel de color, troqueladas, sobre terciopelo de butaca.
   - streaming: oscuro y limpio, carteles grandes en filas, como las apps de streaming. */

/* ════════════════════════════ TAQUILLA ════════════════════════════ */
:root[data-tema="taquilla"] {
  --papel: #24090f;          /* terciopelo de butaca */
  --papel-2: #330f18;
  --papel-3: #451824;
  --regla: #5c2533;
  --tinta: #f7efe4;
  --tinta-2: #e6d3c8;
  --tinta-3: #c3a59d;
  --rojo: #d6352b;           /* tinta roja de taquilla */
  --rojo-tinta: #ff8a7a;
  --sobre-rojo: #fff7ee;
  --amarillo: #f4cf6b;       /* dorado de marquesina */
  --sobre-amarillo: #24090f;
  --azul: #9cc4ff;
  /* Papel de rollo de cada sala (plataforma) */
  --stock-netflix: #f2b7c2;
  --stock-hbomax: #cdbcf3;
  --stock-movistar: #aedbcb;
  --stock-prime: #b4cdee;
  --stock-disney: #f3d98c;
  --stock-otro: #efe6d6;
  --tinta-entrada: #2a0d14;
  --bien: #7ee0a5;
  --mal: #ff9a8f;
  --tinta-entrada-2: #5a3a3f;
  color-scheme: dark;
}
[data-tema="taquilla"] [data-canal="netflix"] { --stock: var(--stock-netflix); }
[data-tema="taquilla"] [data-canal="hbomax"] { --stock: var(--stock-hbomax); }
[data-tema="taquilla"] [data-canal="movistar"] { --stock: var(--stock-movistar); }
[data-tema="taquilla"] [data-canal="prime"] { --stock: var(--stock-prime); }
[data-tema="taquilla"] [data-canal="disney"] { --stock: var(--stock-disney); }

/* Cabecera: la marquesina, con el troquel del rollo debajo */
[data-tema="taquilla"] .cabecera { background: #160509; border-bottom: 0; box-shadow: inset 0 -1px 0 #3b111b; }
[data-tema="taquilla"] .cabecera::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 6px;
  background: radial-gradient(circle at 6px 0, #160509 4px, transparent 4.5px) 0 0 / 12px 6px repeat-x;
}
[data-tema="taquilla"] .marca { color: var(--tinta); font-stretch: 100%; font-weight: 800; letter-spacing: .06em; font-size: 1.35rem; }
[data-tema="taquilla"] .marca span { color: var(--amarillo); }
[data-tema="taquilla"] .boton-icono { border-color: rgba(247, 239, 228, .45); color: var(--tinta); }
[data-tema="taquilla"] .boton-icono:hover { background: var(--tinta); color: #160509; }
[data-tema="taquilla"] .punto { box-shadow: 0 0 0 2px #160509; }

/* Rótulos: letra de imprenta de taquilla, ancha y espaciada */
[data-tema="taquilla"] .titulo-vista,
[data-tema="taquilla"] .fila-cabecera h2,
[data-tema="taquilla"] .panel h2,
[data-tema="taquilla"] .bloque h2,
[data-tema="taquilla"] .hoja-cabecera h2,
[data-tema="taquilla"] .ficha-cabeza h1,
[data-tema="taquilla"] .login h1 { font-stretch: 112%; letter-spacing: .04em; font-weight: 800; }
[data-tema="taquilla"] .titulo-vista { font-size: 1.85rem; }
[data-tema="taquilla"] .fila-cabecera h2 { font-size: 1.15rem; }
[data-tema="taquilla"] .edicion { color: var(--amarillo); font-stretch: 112%; letter-spacing: .1em; font-size: .8rem; }
[data-tema="taquilla"] .fila-inicio, [data-tema="taquilla"] .resultados, [data-tema="taquilla"] .panel,
[data-tema="taquilla"] #recs, [data-tema="taquilla"] .datos, [data-tema="taquilla"] .fila-lista:first-child { border-top: 1px dashed var(--regla); }
[data-tema="taquilla"] .pie { border-top: 1px dashed var(--regla); }

/* Canal = sello de sala impreso */
[data-tema="taquilla"] .canal { background: transparent !important; color: currentColor; border: 1.5px solid currentColor; border-radius: 3px; font-stretch: 110%; letter-spacing: .08em; font-size: .6rem; padding: .1rem .35rem; }
[data-tema="taquilla"] .mis-plataformas .canal,
[data-tema="taquilla"] .cuenta-plataformas .canal { color: var(--stock, var(--stock-otro)); }

/* Cada recomendación es una entrada del color de su sala, con troquel y matriz */
[data-tema="taquilla"] .resultados { gap: .9rem; border-top: 0; }
[data-tema="taquilla"] .tarjeta,
[data-tema="taquilla"] .mini {
  position: relative; padding: .8rem 1.1rem .8rem .8rem; border: 0; border-radius: 6px;
  background: var(--stock, var(--stock-otro)); color: var(--tinta-entrada);
  -webkit-mask: radial-gradient(circle 9px at 0 50%, transparent 98%, #000 100%) left / 51% 100% no-repeat,
                radial-gradient(circle 9px at 100% 50%, transparent 98%, #000 100%) right / 51% 100% no-repeat;
          mask: radial-gradient(circle 9px at 0 50%, transparent 98%, #000 100%) left / 51% 100% no-repeat,
                radial-gradient(circle 9px at 100% 50%, transparent 98%, #000 100%) right / 51% 100% no-repeat;
}
/* Línea de troquel antes de la matriz */
[data-tema="taquilla"] .tarjeta::after,
[data-tema="taquilla"] .mini::after {
  content: ""; position: absolute; top: 10px; bottom: 10px; right: 26px; border-right: 2px dotted rgba(42, 13, 20, .35);
}
[data-tema="taquilla"] .tarjeta { padding-right: 2.4rem; }
[data-tema="taquilla"] .mini { padding-right: 2.2rem; margin-bottom: .7rem; }
[data-tema="taquilla"] .tarjeta h3 a:hover, [data-tema="taquilla"] .mini h3 a:hover { color: #8a1c1c; }
[data-tema="taquilla"] .tarjeta .meta,
[data-tema="taquilla"] .tarjeta .razon,
[data-tema="taquilla"] .mini p,
[data-tema="taquilla"] .tarjeta h3 small { color: var(--tinta-entrada-2); }
[data-tema="taquilla"] .tarjeta .estrellitas .llena svg,
[data-tema="taquilla"] .mini .estrellitas .llena svg,
[data-tema="taquilla"] .tarjeta .estrellitas .media svg + svg,
[data-tema="taquilla"] .mini .estrellitas .media svg + svg { fill: var(--tinta-entrada); }
[data-tema="taquilla"] .tarjeta .estrellitas svg, [data-tema="taquilla"] .mini .estrellitas svg { fill: rgba(42, 13, 20, .2); }
[data-tema="taquilla"] .tarjeta .critica, [data-tema="taquilla"] .mini .critica { color: var(--tinta-entrada); }
[data-tema="taquilla"] .tarjeta .accion, [data-tema="taquilla"] .mini .accion { border-color: var(--tinta-entrada); color: var(--tinta-entrada); }
[data-tema="taquilla"] .tarjeta .accion:hover { background: rgba(42, 13, 20, .08); }
[data-tema="taquilla"] .tarjeta .accion.activa { background: var(--tinta-entrada); color: var(--stock, var(--stock-otro)); }
[data-tema="taquilla"] .tarjeta .estrellas svg { stroke: var(--tinta-entrada-2); }
[data-tema="taquilla"] .tarjeta .estrellas button.on svg { fill: var(--tinta-entrada); stroke: var(--tinta-entrada); }
[data-tema="taquilla"] .tarjeta .estrellas .etiqueta { color: var(--tinta-entrada-2); }
[data-tema="taquilla"] .carrusel { row-gap: 0; }
[data-tema="taquilla"] .hueco-mini { background: var(--papel-2); -webkit-mask: none; mask: none; }
[data-tema="taquilla"] .hueco-mini::after { display: none; }

/* «Recomendada» = sello de goma estampado en la entrada */
[data-tema="taquilla"] .flash {
  background: transparent; color: #b3261e; border: 2px solid #b3261e; box-shadow: none;
  font-stretch: 110%; letter-spacing: .1em; transform: rotate(-8deg); padding: .15rem .35rem;
}
[data-tema="taquilla"] .poster .flash { background: rgba(255, 247, 238, .9); }

/* Botones, campos y ventanas */
[data-tema="taquilla"] .boton { border-radius: 6px; font-stretch: 105%; letter-spacing: .06em; }
[data-tema="taquilla"] .boton.secundario { border-color: var(--tinta-2); color: var(--tinta); }
[data-tema="taquilla"] .boton-apetece { background: var(--amarillo); border-color: var(--amarillo); color: var(--sobre-amarillo); font-stretch: 110%; font-size: 1.15rem; letter-spacing: .08em; }
[data-tema="taquilla"] .boton-apetece:hover { background: #f8dc8f; border-color: #f8dc8f; }
[data-tema="taquilla"] .boton-apetece svg { fill: var(--rojo); }
[data-tema="taquilla"] .accion { border-color: var(--tinta-2); color: var(--tinta); }
[data-tema="taquilla"] .accion.activa { background: var(--tinta); color: var(--papel); }
[data-tema="taquilla"] .hoja { background: #2b0c13; }
[data-tema="taquilla"] .hoja-cabecera { background: #160509; border-bottom: 1px dashed var(--regla); }
[data-tema="taquilla"] .estados, [data-tema="taquilla"] .estado { border-color: var(--regla); }
[data-tema="taquilla"] .estado { background: transparent; color: var(--tinta); }
[data-tema="taquilla"] .estado:hover { background: var(--tinta); color: var(--papel); }
[data-tema="taquilla"] .estado.destacado { background: var(--amarillo); color: var(--sobre-amarillo); }
[data-tema="taquilla"] .opcion-tipo { background: transparent; border-color: var(--tinta-2); color: var(--tinta); }
[data-tema="taquilla"] .opcion-tipo svg { stroke: var(--amarillo); }
[data-tema="taquilla"] .opcion-tipo:hover { background: var(--tinta); color: var(--papel); }
[data-tema="taquilla"] .chip input:checked + span { border-color: var(--amarillo); background: var(--papel-3); }
[data-tema="taquilla"] .chip input:checked + span::after { border-color: var(--amarillo); }
[data-tema="taquilla"] .segmentos { border-color: var(--tinta-2); }
[data-tema="taquilla"] .segmentos label + label span { border-color: var(--tinta-2); }
[data-tema="taquilla"] .barra { background: #160509; border-top: 1px dashed var(--regla); }
[data-tema="taquilla"] .barra a[aria-current="page"] { color: var(--amarillo); }
[data-tema="taquilla"] .barra a[aria-current="page"]::before { background: var(--amarillo); }
[data-tema="taquilla"] .estrellitas .llena svg, [data-tema="taquilla"] .estrellitas .media svg + svg { fill: var(--amarillo); }
[data-tema="taquilla"] .critica { color: var(--amarillo); }
[data-tema="taquilla"] .estrellas button.on svg { fill: var(--amarillo); stroke: var(--amarillo); }
[data-tema="taquilla"] .persona .inicial, [data-tema="taquilla"] .inicial-chip { background: var(--amarillo); color: var(--sobre-amarillo); }
[data-tema="taquilla"] .ficha-cabeza .poster { border-color: var(--papel); }
[data-tema="taquilla"] .canal-grande { background: var(--stock, var(--stock-otro)); color: var(--tinta-entrada); }
@media (min-width: 1000px) {
  [data-tema="taquilla"] .barra { background: transparent; border: 0; }
  [data-tema="taquilla"] .barra a { color: rgba(247, 239, 228, .75); }
  [data-tema="taquilla"] .barra a[aria-current="page"] { color: var(--amarillo); background: rgba(255, 255, 255, .06); }
}

/* ════════════════════════════ STREAMING ════════════════════════════ */
:root[data-tema="streaming"] {
  --papel: #0b0b0f;
  --papel-2: #17171e;
  --papel-3: #23232c;
  --regla: #2a2a33;
  --tinta: #ffffff;
  --tinta-2: #c7c7d1;
  --tinta-3: #9a9aa6;
  --rojo: #e50914;
  --rojo-tinta: #ff4d55;
  --sobre-rojo: #ffffff;
  --amarillo: #f5c518;
  --sobre-amarillo: #0b0b0f;
  --azul: #8fb4ff;
  --radio: 8px;
  --bien: #5fd08f;
  --mal: #ff7a72;
  color-scheme: dark;
}
/* Voz limpia: sin mayúsculas forzadas ni letra condensada en los títulos */
[data-tema="streaming"] .titulo-vista,
[data-tema="streaming"] .fila-cabecera h2,
[data-tema="streaming"] .panel h2,
[data-tema="streaming"] .bloque h2,
[data-tema="streaming"] .hoja-cabecera h2,
[data-tema="streaming"] .ficha-cabeza h1,
[data-tema="streaming"] .login h1,
[data-tema="streaming"] .tarjeta h3,
[data-tema="streaming"] .mini h3,
[data-tema="streaming"] .fila-lista h3,
[data-tema="streaming"] .recibida h3 { text-transform: none; font-stretch: 100%; font-family: var(--texto-fuente); letter-spacing: -.01em; }
[data-tema="streaming"] .titulo-vista { font-size: 1.75rem; font-weight: 800; line-height: 1.1; }
[data-tema="streaming"] .fila-cabecera h2 { font-size: 1.15rem; font-weight: 700; }
[data-tema="streaming"] .panel h2, [data-tema="streaming"] .bloque h2 { font-size: 1rem; font-weight: 700; }
[data-tema="streaming"] .ficha-cabeza h1 { font-size: 1.6rem; font-weight: 800; line-height: 1.1; }
[data-tema="streaming"] .tarjeta h3, [data-tema="streaming"] .mini h3 { font-size: 1rem; font-weight: 700; line-height: 1.2; }
[data-tema="streaming"] .boton, [data-tema="streaming"] .accion, [data-tema="streaming"] .pestanas button,
[data-tema="streaming"] .barra a, [data-tema="streaming"] .edicion, [data-tema="streaming"] .estado .nombre,
[data-tema="streaming"] .opcion-tipo, [data-tema="streaming"] .segmentos span, [data-tema="streaming"] .volver,
[data-tema="streaming"] .miga a, [data-tema="streaming"] .mis-plataformas .texto, [data-tema="streaming"] .mis-plataformas .cambiar,
[data-tema="streaming"] .fila-cabecera a, [data-tema="streaming"] legend {
  text-transform: none; font-stretch: 100%; font-family: var(--texto-fuente); letter-spacing: 0;
}

/* Cabecera translúcida y marca roja */
[data-tema="streaming"] .cabecera { background: rgba(11, 11, 15, .88); backdrop-filter: saturate(1.4) blur(12px); -webkit-backdrop-filter: saturate(1.4) blur(12px); border-bottom: 1px solid var(--regla); }
[data-tema="streaming"] .marca { color: var(--rojo); font-size: 1.5rem; font-stretch: 85%; }
[data-tema="streaming"] .marca span { color: var(--rojo); }
[data-tema="streaming"] .boton-icono { border: 0; background: var(--papel-2); color: var(--tinta); }
[data-tema="streaming"] .boton-icono:hover { background: var(--papel-3); color: var(--tinta); }
[data-tema="streaming"] .punto { background: var(--rojo); box-shadow: 0 0 0 2px var(--papel-2); }

/* Sin filetes de revista: el espacio separa */
[data-tema="streaming"] .fila-inicio, [data-tema="streaming"] .resultados, [data-tema="streaming"] .panel,
[data-tema="streaming"] #recs, [data-tema="streaming"] .datos, [data-tema="streaming"] .fila-lista:first-child,
[data-tema="streaming"] .pie, [data-tema="streaming"] .login h1 { border-top: 0; border-bottom: 0; }
[data-tema="streaming"] .edicion { font-size: .88rem; font-weight: 600; color: var(--tinta-3); }
[data-tema="streaming"] .mis-plataformas { border: 0; background: var(--papel-2); border-radius: var(--radio); padding: .6rem .8rem; }
[data-tema="streaming"] .mis-plataformas .texto { color: var(--tinta-3); font-weight: 600; font-size: .82rem; }
[data-tema="streaming"] .mis-plataformas .cambiar { color: var(--tinta); font-weight: 700; font-size: .85rem; }
[data-tema="streaming"] .fila-cabecera a { color: var(--tinta-2); font-weight: 600; }

/* Canal = etiqueta discreta con el punto de su color */
[data-tema="streaming"] .canal {
  display: inline-flex; align-items: center; gap: .3rem; background: rgba(255, 255, 255, .1) !important; color: var(--tinta-2);
  border-radius: 4px; font-family: var(--texto-fuente); font-stretch: 100%; font-weight: 600; letter-spacing: 0; text-transform: none; font-size: .68rem;
}
[data-tema="streaming"] .canal::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--c, var(--c-otro)); }

/* Filas de carteles grandes, como las apps de streaming */
[data-tema="streaming"] .carrusel { grid-template-rows: none; grid-auto-columns: 136px; column-gap: .7rem; }
[data-tema="streaming"] .mini { display: flex; flex-direction: column; gap: .35rem; padding: 0; border: 0; }
[data-tema="streaming"] .mini .poster { width: 100%; border-radius: 6px; }
[data-tema="streaming"] .mini .poster img { border-radius: 6px; }
[data-tema="streaming"] .mini-cuerpo { gap: .25rem; }
[data-tema="streaming"] .mini p { -webkit-line-clamp: 2; }
[data-tema="streaming"] .hueco-mini div { height: auto; aspect-ratio: 2 / 3; border-radius: 6px; }
[data-tema="streaming"] .hueco-mini div + div { display: none; }
@media (min-width: 720px) { [data-tema="streaming"] .carrusel { grid-auto-columns: 160px; } }

/* Resultados en tarjetas oscuras */
[data-tema="streaming"] .resultados { gap: .75rem; }
[data-tema="streaming"] .tarjeta { padding: .75rem; border: 0; border-radius: 10px; background: var(--papel-2); }
[data-tema="streaming"] .poster { border-radius: 6px; }
[data-tema="streaming"] .poster img { border-radius: 6px; }
[data-tema="streaming"] .fila-lista { border-bottom-color: var(--regla); }

/* «Recomendada» = etiqueta roja sobre el cartel */
[data-tema="streaming"] .flash {
  transform: none; left: 6px; top: 6px; border-radius: 3px; background: var(--rojo); color: #fff;
  box-shadow: none; font-family: var(--texto-fuente); font-stretch: 100%; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; font-size: .58rem;
}
[data-tema="streaming"] .flash.en-linea { padding: .2rem .4rem; }

/* Nota: estrella dorada */
[data-tema="streaming"] .critica { color: var(--tinta-2); }
[data-tema="streaming"] .estrellitas .llena svg, [data-tema="streaming"] .estrellitas .media svg + svg { fill: var(--amarillo); }
[data-tema="streaming"] .estrellitas svg { fill: #3a3a45; }
[data-tema="streaming"] .estrellas button.on svg { fill: var(--amarillo); stroke: var(--amarillo); }

/* Controles */
[data-tema="streaming"] .boton { border-radius: 6px; font-weight: 700; font-size: .98rem; }
[data-tema="streaming"] .boton.secundario { background: rgba(255, 255, 255, .12); border-color: transparent; color: var(--tinta); }
[data-tema="streaming"] .boton.secundario:hover { background: rgba(255, 255, 255, .2); }
[data-tema="streaming"] .boton-apetece { background: #fff; border-color: #fff; color: #0b0b0f; font-size: 1.1rem; font-weight: 800; }
[data-tema="streaming"] .boton-apetece:hover { background: #e6e6e6; border-color: #e6e6e6; }
[data-tema="streaming"] .boton-apetece svg { fill: var(--rojo); }
[data-tema="streaming"] .accion { border: 0; background: rgba(255, 255, 255, .1); color: var(--tinta); font-weight: 600; font-size: .82rem; border-radius: 6px; }
[data-tema="streaming"] .accion:hover { background: rgba(255, 255, 255, .18); }
[data-tema="streaming"] .accion.activa { background: #fff; color: #0b0b0f; }
[data-tema="streaming"] .pestanas { border-bottom: 0; gap: .5rem; }
[data-tema="streaming"] .pestanas button { padding: .45rem .95rem; border: 0; border-radius: 999px; background: var(--papel-2); color: var(--tinta-2); font-size: .9rem; font-weight: 600; margin: 0; }
[data-tema="streaming"] .pestanas button[aria-selected="true"] { background: #fff; color: #0b0b0f; }
[data-tema="streaming"] .pestanas .cuenta { color: inherit; opacity: .7; }
[data-tema="streaming"] .segmentos { border: 0; background: var(--papel-2); padding: 3px; border-radius: 999px; }
[data-tema="streaming"] .segmentos label + label span { border-left: 0; }
[data-tema="streaming"] .segmentos span { border-radius: 999px; font-weight: 600; }
[data-tema="streaming"] .segmentos input:checked + span { background: #fff; color: #0b0b0f; }
[data-tema="streaming"] .chip span { border-radius: 8px; border-color: transparent; }
[data-tema="streaming"] .chip input:checked + span { border: 2px solid #fff; background: var(--papel-3); }
[data-tema="streaming"] .chip input:checked + span::after { border-color: #fff; }
[data-tema="streaming"] .campo input, [data-tema="streaming"] .buscador input, [data-tema="streaming"] textarea,
[data-tema="streaming"] .anadir-amigo input, [data-tema="streaming"] .filtro-persona select { background: var(--papel-2); border-color: var(--regla); border-radius: 6px; }

/* Ventanas */
[data-tema="streaming"] .hoja { background: #141419; border-radius: 14px 14px 0 0; }
[data-tema="streaming"] .hoja-cabecera { background: transparent; border-bottom: 0; color: var(--tinta); padding-top: 1rem; }
[data-tema="streaming"] .hoja-cabecera .boton-texto { color: var(--tinta-2); }
@media (min-width: 600px) { [data-tema="streaming"] .hoja { border-radius: 14px; } }
[data-tema="streaming"] .estados { border: 0; gap: .5rem; }
[data-tema="streaming"] .estado { border: 0; border-radius: 8px; background: var(--papel-3); color: var(--tinta); }
[data-tema="streaming"] .estado:hover { background: #33333e; color: var(--tinta); }
[data-tema="streaming"] .estado.destacado { background: var(--rojo); color: #fff; }
[data-tema="streaming"] .estado.destacado:hover { background: #c40812; color: #fff; }
[data-tema="streaming"] .opcion-tipo { border: 0; border-radius: 10px; background: var(--papel-3); color: var(--tinta); font-weight: 700; font-size: 1.1rem; }
[data-tema="streaming"] .opcion-tipo:hover { background: #33333e; color: var(--tinta); }
[data-tema="streaming"] .apetece-eleccion strong { color: var(--tinta); text-transform: none; font-family: var(--texto-fuente); font-stretch: 100%; }

/* Ficha: fondo con degradado, como en las apps de streaming */
[data-tema="streaming"] .ficha-fondo { height: 240px; }
[data-tema="streaming"] .ficha-fondo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(11, 11, 15, .05) 30%, var(--papel)); }
[data-tema="streaming"] .ficha-cabeza .poster { border: 0; border-radius: 8px; }
[data-tema="streaming"] .generos span { border: 0; background: var(--papel-2); border-radius: 999px; }
[data-tema="streaming"] .canal-grande { background: var(--papel-2); border-radius: 8px; color: var(--tinta); font-family: var(--texto-fuente); font-stretch: 100%; text-transform: none; font-weight: 700; }
[data-tema="streaming"] .mi-valoracion { border: 0; background: var(--papel-2); border-radius: 10px; }

/* Barra inferior */
[data-tema="streaming"] .barra { background: rgba(11, 11, 15, .94); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top: 1px solid var(--regla); }
[data-tema="streaming"] .barra a { font-weight: 600; font-size: .68rem; }
[data-tema="streaming"] .barra a[aria-current="page"] { color: var(--tinta); }
[data-tema="streaming"] .barra a[aria-current="page"]::before { display: none; }
[data-tema="streaming"] .insignia { background: var(--rojo); color: #fff; transform: none; border-radius: 999px; }
[data-tema="streaming"] .pastilla-nueva, [data-tema="streaming"] .recibida.nueva .de::after { background: var(--rojo); color: #fff; transform: none; border-radius: 3px; font-family: var(--texto-fuente); font-stretch: 100%; }
[data-tema="streaming"] .persona .inicial, [data-tema="streaming"] .inicial-chip { background: var(--papel-3); color: var(--tinta); font-family: var(--texto-fuente); font-stretch: 100%; }
@media (min-width: 1000px) {
  [data-tema="streaming"] .barra { background: transparent; border: 0; backdrop-filter: none; -webkit-backdrop-filter: none; }
  [data-tema="streaming"] .barra a { color: var(--tinta-3); }
  [data-tema="streaming"] .barra a:hover { background: transparent; color: var(--tinta); }
  [data-tema="streaming"] .barra a[aria-current="page"] { background: transparent; color: var(--tinta); }
  [data-tema="streaming"] .insignia { box-shadow: 0 0 0 2px var(--papel); }
}

/* ═════════════════ Selector de estilo (Mi cuenta) ═════════════════ */
.selector-tema { display: grid; gap: .6rem; }
@media (min-width: 720px) { .selector-tema { grid-template-columns: repeat(3, 1fr); } }
.opcion-tema { position: relative; display: grid; grid-template-columns: 76px 1fr; gap: .8rem; align-items: center; padding: .6rem; border: 1.5px solid var(--regla); border-radius: var(--radio); cursor: pointer; }
.opcion-tema input { position: absolute; opacity: 0; pointer-events: none; }
.opcion-tema:has(input:checked) { border: 2px solid var(--tinta); }
.opcion-tema:has(input:focus-visible) { outline: 3px solid var(--azul); outline-offset: 2px; }
.tema-texto strong { display: block; font-size: 1rem; }
.tema-texto small { display: block; color: var(--tinta-2); font-size: .82rem; line-height: 1.3; margin-top: .1rem; }
.opcion-tema:has(input:checked) .tema-texto strong::after { content: " · elegido"; color: var(--rojo-tinta); font-weight: 600; font-size: .85rem; }
/* Miniatura de cada estilo, dibujada con sus propios colores */
.muestra { display: grid; gap: 4px; padding: 0 0 5px; width: 76px; height: 76px; border-radius: 4px; overflow: hidden; }
.muestra .m-cabecera { height: 14px; }
.muestra .m-fila { display: grid; grid-template-columns: 16px 1fr; gap: 4px; margin: 0 5px; padding: 3px; border-radius: 2px; }
.muestra .m-cartel { height: 20px; border-radius: 1px; }
.muestra .m-lineas { display: grid; gap: 3px; align-content: start; }
.muestra .m-lineas i { display: block; height: 3px; border-radius: 1px; }
.muestra .m-lineas i:nth-child(1) { width: 70%; }
.muestra .m-lineas i:nth-child(3) { width: 45%; }
[data-muestra="parrilla"] .muestra { background: #fff; border: 1px solid #d9d6cd; }
[data-muestra="parrilla"] .m-cabecera { background: #d8232a; box-shadow: 0 2px 0 #161616; }
[data-muestra="parrilla"] .m-fila { border-bottom: 1px solid #d9d6cd; }
[data-muestra="parrilla"] .m-cartel { background: #5b23c9; }
[data-muestra="parrilla"] .m-lineas i { background: #161616; }
[data-muestra="parrilla"] .m-lineas i:nth-child(2) { background: #d8232a; width: 55%; }
[data-muestra="taquilla"] .muestra { background: #24090f; }
[data-muestra="taquilla"] .m-cabecera { background: #160509; border-bottom: 2px dotted #451824; }
[data-muestra="taquilla"] .m-fila:nth-of-type(2) { background: #f2b7c2; }
[data-muestra="taquilla"] .m-fila:nth-of-type(3) { background: #aedbcb; }
[data-muestra="taquilla"] .m-cartel { background: #2a0d14; }
[data-muestra="taquilla"] .m-lineas i { background: rgba(42, 13, 20, .7); }
[data-muestra="streaming"] .muestra { background: #0b0b0f; }
[data-muestra="streaming"] .m-cabecera { background: #0b0b0f; border-bottom: 1px solid #2a2a33; position: relative; }
[data-muestra="streaming"] .m-cabecera::before { content: ""; position: absolute; left: 5px; top: 5px; width: 22px; height: 4px; background: #e50914; }
[data-muestra="streaming"] .m-fila { background: #17171e; }
[data-muestra="streaming"] .m-cartel { background: linear-gradient(160deg, #3a3a6a, #b83a4a); }
[data-muestra="streaming"] .m-lineas i { background: #c7c7d1; }

/* Ajustes de la taquilla tras revisarla en el móvil */
[data-tema="taquilla"] .flash { font-size: .56rem; padding: .12rem .3rem; }
[data-tema="taquilla"] .poster .flash { left: -2px; top: 6px; max-width: calc(100% + 4px); }
[data-tema="taquilla"] .mini .canales { flex-wrap: wrap; overflow: visible; }
[data-tema="taquilla"] .tarjeta { grid-template-columns: 84px 1fr; gap: .75rem; }
[data-tema="taquilla"] .tarjeta .acciones { flex-wrap: wrap; }

/* Streaming: con carteles grandes, el sello va sobre el cartel */
[data-tema="streaming"] .mini { position: relative; }
[data-tema="streaming"] .mini .flash.en-linea { position: absolute; top: 6px; left: 6px; z-index: 1; }

/* Amigos en los estilos alternativos */
[data-tema="taquilla"] .titulo-recs { border-top: 1px dashed var(--regla); font-stretch: 112%; letter-spacing: .04em; font-size: 1.3rem; }
[data-tema="streaming"] .titulo-recs { border-top: 0; text-transform: none; font-family: var(--texto-fuente); font-stretch: 100%; font-size: 1.35rem; font-weight: 800; letter-spacing: -.01em; }
[data-tema="streaming"] .titulo-seccion { text-transform: none; font-family: var(--texto-fuente); font-stretch: 100%; letter-spacing: 0; font-size: .95rem; }
[data-tema="streaming"] .solicitudes-pendientes { background: var(--papel-2); color: var(--tinta); }
[data-tema="streaming"] .solicitudes-pendientes .persona .quien small { color: var(--tinta-3); }
[data-tema="streaming"] .solicitudes-pendientes .accion { border: 0; color: var(--tinta); }
[data-tema="streaming"] .solicitudes-pendientes .accion.activa { background: #fff; color: #0b0b0f; }
[data-tema="streaming"] .recs-protagonista .recibida { padding: .8rem; margin-bottom: .6rem; border: 0; border-radius: 10px; background: var(--papel-2); }

/* Campos con borde visible sobre el fondo oscuro (contraste ≥ 3:1) */
[data-tema="streaming"] .campo input, [data-tema="streaming"] .buscador input, [data-tema="streaming"] textarea,
[data-tema="streaming"] .anadir-amigo input, [data-tema="streaming"] .filtro-persona select, [data-tema="streaming"] .clave-nueva input { border-color: #6b6b78; }

/* Desliza en los estilos alternativos */
[data-tema="taquilla"] .carta { background: var(--stock-otro); color: var(--tinta-entrada); border-color: #160509; }
[data-tema="taquilla"] .carta .canal { color: var(--tinta-entrada); }
[data-tema="taquilla"] .carta .razon, [data-tema="taquilla"] .carta .sinopsis-corta, [data-tema="taquilla"] .carta .ver-ficha, [data-tema="taquilla"] .carta .meta { color: var(--tinta-entrada-2); }
[data-tema="taquilla"] .carta .critica { color: var(--tinta-entrada); }
[data-tema="taquilla"] .carta .estrellitas .llena svg, [data-tema="taquilla"] .carta .estrellitas .media svg + svg { fill: var(--tinta-entrada); }
[data-tema="taquilla"] .tarjeta-juego { border: 1px dashed var(--regla); background: transparent; }
[data-tema="taquilla"] .tarjeta-juego strong { font-stretch: 112%; letter-spacing: .05em; font-size: 1.15rem; }
[data-tema="taquilla"] .juego-btn { background: transparent; }
[data-tema="streaming"] .carta { border: 0; border-radius: 16px; background: var(--papel-2); box-shadow: 0 18px 40px rgba(0, 0, 0, .55); }
[data-tema="streaming"] .carta-texto h2 { font-family: var(--texto-fuente); font-stretch: 100%; text-transform: none; font-size: 1.35rem; font-weight: 800; }
[data-tema="streaming"] .sello { background: rgba(0, 0, 0, .55); font-family: var(--texto-fuente); font-stretch: 100%; }
[data-tema="streaming"] .tarjeta-juego { border: 0; background: var(--papel-2); border-radius: 12px; }
[data-tema="streaming"] .tarjeta-juego strong { font-family: var(--texto-fuente); font-stretch: 100%; text-transform: none; font-size: 1.15rem; }
[data-tema="streaming"] .juego-btn { background: var(--papel-2); }
[data-tema="streaming"] .marca-juego, [data-tema="streaming"] .marca-manual { font-family: var(--texto-fuente); font-stretch: 100%; text-transform: none; letter-spacing: 0; font-weight: 700; }

/* Ficha rápida en los estilos alternativos */
[data-tema="taquilla"] .ficha-rapida-cabecera { background: #160509; border-bottom: 1px dashed var(--regla); }
[data-tema="taquilla"] .ficha-rapida-cabecera h2 { font-stretch: 112%; letter-spacing: .04em; font-size: 1.1rem; }
[data-tema="taquilla"] .cerrar-x:hover { background: var(--tinta); color: #160509; }
[data-tema="taquilla"] .ficha-rapida-decidir { background: #2b0c13; }
[data-tema="taquilla"] .carta .ver-ficha { color: var(--tinta-entrada-2); }
[data-tema="streaming"] .ficha-rapida-cabecera { background: #141419; color: var(--tinta); border-bottom: 1px solid var(--regla); }
[data-tema="streaming"] .ficha-rapida-cabecera h2 { font-family: var(--texto-fuente); font-stretch: 100%; text-transform: none; font-weight: 800; font-size: 1.2rem; }
[data-tema="streaming"] .cerrar-x { border: 0; background: var(--papel-3); }
[data-tema="streaming"] .cerrar-x:hover { background: #fff; color: #0b0b0f; }
[data-tema="streaming"] .ficha-rapida-decidir { background: #141419; }

[data-tema="streaming"] .marca-amigo { font-family: var(--texto-fuente); font-stretch: 100%; text-transform: none; letter-spacing: 0; font-weight: 700; }

/* Amigos en los estilos alternativos */
[data-tema="taquilla"] .pestanas-amigos, [data-tema="taquilla"] .pestanas-amigos button + button { border-color: var(--tinta-2); }
[data-tema="taquilla"] .bloque-amigos { border-top: 1px dashed var(--regla); }
[data-tema="taquilla"] .bloque-amigos > h2 { font-stretch: 112%; letter-spacing: .04em; font-size: 1.1rem; }
[data-tema="taquilla"] .tarjeta-grupo { background: transparent; border-color: var(--tinta-2); }
[data-tema="taquilla"] .cara { background: var(--amarillo); color: var(--sobre-amarillo); border-color: var(--papel); }
[data-tema="taquilla"] .pasos-amigos b { background: var(--amarillo); color: var(--sobre-amarillo); }
[data-tema="streaming"] .pestanas-amigos { border: 0; background: var(--papel-2); padding: 3px; border-radius: 999px; gap: 3px; }
[data-tema="streaming"] .pestanas-amigos button { border: 0 !important; border-radius: 999px; background: transparent; font-family: var(--texto-fuente); font-stretch: 100%; text-transform: none; letter-spacing: 0; font-weight: 700; }
[data-tema="streaming"] .pestanas-amigos button[aria-selected="true"] { background: #fff; color: #0b0b0f; }
[data-tema="streaming"] .bloque-amigos { border-top: 0; }
[data-tema="streaming"] .bloque-amigos > h2, [data-tema="streaming"] .via h3, [data-tema="streaming"] .tarjeta-grupo strong { font-family: var(--texto-fuente); font-stretch: 100%; text-transform: none; letter-spacing: -.01em; }
[data-tema="streaming"] .via { border: 0; background: var(--papel-2); border-radius: 12px; }
[data-tema="streaming"] .tarjeta-grupo { border: 0; background: var(--papel-2); border-radius: 12px; }
[data-tema="streaming"] .tarjeta-grupo.nueva { border: 2px dashed #4a4a56; background: transparent; }
[data-tema="streaming"] .cara { background: var(--papel-3); color: var(--tinta); border-color: var(--papel-2); }
[data-tema="streaming"] .pasos-amigos b { font-family: var(--texto-fuente); }
[data-tema="taquilla"] .amigo .inicial { background: var(--amarillo); color: var(--sobre-amarillo); }
[data-tema="streaming"] .amigo .inicial { background: var(--papel-3); color: var(--tinta); font-family: var(--texto-fuente); font-stretch: 100%; }

[data-tema="streaming"] .orden { text-transform: none; font-family: var(--texto-fuente); font-stretch: 100%; letter-spacing: 0; }
[data-tema="streaming"] .orden select, [data-tema="streaming"] .campo select { background: var(--papel-2); border-color: #6b6b78; border-radius: 6px; }