/* Full viewport detail; its content stays centered on wide desktop windows. */
.modal-detalle{background:#080f19!important;padding-top:0}.detalle-hero{min-height:280px!important;height:clamp(260px,40vw,400px);position:relative}.detalle-hero-bg{opacity:.62!important}.detalle-hero-overlay{background:linear-gradient(0deg,#080f19 1%,#080f1980 55%,#080f1940)!important}.detalle-hero-contenido{padding:70px 28px 24px!important;align-items:flex-end!important;max-width:100%;height:100%}.detalle-poster{width:105px!important;max-height:155px!important;object-fit:cover;border-radius:8px!important}.detalle-titulo{font-size:clamp(25px,4vw,38px)!important;line-height:1.12!important;letter-spacing:-.9px}.detalle-cuerpo{padding:12px 28px 48px!important;max-width:100%}.detalle-back{position:absolute!important;top:14px!important;left:16px!important;z-index:9}.episode-playbar{position:static;display:inline-flex;align-items:center;gap:8px;padding:0;margin:0 8px 14px 0;max-width:100%;vertical-align:top;background:transparent;backdrop-filter:none}.detalle-btn-reproducir{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:auto!important;min-height:44px!important;padding:11px 22px!important;font-size:14px!important;border-radius:8px!important;margin:0!important;max-width:100%;white-space:normal}.detalle-btn-descargar{display:inline-flex;width:auto!important;min-height:44px!important;padding:10px 16px!important;margin:0 0 14px!important;font-size:13px!important;gap:8px;border-radius:8px!important;vertical-align:top}.detalle-acciones{display:flex;justify-content:flex-start!important;gap:10px;margin:4px 0 18px!important;padding:0 0 18px!important;border-bottom:1px solid #26364a}.detalle-accion{flex:none!important;width:auto!important;min-width:60px;min-height:56px!important;font-size:10px!important;padding:7px 11px!important;background:#142134;border-radius:9px}.detalle-accion svg{width:20px;height:20px}.detalle-sinopsis{font-size:13px!important;line-height:1.75!important}.detalle-meta{font-size:11px!important;margin-bottom:24px}.detalle-relacionados-title{font-size:20px!important;font-weight:700;margin-bottom:16px}.detail-related-rail{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:150px!important;overflow-x:auto;gap:14px!important;scroll-snap-type:x proximity;padding:0 0 14px!important}.detail-related-rail .cine-card{min-width:0;scroll-snap-align:start}.detail-related-rail .cine-poster{width:100%;aspect-ratio:2/3}.detail-related-rail .cine-poster img{height:100%;width:100%;object-fit:cover}.detail-related-rail .cine-card-title{text-align:left}.inline-player[hidden]{display:none!important}.inline-player{margin:0;background:#03070d;padding:58px 0 14px;scroll-margin-top:0}.inline-player iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;min-height:200px;border:0;background:#000}.inline-player iframe[hidden]{display:none}.player-heading{padding:0 20px 14px;display:flex;justify-content:space-between;align-items:center;gap:16px}.player-heading strong{font-size:16px;line-height:1.4}.player-heading button,.player-toolbar button{border:1px solid #3c526e;background:#16263a;color:#dce9f9;min-height:40px;border-radius:8px;padding:9px 13px;cursor:pointer}.player-heading button{flex:none}.player-toolbar{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px 0}.inline-player p{margin:10px 20px 0;font-size:12px;color:#b4c5db;line-height:1.6}.inline-player .player-ad-note{font-size:10px;color:#8e9db2}.has-player .detalle-hero{display:none}.has-player .detalle-cuerpo{padding-top:20px!important}.episode-row{border:1px solid #2b3e58;border-radius:10px;background:#111d2d;overflow:hidden}.episode-row .episode-card{border:0;border-radius:0;padding:15px;min-height:90px;background:transparent;align-items:flex-start}.episode-row .episode-card[aria-pressed=true]{background:#1a2e47}.episode-actions{display:flex;justify-content:flex-end;gap:9px;padding:0 12px 12px}.episode-actions button{border:1px solid #405676;border-radius:7px;background:#1c2e47;color:#c8ddf7;padding:8px 11px;min-height:40px;font-size:11px;cursor:pointer}.episode-download-editor{background:#101c2c;border:1px solid #415b7a;color:#e2edfc;border-radius:16px;max-width:480px;width:calc(100% - 32px);padding:24px;margin:auto}.episode-download-editor::backdrop{background:#000a}.episode-download-editor h2{font-size:21px;margin-bottom:20px}.episode-download-editor label{font-size:13px;display:grid;gap:10px}.episode-download-editor input{width:100%;min-height:44px;padding:9px;background:#071221;border:1px solid #405676;border-radius:7px;color:white}.episode-download-editor p{font-size:12px;color:#a7bad1;line-height:1.6;margin:14px 0}.episode-download-editor button{background:#bbd9fb;color:#122138;border:0;border-radius:7px;padding:11px 15px;margin-right:8px;cursor:pointer}.episode-download-editor button[type=button]{background:#263d58;color:white}.episode-download-editor button:disabled{opacity:.5}.episodes-grid{grid-template-columns:1fr}.account-library-link{display:flex;align-items:center;gap:10px;border:1px solid #385374;border-radius:12px;padding:16px;margin:20px 0;color:#d7e8fc}.account-library-link small{flex:1;color:#9fb4d0;font-size:11px}.cine-hero{min-height:520px}.cine-rail{scroll-snap-type:x proximity}.cine-rail .cine-card{scroll-snap-align:start}
@media(min-width:800px){.episodes-grid{grid-template-columns:1fr 1fr}.inline-player iframe{min-height:380px}.detail-related-rail{grid-auto-columns:170px!important}}
@media(max-width:600px){.detalle-hero{min-height:270px!important;height:300px}.detalle-hero-contenido{padding:75px 20px 20px!important;gap:14px!important}.detalle-poster{display:none!important}.detalle-cuerpo{padding:12px 18px 40px!important}.detalle-titulo{font-size:29px!important}.detalle-btn-reproducir{font-size:13px!important;padding:11px 18px!important}.detalle-btn-descargar{font-size:12px!important;padding:10px 13px!important}.detalle-acciones{gap:8px}.detalle-accion{min-width:58px;padding:7px 9px!important}.detail-related-rail{grid-auto-columns:42%!important;gap:12px!important}.player-heading strong{font-size:14px}.inline-player iframe{min-height:0}.player-toolbar button{font-size:11px}.episodes-toolbar h2{font-size:20px}.episode-number{font-size:19px;min-width:25px}.episode-info strong{font-size:13px}.episode-info>span{font-size:11px}.cine-hero{min-height:480px}.cine-hero h1{font-size:34px}.cine-hero-copy{padding-bottom:22px}.cine-hero-summary{-webkit-line-clamp:2}.cine-rail{grid-auto-columns:39%}.cine-section{margin-bottom:32px}}
.playback-note{font-size:12px;line-height:1.6;color:#d4bc8c;background:#29251d;border:1px solid #594b32;padding:12px;border-radius:8px;margin-bottom:18px}.playback-note[hidden]{display:none}
.episode-thumb{position:relative;display:block;width:105px;aspect-ratio:16/10;flex:none;border-radius:6px;overflow:hidden;background:#1b2c42}.episode-thumb img{width:100%;height:100%;object-fit:cover}.episode-thumb .episode-number{position:absolute;left:4px;bottom:4px;background:#061020d9;border-radius:4px;font-size:11px;color:#e8f2ff;min-width:0;padding:2px 5px}.episode-row .episode-card{gap:12px}@media(max-width:600px){.episode-thumb{width:86px}.episode-row .episode-card{gap:10px}}

.player-identity{min-width:0;display:grid;gap:8px}.player-brand{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:2px;color:#a4cefa}.player-brand img{width:21px;height:21px;object-fit:contain}.player-identity strong{overflow-wrap:anywhere}
/* Phase 8: one opaque page, aligned actions and a clean playback state. */
.modal-detalle.active{inset:0!important;left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:none!important;box-shadow:none!important;background:#080f19!important;isolation:isolate}
.detalle-hero{height:clamp(310px,37vw,600px)!important;min-height:310px!important}
.detalle-hero-contenido{width:100%;max-width:1440px;margin:0 auto;padding:85px 48px 32px!important}
.detalle-cuerpo{max-width:1440px!important;margin:0 auto!important;padding:12px 48px 64px!important}
.detalle-back{position:fixed!important;top:max(16px,env(safe-area-inset-top))!important;left:max(18px,env(safe-area-inset-left))!important}
.detalle-hero-bg{background-position:center 30%!important;filter:blur(1px)!important}
.detalle-titulo{font-size:clamp(30px,3.5vw,58px)!important;max-width:950px}
.detail-action-group{max-width:440px;margin-bottom:26px}
.detail-primary-actions{display:flex;align-items:stretch;gap:12px;padding:4px 0 22px}
.detail-primary-actions>button,.detail-primary-actions>#trailerZona{flex:1;min-width:0}
.detail-primary{appearance:none;border:0;background:transparent;color:#d6e4f5;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding:0;cursor:pointer;font:600 13px Manrope,sans-serif;min-height:92px;text-align:center}
#trailerZona .detail-primary{width:100%}
.detail-primary .action-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1c2b40;border:1px solid #415773;transition:transform .18s,background .18s}
.detail-primary .action-icon svg{width:24px;height:24px}
.detail-play .action-icon{width:64px;height:64px;background:#e6f2ff;border-color:#e6f2ff;color:#0a192c}
.detail-play .action-icon svg{width:34px;height:34px;margin-left:3px}
.detail-primary:hover .action-icon{transform:scale(1.06);background:#39536f}
.detail-play:hover .action-icon{background:white}
.detail-primary:disabled{opacity:.4;cursor:default}
.detail-primary .action-label{min-height:20px;line-height:20px}
.detail-action-group .detalle-acciones{border-top:1px solid #26364a;border-bottom:1px solid #26364a;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0!important;padding:14px 0!important}
.detail-action-group .detalle-accion{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%!important;min-width:0;background:transparent;padding:7px!important;font-size:11px!important;line-height:16px;text-align:center}
.detail-action-group .detalle-accion svg{display:block;flex:none;margin:0}
.detail-action-group .detalle-accion span{min-height:16px}
.detail-action-group .detalle-accion:hover{background:#152337}
.has-player .detail-primary-actions{display:none}
.inline-player{max-width:1440px;margin:0 auto;padding-top:64px}
.inline-player iframe{min-height:0!important;max-height:calc(100dvh - 160px);aspect-ratio:16/9}
.player-heading{padding:0 24px 14px 76px}.player-toolbar:has(button:not([hidden])){padding-top:12px}.player-toolbar:not(:has(button:not([hidden]))){display:none}
.inline-player p[hidden]{display:none!important}
.player-ad-note{text-align:right}
.detail-primary:focus-visible,.detalle-accion:focus-visible,.episode-card:focus-visible{outline:3px solid #d5eaff;outline-offset:4px}
@media(min-width:1500px){.detalle-hero-bg{background-size:cover!important}.detalle-poster{width:155px!important;max-height:230px!important}.detalle-hero-contenido{gap:30px!important}}
@media(max-width:700px){.detalle-hero{height:340px!important}.detalle-hero-contenido{padding:80px 22px 28px!important}.detalle-cuerpo{padding:12px 20px 44px!important}.detalle-titulo{font-size:32px!important}.detail-action-group{max-width:440px;margin-bottom:22px}.detail-primary-actions{gap:8px}.detail-primary{font-size:12px;min-height:87px}.detail-action-group .detalle-acciones{gap:8px}.player-heading{padding-left:70px}.inline-player iframe{max-height:none}.episode-row .episode-card{min-width:0}.episode-info{min-width:0}.episode-info strong{overflow-wrap:anywhere}}

@media(min-width:900px){.detalle-hero{height:clamp(360px,32vw,520px)!important}.detalle-sinopsis{max-width:960px;font-size:15px!important}.detalle-meta{font-size:13px!important}.episode-info strong{font-size:16px}.episode-info>span{font-size:13px}}
.player-toolbar:has(#player-provider-label:not([hidden])){display:flex;padding-top:12px}
.player-toolbar{align-items:center;flex-wrap:wrap}
.player-toolbar button:not([hidden]),#player-provider-label:not([hidden]){display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font-size:13px}
.player-toolbar [hidden]{display:none!important}
.player-action-icon{width:20px;height:20px;flex:none;pointer-events:none}
#player-provider-label{position:relative;flex:none;border:1px solid #3c526e;border-radius:10px;background:#16263a;color:#dce9f9;padding-left:12px}
#player-provider{min-height:42px;max-width:100%;padding:8px 8px 8px 0;border:0;border-radius:10px;background:#16263a;color:inherit;font:inherit;cursor:pointer}
#player-provider-label:focus-within,.player-toolbar button:focus-visible{outline:2px solid #7dbbff;outline-offset:3px}
.player-toolbar #player-next{background:#22466e;border-color:#456d99;color:#f1f7ff;font-weight:600}
.player-toolbar button:disabled{opacity:.5;cursor:default}
@media(max-width:600px){
 .player-toolbar{gap:8px;padding-right:16px;padding-left:16px}
 #player-provider-label:not([hidden]),.player-toolbar #player-download:not([hidden]){width:44px;height:44px;flex:0 0 44px;padding:0;border-radius:12px}
 #player-provider{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:16px}
 .player-download-label{display:none}
 .player-toolbar #player-next{flex:1;min-width:0;max-width:230px;padding:10px 8px;border-radius:12px;font-size:12px;white-space:nowrap;gap:7px}
}