/* ==========================================================================
   Dinerolocos · serie-dinerolocos.css
   Serie de humor con robots de plastilina: un solo acento neón sobrio (verde
   ácido #39d98a, con su tinta legible en cada modo) sobre la marca de siempre.
   Sin brillos animados. Se carga en el hub y en cada episodio.
   ========================================================================== */
[data-serie="dinerolocos"] { --neon: #39d98a; --acento-tinta: #17734a; }
:root[data-tema="oscuro"] [data-serie="dinerolocos"], [data-serie="dinerolocos"] .tema-oscuro, .tema-oscuro[data-serie="dinerolocos"] { --acento-tinta: #7ef0b4; }
@media (prefers-color-scheme: dark) { :root:not([data-tema="claro"]) [data-serie="dinerolocos"] { --acento-tinta: #7ef0b4; } }

/* Cabecera del hub y banda de cine: noche con un filete neón y un brillo muy suave */
.cab-neon, .cine--neon { background: radial-gradient(70% 120% at 100% 0%, rgb(57 217 138 / .13) 0, rgb(57 217 138 / 0) 60%), var(--noche); box-shadow: inset 0 3px 0 var(--neon); }
.cab-neon { padding-top: var(--e-5); color: var(--texto); }
.cab-neon h1 { color: var(--texto); }
.cab-neon h1, .cine--neon h1 { text-shadow: 0 0 28px rgb(57 217 138 / .18); }
.cab-neon .antetitulo, .cine--neon .cine__cinta a { color: #7ef0b4; }
.cab-neon .antetitulo::before { background: var(--neon); }
.cab-neon .entradilla { color: var(--texto-2); }
.cab-neon .sello[data-serie="dinerolocos"], .cine--neon .sello[data-serie="dinerolocos"] { box-shadow: inset 0 0 0 1.5px var(--neon); }
.cine--neon .capitulos time { color: #7ef0b4; }
.cine--neon .reproductor { box-shadow: 0 0 0 1px rgb(57 217 138 / .45), 0 0 40px -12px rgb(57 217 138 / .35), 0 30px 60px -30px #000; }

/* Los robots */
.robots { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
/* Etiquetas, no botones: no llevan enlace ni acción, así que ni borde ni sombra de botón, solo un fondo suave */
.robots li { display: inline-flex; align-items: center; gap: .4rem; padding: .3rem .7rem .3rem .55rem; border-radius: var(--r-1); background: var(--sup-2); font-weight: 600; font-size: .9375rem; }
.robots .ico { color: var(--acento-tinta); }
.robots .chip__n { margin-left: .2rem; color: var(--texto-3); }
.robots-cine { display: grid; gap: .5rem; }
.robots-cine__titulo { margin: 0; font: 650 var(--t-mono)/1.2 var(--mono); text-transform: uppercase; letter-spacing: .07em; color: var(--texto-3); }
.robots-cine .robots li { font-size: .875rem; background: rgb(57 217 138 / .1); }
.robots-cine .robots .ico { color: #7ef0b4; }
.robots-dl .robots li { box-shadow: inset 3px 0 0 var(--neon); }

/* Con pocos episodios, las tarjetas no se estiran a todo el ancho */
[data-serie="dinerolocos"] .rejilla-3 { grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); }
@media (max-width: 63.99rem) { .robots-cine { display: none; } }