/* CineNova v1.5 · Un reproductor cinematográfico original, inspirado en buenas prácticas del streaming. */
.cinema-layer{z-index:90;padding:clamp(8px,2.3vh,23px);background:rgba(2,3,7,.94);backdrop-filter:blur(25px);overscroll-behavior:contain}
.cinema-dialog{width:min(1280px,100%);max-width:1280px;max-height:calc(100dvh - 24px);background:#101115;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 45px 150px rgba(0,0,0,.95),0 0 90px rgba(228,29,47,.09);scrollbar-width:thin}
.cinema-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;min-height:260px;background:#050508;overflow:hidden;user-select:none}
.cinema-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#2b1119,transparent 78%);z-index:-2;pointer-events:none}
.cinema-stage>video{position:absolute;inset:0;z-index:1;width:100%;height:100%;max-height:unset;object-fit:contain;background:transparent;aspect-ratio:auto;outline:0}
.cinema-ambient{position:absolute;inset:0;background-position:center;background-size:cover;filter:blur(45px) brightness(.25);opacity:.2;pointer-events:none;z-index:0}
.cinema-scrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.62),transparent 28%,transparent 58%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.88) 100%)}
.cinema-topbar{position:absolute;z-index:6;top:0;left:0;right:0;padding:clamp(16px,2.2vw,30px) clamp(16px,2.4vw,36px);display:flex;justify-content:space-between;gap:16px;align-items:flex-start;transition:opacity .28s,transform .28s}
.cinema-top-left{display:flex;align-items:center;gap:clamp(11px,1.9vw,25px);min-width:0}
.cinema-heading{min-width:0;max-width:min(70vw,760px)}.cinema-overline{display:block;color:#ff7a86;font-size:10px;font-weight:900;letter-spacing:2.6px;text-shadow:0 2px 10px #000}
.cinema-heading h2{font-family:'DM Sans',sans-serif;font-size:clamp(15px,1.65vw,24px);font-weight:800;line-height:1.25;letter-spacing:-.45px;margin:7px 0 0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 20px #000}
.cinema-status{display:flex;gap:11px;align-items:center;margin:9px 3px 0 0;flex-shrink:0}.cinema-hd{border:1px solid #fff7;padding:5px 7px;font-size:9px;font-weight:800;color:#fff;letter-spacing:1px;border-radius:4px;background:#0008}.cinema-signal{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:1.5px;font-weight:700;color:#d6d6da}.cinema-signal>span{width:6px;height:6px;border-radius:50%;background:#58dab6;box-shadow:0 0 12px #58dab690}
.cinema-icon{width:43px;height:43px;min-width:40px;display:inline-grid;place-items:center;border-radius:50%;background:transparent;border:1px solid transparent;color:#fff;cursor:pointer;transition:transform .15s,background .16s,border-color .16s;flex-shrink:0}.cinema-icon:hover{background:#ffffff26;transform:scale(1.06)}.cinema-icon:focus-visible,.cinema-pill:focus-visible{outline:2px solid #ff4d60;outline-offset:3px}.cinema-icon:disabled{opacity:.38;cursor:not-allowed;transform:none}
.cinema-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.cinema-play svg,.cinema-center-play svg{fill:currentColor;stroke:none}
.cinema-back{background:#09090bb3;border:1px solid #ffffff30;width:45px;height:45px}.cinema-back:hover{background:#e51d2b}
.cinema-center-play{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);height:90px;width:90px;border-radius:50%;border:1px solid #ffffff52;background:linear-gradient(145deg,#ed263d,#ad0d23);color:white;box-shadow:0 18px 60px #0009,0 0 0 11px #ffffff0d;display:grid;place-items:center;cursor:pointer;transition:opacity .2s,transform .2s,background .2s}.cinema-center-play svg{width:36px;height:36px;margin-left:6px}.cinema-center-play:hover{transform:translate(-50%,-50%) scale(1.08);background:#fb344a}.cinema-center-play.is-playing{opacity:0;pointer-events:none}.cinema-center-play[hidden]{display:none}
.cinema-controls{position:absolute;bottom:0;left:0;right:0;z-index:8;padding:12px clamp(13px,2.6vw,36px) clamp(13px,2.4vw,28px);transition:opacity .28s,transform .28s}
.cinema-timeline{height:22px;display:flex;align-items:center;position:relative;cursor:pointer;margin-bottom:5px;touch-action:pan-y}
.cinema-track{position:absolute;width:100%;height:5px;background:#ffffff53;border-radius:20px;overflow:hidden;pointer-events:none;transition:height .16s}.cinema-timeline:hover .cinema-track,.cinema-timeline:focus-within .cinema-track{height:8px}.cinema-buffer,.cinema-progress{height:100%;position:absolute;top:0;left:0;width:0;pointer-events:none}.cinema-buffer{background:#ffffff85}.cinema-progress{background:#f22540;box-shadow:0 0 10px #f225405c}
#cinemaSeek{appearance:none;-webkit-appearance:none;position:relative;width:100%;height:22px;margin:0;border:0;background:transparent;cursor:pointer;outline:0;touch-action:pan-y}#cinemaSeek::-webkit-slider-runnable-track{background:transparent;height:16px}#cinemaSeek::-moz-range-track{background:transparent;height:16px}#cinemaSeek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #ed2640;box-shadow:0 1px 8px #0006;opacity:0;margin-top:1px}#cinemaSeek::-moz-range-thumb{width:12px;height:12px;border:3px solid #ed2640;border-radius:50%;background:#fff;opacity:0}.cinema-timeline:hover #cinemaSeek::-webkit-slider-thumb,.cinema-timeline:focus-within #cinemaSeek::-webkit-slider-thumb{opacity:1}.cinema-timeline:hover #cinemaSeek::-moz-range-thumb,.cinema-timeline:focus-within #cinemaSeek::-moz-range-thumb{opacity:1}
.cinema-seek-preview{position:absolute;bottom:29px;left:20px;transform:translateX(-50%);padding:5px 9px;border-radius:6px;background:#121215ef;color:white;border:1px solid #ffffff32;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none;z-index:5;white-space:nowrap}
.cinema-controls-row,.cinema-control-group{display:flex;align-items:center}.cinema-controls-row{justify-content:space-between;gap:12px}.cinema-control-group{gap:clamp(2px,.48vw,8px);min-width:0}.cinema-right{justify-content:flex-end}
.cinema-play{width:50px;height:50px}.cinema-play svg{width:30px;height:30px}
.cinema-clock{display:flex;gap:6px;white-space:nowrap;font-size:12px;font-weight:600;color:#f4f4f8;font-variant-numeric:tabular-nums;margin:0 2px 0 6px;text-shadow:0 1px 8px #000}.cinema-clock-divider{opacity:.5}
.cinema-volume{display:flex;align-items:center;gap:1px}.cinema-volume input{appearance:none;-webkit-appearance:none;background:#ffffff58;accent-color:#f12c41;height:4px;border-radius:4px;width:72px;cursor:pointer}.cinema-volume input::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #000}.cinema-volume input::-moz-range-thumb{width:11px;height:11px;border:0;background:#fff;border-radius:50%}
.cinema-pill{border:1px solid #ffffff55;background:#18191dd4;color:#fff;font-size:11px;font-weight:800;letter-spacing:.15px;border-radius:9px;padding:9px 12px;white-space:nowrap;cursor:pointer;transition:background .16s}.cinema-pill:hover{background:#d9233d;border-color:#f94e62}.cinema-pill span{margin-left:7px}
.cinema-settings-anchor{position:relative}.cinema-settings{position:absolute;bottom:50px;right:-25px;width:245px;background:rgba(20,21,27,.98);backdrop-filter:blur(20px);border:1px solid #ffffff2e;border-radius:12px;box-shadow:0 18px 50px #000c;padding:17px;z-index:14}.cinema-menu-heading,.cinema-eyebrow{font-size:10px;color:#ff6678;letter-spacing:2px;font-weight:900}.cinema-settings label{display:block;margin:16px 0 7px;font-size:12px;color:#eeeeef;font-weight:800}.cinema-settings select{width:100%;padding:11px;background:#282932;border:1px solid #ffffff26;border-radius:7px;color:#fff;font:inherit;font-size:12px;cursor:pointer}.cinema-setting-quality{margin-top:16px;padding-top:14px;border-top:1px solid #ffffff1b;display:flex;justify-content:space-between;gap:10px;font-size:11px}.cinema-setting-quality span{color:#b8b9c2}.cinema-setting-quality strong{color:#fff;font-weight:700;text-align:right}
.cinema-loading{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);background:#09090bd9;padding:13px 20px;border-radius:100px;font-size:12px;font-weight:600;color:#ddd;display:flex;align-items:center;gap:10px;white-space:nowrap;box-shadow:0 0 30px #0009}.cinema-spinner{display:block;width:17px;height:17px;border:2px solid #ffffff50;border-top-color:#ff3e54;border-radius:50%;animation:cinemaSpin .8s linear infinite}@keyframes cinemaSpin{to{transform:rotate(360deg)}}
.cinema-error{position:absolute;z-index:12;inset:0;background:rgba(4,5,9,.90);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;text-align:center}.cinema-error-symbol{font-size:28px;font-weight:900;width:49px;height:49px;display:grid;place-items:center;color:#ff6171;border:2px solid #ff6171;border-radius:50%}.cinema-error strong{font-size:19px}.cinema-error small{color:#afb0bc;font-size:12px;max-width:400px;line-height:1.5}.cinema-error button{background:#ee2c46;border:0;border-radius:9px;padding:10px 18px;color:#fff;font-weight:800;cursor:pointer}
.cinema-feedback{position:absolute;z-index:8;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:9px;background:#08090bd1;color:white;font-size:13px;font-weight:900;padding:12px 20px;opacity:0;pointer-events:none;transition:opacity .16s}.cinema-feedback.show{opacity:1}
.cinema-next-overlay{z-index:11;min-height:46%;padding:22px clamp(18px,4vw,55px);background:linear-gradient(0deg,#060608fa,#0d0d13eb 75%,#09090aa6);border-top:1px solid #ff3d5270}
.cinema-episodes{position:absolute;inset:0 0 0 auto;width:min(440px,90%);z-index:13;background:linear-gradient(90deg,#111216f7,#121319);border-left:1px solid #ffffff28;box-shadow:-30px 0 80px #0009;overflow-y:auto;padding:26px 20px 30px}.cinema-episodes-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cinema-episodes-top h3{font-size:22px;margin:6px 0 13px}.cinema-episodes-top>.cinema-icon{border:1px solid #ffffff35}.cinema-episodes-list{display:grid;gap:9px}.cinema-season-heading{font-size:11px;color:#ff7181;letter-spacing:1.9px;font-weight:900;margin:21px 3px 7px}.cinema-episode{display:flex;align-items:center;gap:12px;border:1px solid #ffffff22;background:#ffffff08;border-radius:11px;text-align:left;padding:10px;color:#fff;width:100%;cursor:pointer;transition:background .2s,border-color .2s}.cinema-episode:hover{background:#ed294023;border-color:#ed29408c}.cinema-episode.current{background:#e9273a24;border-color:#f14454}.cinema-episode-art{flex:none;width:75px;aspect-ratio:16/9;border-radius:5px;background-size:cover;background-position:center;background-color:#24242b;display:grid;place-items:center;color:#fff}.cinema-episode-art span{background:#0a0b0dba;padding:5px;border-radius:50%;font-size:10px}.cinema-episode-info{min-width:0;display:grid;gap:4px}.cinema-episode-info strong{font-size:12px;line-height:1.35}.cinema-episode-info small{color:#a6a7b2;font-size:10px;line-height:1.5}.cinema-episode-number{color:#ff5869!important;font-size:10px!important;font-weight:900!important}
.cinema-infobar{padding:18px clamp(20px,3vw,36px) 10px;display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(120deg,#14151b,#111116)}.cinema-infobar-main{display:flex;align-items:center;gap:16px;min-width:0}.cinema-brand-tag{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:21px;font-weight:900;white-space:nowrap}.cinema-brand-tag span{color:#f43248}.cinema-brand-tag i{font:700 8px 'DM Sans',sans-serif;letter-spacing:1.7px;color:#a9aab4;font-style:normal;vertical-align:middle;margin-left:5px}.cinema-infobar-sub{font-size:12px;color:#b5b5c1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cinema-infobar-actions{display:flex;gap:9px;flex:none}.cinema-infobar-actions button{background:#ffffff0d;border:1px solid #ffffff2b;border-radius:9px;color:#f1f1f6;font-size:12px;padding:9px 12px;cursor:pointer;font-weight:700}.cinema-infobar-actions button:hover{background:#ffffff23}.cinema-infobar-actions button.is-favorite{color:#ff7081;border-color:#ff70815d}
.cinema-dialog .video-disclaimer{border-top:1px solid #ffffff14;margin:5px 0 0;padding:12px clamp(20px,3vw,36px) 17px;background:#111116;font-size:10px;color:#83848f}
.cinema-dialog .cinema-legacy{display:none!important}
.cinema-stage.cinema-idle .cinema-topbar,.cinema-stage.cinema-idle .cinema-controls{opacity:0;pointer-events:none;transform:translateY(7px)}.cinema-stage.cinema-idle{cursor:none}.cinema-stage.cinema-idle .cinema-center-play{display:none}
.cinema-stage:fullscreen,.cinema-stage:-webkit-full-screen{aspect-ratio:auto;height:100vh;height:100dvh;min-height:0;width:100vw;background:black}.cinema-stage:fullscreen video,.cinema-stage:-webkit-full-screen video{height:100%;object-fit:contain}.cinema-stage:fullscreen .cinema-controls{padding-bottom:max(24px,env(safe-area-inset-bottom))}.cinema-stage:fullscreen .cinema-topbar{padding-top:max(26px,env(safe-area-inset-top))}
@media(max-width:800px){.cinema-dialog{border-radius:12px}.cinema-stage{min-height:240px}.cinema-status{display:none}.cinema-controls{padding-bottom:8px}.cinema-topbar{padding:10px 15px}.cinema-back{height:37px;width:37px;min-width:37px}.cinema-back svg{height:20px;width:20px}.cinema-overline{font-size:8px;letter-spacing:1.3px}.cinema-heading h2{font-size:15px}.cinema-icon{width:39px;min-width:37px;height:39px}.cinema-icon svg{width:21px;height:21px}.cinema-play{width:43px;height:43px}.cinema-play svg{width:25px;height:25px}.cinema-clock{font-size:11px}.cinema-pill{font-size:10px;padding:8px}.cinema-center-play{width:66px;height:66px}.cinema-center-play svg{width:29px;height:29px}.cinema-volume input{width:48px}.cinema-infobar{padding:12px 15px}.cinema-infobar-main{gap:9px}.cinema-brand-tag{font-size:18px}.cinema-infobar-sub{font-size:10px}}
@media(max-width:560px){.cinema-layer{padding:0;align-items:start}.cinema-dialog{width:100%;max-height:100dvh;border:0;border-radius:0;min-height:100dvh}.cinema-stage{min-height:210px;aspect-ratio:16/10}.cinema-topbar{padding:9px 11px}.cinema-top-left{gap:6px}.cinema-heading{max-width:calc(100vw - 93px)}.cinema-heading h2{font-size:12px}.cinema-overline{font-size:7px;letter-spacing:1px}.cinema-back{width:33px;min-width:33px;height:33px}.cinema-back svg{width:18px;height:18px}.cinema-controls{padding:4px 8px 8px}.cinema-controls-row{gap:2px}.cinema-icon{width:32px;min-width:30px;height:34px}.cinema-icon svg{width:19px;height:19px}.cinema-play{width:35px;height:37px}.cinema-volume input,.cinema-pip-hide-mobile{display:none}.cinema-clock{margin:0;font-size:10px;gap:3px}.cinema-right{gap:0}.cinema-pill{display:none}.cinema-episode-btn{display:inline-grid}.cinema-seek-preview{bottom:22px}.cinema-timeline{margin-bottom:0;height:18px}.cinema-infobar{align-items:flex-start;flex-direction:column;gap:10px}.cinema-infobar-actions{width:100%}.cinema-infobar-actions button{flex:1}.cinema-brand-tag{font-size:18px}.cinema-infobar-sub{font-size:11px}.cinema-episodes{width:100%;padding:22px 13px;inset:0}.cinema-next-overlay{min-height:90%;padding:16px}.cinema-next-overlay h3{font-size:23px}.cinema-center-play{top:48%;width:56px;height:56px}.cinema-center-play svg{width:25px;height:25px}}
@media(max-width:380px){.cinema-clock{font-size:9px}.cinema-icon{min-width:28px;width:29px}.cinema-heading h2{max-width:240px}.cinema-settings{right:-18px;width:218px}.cinema-infobar-main{width:100%}}
@media(prefers-reduced-motion:reduce){.cinema-spinner{animation:none}.cinema-controls,.cinema-topbar,.cinema-center-play,.cinema-feedback{transition:none}}

/* CineNova Player v1.5.1 · Play refinado y episodios anterior/siguiente */
.cinema-play{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.32);box-shadow:0 4px 26px rgba(0,0,0,.35);transition:background .18s,transform .18s,box-shadow .18s;}
.cinema-play:hover,.cinema-play:focus-visible{background:#ed2941;border-color:#ff7080;box-shadow:0 0 28px rgba(237,41,65,.3);transform:scale(1.07)}
.cinema-play svg{width:29px;height:29px;fill:#fff;stroke:none;display:block}
.cinema-play svg rect{fill:#fff;stroke:none}
.cinema-center-play{background:linear-gradient(135deg,#fafafa,#e9e9ec);color:#e51c32;border:1px solid #fff;box-shadow:0 16px 58px #000a,0 0 0 9px #ffffff12,0 0 0 1px #fbfbfd}
.cinema-center-play svg{width:38px;height:38px;fill:currentColor;stroke:none;margin-left:2px;display:block}
.cinema-center-play:hover{background:#fff;box-shadow:0 21px 66px #000b,0 0 0 12px #ffffff18;transform:translate(-50%,-50%) scale(1.09)}
.cinema-center-play:focus-visible{outline:3px solid #fa5469;outline-offset:7px}
.cinema-center-play:active{transform:translate(-50%,-50%) scale(.95)}
/* El icono de reproducción queda centrado visualmente y no cambia a una marca extraña. */
.cinema-chapter-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;overflow:hidden;white-space:nowrap;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.cinema-chapter-btn svg{flex-shrink:0;width:19px;height:19px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .23s}
.cinema-chapter-btn .cinema-chapter-text{margin:0;font-weight:800;letter-spacing:.1px;font-size:11px}
.cinema-prev{background:rgba(16,17,23,.83);border-color:#ffffff48}
.cinema-prev:hover{background:rgba(255,255,255,.16);border-color:#fff8;transform:translateX(-2px)}
.cinema-prev:hover svg{transform:translateX(-3px)}
.cinema-next{background:linear-gradient(105deg,#bc1730,#e92341);border-color:#ff6d80aa;box-shadow:0 5px 19px #c718353a}
.cinema-next:hover{background:linear-gradient(105deg,#d7213d,#fa4156);border-color:#ff8693;box-shadow:0 5px 30px #e9234160;transform:translateY(-1px)}
.cinema-next:hover svg{transform:translateX(4px)}
.cinema-next:after{content:'';position:absolute;inset:-35% auto -35% -30%;width:18%;transform:skewX(-25deg) translateX(-230px);background:linear-gradient(90deg,transparent,#ffffff52,transparent);pointer-events:none;animation:cinemaNextShine 5.5s ease-in-out infinite}
@keyframes cinemaNextShine{0%,55%{transform:skewX(-25deg) translateX(-230px)}80%,100%{transform:skewX(-25deg) translateX(560px)}}
.cinema-near-end .cinema-next:not([hidden]){animation:cinemaNextCue 1.8s ease-in-out infinite}
@keyframes cinemaNextCue{0%,100%{box-shadow:0 4px 18px #e9234145}50%{box-shadow:0 0 8px #ff496caa,0 0 26px #ec2046bb,0 0 0 3px #ff6b8033}}
@media(max-width:1100px){.cinema-chapter-btn{padding:7px 9px;gap:5px}}
@media(max-width:800px){.cinema-chapter-btn{min-width:39px;min-height:37px;height:39px;padding:5px 7px}.cinema-chapter-btn svg{width:19px;height:19px}.cinema-chapter-text{display:none!important}}
@media(max-width:560px){
  .cinema-chapter-btn:not([hidden]){display:inline-flex!important;min-width:31px;width:31px;height:34px;min-height:34px;padding:4px;border-radius:9px}
  .cinema-chapter-btn svg{width:17px;height:17px}
  .cinema-volume{display:none}
  .cinema-controls-row{gap:0}
  .cinema-center-play svg{width:27px;height:27px}
  .cinema-captions-disabled-mobile{display:none!important}
  #cinemaCaptions:disabled{display:none}
  .cinema-clock{font-size:9px;gap:2px;margin:0 1px}
  .cinema-control-group{gap:0}
  .cinema-right{gap:1px}
}
@media(prefers-reduced-motion:reduce){
  .cinema-next:after,.cinema-near-end .cinema-next:not([hidden]){animation:none}
  .cinema-chapter-btn,.cinema-chapter-btn svg,.cinema-center-play,.cinema-play{transition:none}
}