/* Reproductor común de piezas animadas (film-player.js). */
dialog.film-detail{--film-bg:#111722;--film-text:#e3e8f1;--film-muted:#8796b2;--film-line:#ffffff12;--film-blue:#a5b9f5;--film-ok:#9fd4b0;background:var(--film-bg);border-color:#7898c526;width:min(1180px,calc(100% - 48px));height:min(780px,calc(100dvh - 36px));max-height:calc(100dvh - 36px)}
.film-detail .film-viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(120% 90% at 30% 20%,#18202e 0,var(--film-bg) 70%)}
.film-detail .film-stage{position:absolute;left:0;top:0;transform-origin:0 0;font-family:var(--font);color:var(--film-text);font-variant-numeric:tabular-nums;user-select:none;contain:layout}
.film-stage>*{position:absolute}
.film-stage svg path[pathLength]{fill:none;stroke:var(--film-ok);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}

.film-detail .film-controls{flex-shrink:0;display:flex;align-items:flex-start;gap:20px;padding:16px 28px 14px;border-top:1px solid #ffffff0d;background:#141b27}
.film-detail .film-play{flex-shrink:0;width:40px;height:40px;margin-top:-6px;border:1px solid #ffffff17;border-radius:50%;background:#1f2838;color:#dfe6f3;display:grid;place-items:center;transition:background .2s,border-color .2s}
.film-detail .film-play:hover{background:#2b3750;border-color:#ffffff2a}
.film-detail .film-play svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.film-detail .film-play .i-play{fill:currentColor;stroke-width:1.2}
.film-detail .film-play:not([data-state=pause]) .i-pause,.film-detail .film-play:not([data-state=play]) .i-play,.film-detail .film-play:not([data-state=replay]) .i-replay{display:none}
.film-detail .film-track{flex:1;min-width:0}
.film-detail .film-bar{position:relative;height:28px;margin-top:-6px}
.film-detail .film-rail{position:absolute;left:0;right:0;top:12px;height:4px;border-radius:2px;background:#ffffff14;overflow:hidden}
.film-detail .film-fill{position:absolute;inset:0;background:var(--film-blue);transform-origin:0 50%;transform:scaleX(0)}
.film-detail .film-tick{position:absolute;top:10px;width:2px;height:8px;margin-left:-1px;border-radius:1px;background:#111722}
.film-detail .film-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.film-detail .film-bar:has(.film-range:focus-visible) .film-rail{outline:2px solid var(--film-blue);outline-offset:4px}
.film-detail .film-chapters{position:relative;height:24px}
.film-detail .film-chapter{position:absolute;top:0;height:24px;padding:0;border:0;background:none;color:#7383a0;font-size:12.5px;text-align:left;white-space:nowrap;overflow:hidden;transition:color .25s}
.film-detail .film-chapter:hover{color:#c7d2e6}
.film-detail .film-chapter[aria-current]{color:#eef2f9}
.film-detail .film-chapter:focus-visible{outline:2px solid var(--film-blue);outline-offset:2px;border-radius:3px}
.film-detail .film-sound{flex-shrink:0;width:34px;height:34px;margin-top:-3px;padding:0;border:1px solid #ffffff17;border-radius:50%;background:none;color:#aab6cc;display:grid;place-items:center;transition:color .2s,border-color .2s}
.film-detail .film-sound[hidden]{display:none}
.film-detail .film-sound:hover{color:#eef2f9;border-color:#ffffff2a}
.film-detail .film-sound:focus-visible{outline:2px solid var(--film-blue);outline-offset:2px}
.film-detail .film-sound svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.film-detail .film-sound[aria-pressed=true] .i-muted,.film-detail .film-sound[aria-pressed=false] .i-sound{display:none}
.film-detail .film-time{flex-shrink:0;min-width:96px;padding-top:4px;font-size:12.5px;color:var(--film-muted);text-align:right;font-variant-numeric:tabular-nums}
.film-detail .t-name{display:none}
.film-detail .service-detail-close{background:#1d2534cc;border-color:#ffffff14}
.film-detail .service-detail-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.film-detail .film-cta{position:absolute;left:50%;bottom:13%;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:3px;background:#eef1f6;color:#151922;font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s .45s,background .2s}
.film-detail.is-ended .film-cta{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .45s var(--ease) .15s,transform .45s var(--ease) .15s,visibility 0s,background .2s}
.film-detail .film-cta:hover{background:#fff}
.film-detail .film-cta:focus-visible{outline:2px solid var(--film-blue);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.film-detail .film-cta,.film-detail.is-ended .film-cta{transform:translate(-50%,0)}}
@media(max-width:700px){
 dialog.film-detail{width:calc(100% - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}
 .film-detail .film-controls{gap:14px;padding:14px 16px 12px}
 .film-detail .film-chapter span{display:none}
 .film-detail .film-chapters{height:14px}
 .film-detail .film-time{min-width:84px}
 .film-detail .t-clock{display:none}
 .film-detail .t-name{display:inline}
}