.imas-serie{--s-paper:#f6f6f4;--s-ink:#242927;--s-muted:#626b66;--s-accent:#b56919;position:relative;width:100%;margin:0;color:var(--s-ink);font-family:'Instrument Sans',Arial,sans-serif;isolation:isolate}
.imas-serie *{box-sizing:border-box}
.imas-serie .serie-stage{position:relative;height:560px;overflow:hidden;background:var(--s-paper)}
.imas-serie canvas,.imas-serie .serie-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.imas-serie canvas{touch-action:none;cursor:grab;opacity:0;transition:opacity .4s}
.imas-serie[data-ready="true"] canvas{opacity:1}
.imas-serie[data-ready="true"] .serie-poster{visibility:hidden}
.imas-serie canvas:active{cursor:grabbing}
.imas-serie .serie-overline{position:absolute;inset:22px 18px auto;display:flex;align-items:center;justify-content:space-between;gap:14px;font:9px 'JetBrains Mono',monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--s-muted);pointer-events:none}
.imas-serie .serie-overline b{color:var(--s-accent);font-weight:500;letter-spacing:.14em}
.imas-serie .serie-loading{position:absolute;left:18px;bottom:26px;font-size:12px;color:var(--s-muted)}
.imas-serie .serie-loading[hidden]{display:none}
.imas-serie .serie-play{position:absolute;right:18px;bottom:16px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #d4d8d1;border-radius:50%;background:rgba(246,246,244,.8);color:var(--s-muted);cursor:pointer}
.imas-serie .serie-play svg{width:12px;height:12px;fill:currentColor}
.imas-serie .serie-play:hover{background:#e9ece6;color:var(--s-ink)}
.imas-serie .serie-play:active{transform:scale(.97)}
.imas-serie .serie-play:focus-visible{outline:2px solid var(--s-accent);outline-offset:3px}
.imas-serie .serie-play:disabled{visibility:hidden}
.imas-serie .serie-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.imas-serie:not([data-ready="true"]) .serie-overline>span:last-child{visibility:hidden}
@media(max-width:600px){.imas-serie .serie-stage{height:390px}.imas-serie .serie-overline{inset:17px 10px auto;font-size:8px;gap:6px}.imas-serie .serie-play{right:10px;bottom:12px}.imas-serie .serie-loading{left:10px;bottom:24px}}
@media(prefers-reduced-motion:reduce){.imas-serie canvas{transition:none}}

/* Adaptación a la cabecera del tema. Solo afecta a Producción y ensamblaje.
   El contenedor pierde el recorte 16/10 de las fotografías: el escenario
   reserva su propia altura y el póster se muestra entero (contain), con el
   mismo encuadre que el lienzo. Sin línea de tiempo ni rótulos de fase ni
   botón de pausa (Edgar, 7-9-2026): la escena no lleva controles visibles.
   Marco flotante (Edgar, 7-9-2026): el mismo que el visor NEXO de /producto/.
   El contenedor conserva la sombra y las esquinas de .ahero-media, el
   escenario lleva el degradado radial del visor y el lienzo se pinta
   transparente para que se vea. El póster (fondo papel opaco) se funde con
   multiply mientras carga la escena; brightness(1.04) lleva ese papel (#f6f6f4)
   a blanco, y multiplicar por blanco no deja huella sobre el degradado. */
.ahero-media.imas-serie-hero{aspect-ratio:auto;height:auto;min-width:0;background:var(--paper-2,#ebebe7);overflow:hidden}
.imas-serie-hero .imas-serie{margin:0;font-family:var(--body,'Instrument Sans',Arial,sans-serif)}
.imas-serie-hero .serie-stage{height:clamp(420px,38vw,580px);background:radial-gradient(ellipse at 50% 38%,#fff,var(--paper,#f6f6f4) 62%,var(--paper-2,#ebebe7) 100%)}
.imas-serie-hero .serie-poster{object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.04)}
@media(max-width:600px){.imas-serie-hero .serie-stage{height:350px}}