/* CineNova v1.5.2 — Diseño móvil táctil. Desktop conserva 1.5.1. */
.cinema-video-frame{position:absolute;inset:0;z-index:1;overflow:hidden;background:#000}
.cinema-video-frame>video{position:absolute;inset:0;z-index:1;width:100%;height:100%;aspect-ratio:auto;max-height:none;object-fit:contain;outline:0;background:transparent}
.cinema-video-frame>.cinema-ambient{z-index:0}
.cinema-video-frame>.cinema-scrim{z-index:2}
.cinema-video-frame>.cinema-center-play{z-index:3}
.cinema-video-frame>.cinema-error{z-index:12}
.cinema-video-frame>.cinema-loading{z-index:4}
.cinema-video-frame>.cinema-feedback{z-index:8}
.cinema-mobile-hub{display:none}
/* Wider screens keep precisely the desktop experience from 1.5.1. */
@media(max-width:700px) and (orientation:portrait){
  #videoModal.cinema-layer{padding:0!important;align-items:stretch;justify-content:stretch;overflow:hidden;background:#08090d;backdrop-filter:none}
  #videoModal .cinema-dialog{width:100%;max-width:100%;min-height:100dvh;max-height:100dvh;height:100dvh;border:0;border-radius:0;box-shadow:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0 0 max(12px,env(safe-area-inset-bottom));scrollbar-width:none;background:linear-gradient(180deg,#0a0b0f 10%,#13141b 74%,#09090d 100%)}
  #videoModal .cinema-stage{width:100%;min-height:0;aspect-ratio:auto;height:auto;display:flex;flex-direction:column;overflow:visible;isolation:auto;background:#08090d}
  #videoModal .cinema-stage:before{display:none}
  #videoModal .cinema-topbar{position:relative!important;inset:auto;order:0;width:100%;min-height:78px;padding:calc(12px + env(safe-area-inset-top)) 18px 13px!important;display:flex;align-items:center;background:linear-gradient(115deg,#181019 0%,#0b0b10 72%);border-bottom:1px solid #ffffff13;opacity:1!important;transform:none!important;pointer-events:auto!important;transition:none}
  #videoModal .cinema-top-left{gap:12px;align-items:center;width:100%}
  #videoModal .cinema-back{height:43px;width:43px;min-width:43px;border:1px solid #ffffff3d;background:#ffffff0d;touch-action:manipulation}
  #videoModal .cinema-heading{flex:1;min-width:0;max-width:none}
  #videoModal .cinema-overline{font-size:9px;letter-spacing:1.7px;color:#ff6c7d}
  #videoModal .cinema-heading h2{font-size:15px;line-height:1.3;letter-spacing:-.15px;margin-top:5px;max-width:calc(100vw - 108px)}
  #videoModal .cinema-status{display:none}
  #videoModal .cinema-video-frame{position:relative;inset:auto;display:block;order:1;flex:none;width:100%;aspect-ratio:16/9;min-height:0;background:radial-gradient(ellipse at 50% 50%,#2d0e17,#030305 70%);overflow:hidden;border-bottom:1px solid #ffffff1b}
  #videoModal .cinema-video-frame>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
  #videoModal .cinema-video-frame>.cinema-ambient{opacity:.1;filter:blur(20px) brightness(.35)}
  #videoModal .cinema-video-frame>.cinema-scrim{background:linear-gradient(180deg,#0005,transparent 27%,transparent 72%,#0007)}
  #videoModal .cinema-center-play{top:50%;left:50%;width:64px;height:64px;box-shadow:0 10px 35px #000b,0 0 0 8px #ffffff13}
  #videoModal .cinema-center-play svg{width:28px;height:28px}
  #videoModal .cinema-loading{white-space:normal;text-align:center;max-width:90%;font-size:11px}
  #videoModal .cinema-error{padding:15px}
  #videoModal .cinema-error strong{font-size:15px}
  #videoModal .cinema-next-overlay{inset:0;position:fixed;min-height:0;padding:24px 18px max(36px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;z-index:101;background:#0a0a10f5}
  #videoModal .cinema-controls{position:relative!important;order:2;bottom:auto;left:auto;right:auto;transform:none!important;opacity:1!important;pointer-events:auto!important;background:linear-gradient(180deg,#111218,#171820);padding:11px 15px 13px;border-bottom:1px solid #ffffff14;transition:none;z-index:9}
  #videoModal .cinema-stage.cinema-idle{cursor:auto}
  #videoModal .cinema-stage.cinema-idle .cinema-topbar,#videoModal .cinema-stage.cinema-idle .cinema-controls{opacity:1!important;pointer-events:auto!important;transform:none!important}
  #videoModal .cinema-timeline{height:34px;margin:0 0 4px;touch-action:pan-y}
  #videoModal .cinema-track{height:5px;background:#ffffff40}
  #videoModal .cinema-progress{background:linear-gradient(90deg,#b90e24,#ff4056)}
  #videoModal #cinemaSeek{height:34px;touch-action:pan-y}
  #videoModal #cinemaSeek::-webkit-slider-thumb{opacity:1;width:17px;height:17px;box-shadow:0 0 0 5px #ef2c4240}
  #videoModal #cinemaSeek::-moz-range-thumb{opacity:1;width:15px;height:15px}
  #videoModal .cinema-controls-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center}
  #videoModal .cinema-control-group{display:flex;gap:1px;min-width:0}
  #videoModal .cinema-right{justify-content:flex-end}
  #videoModal .cinema-icon{width:43px;min-width:43px;height:43px;min-height:43px;touch-action:manipulation;border-radius:11px}
  #videoModal .cinema-icon svg{width:22px;height:22px}
  #videoModal .cinema-play{width:47px;min-width:47px;height:47px;background:#e72743;box-shadow:0 4px 16px #b7133670;border-color:#fa5b6d}
  #videoModal .cinema-play svg{width:25px;height:25px}
  #videoModal .cinema-clock{font-size:11px;margin:0 0 0 4px;gap:3px}
  #videoModal .cinema-volume,#videoModal #cinemaCaptions,#videoModal #cinemaPip,#videoModal #cinemaEpisodesBtn,#videoModal #cinemaNext,#videoModal #cinemaPrevious{display:none!important}
  #videoModal .cinema-settings{position:absolute;right:-45px;bottom:54px;width:min(278px,calc(100vw - 25px));padding:18px;border-radius:14px;box-shadow:0 18px 60px #000e}
  #videoModal .cinema-mobile-hub{display:block;padding:23px 20px 21px;background:linear-gradient(140deg,#18151e,#101115 65%,#171118);border-bottom:1px solid #ffffff12}
  #videoModal .cinema-mobile-topline{display:flex;align-items:center;gap:9px;color:#ff8291;font-size:9px;font-weight:900;letter-spacing:1.65px}
  #videoModal .cinema-mobile-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#f3374f;box-shadow:0 0 0 4px #e62d472c}
  #videoModal .cinema-mobile-tag{margin-left:auto;white-space:nowrap;font-size:9px;letter-spacing:.6px;color:#b1b0bc;border:1px solid #ffffff26;padding:5px 7px;border-radius:5px}
  #videoModal .cinema-mobile-hub h3{font-size:clamp(20px,5.7vw,27px);line-height:1.18;margin:14px 0 9px;letter-spacing:-.5px;color:#f8f8fa;font-weight:900;overflow-wrap:anywhere}
  #videoModal .cinema-mobile-hub>p:not(.cinema-mobile-tip){font-size:12px;line-height:1.5;color:#a9aab6;margin:0 0 18px}
  #videoModal .cinema-mobile-chapters{display:flex;gap:9px;align-items:stretch}
  #videoModal .cinema-mobile-chapter{min-width:0;flex:1;min-height:51px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ffffff35;background:#ffffff0b;color:#fff;border-radius:12px;padding:10px 9px;font-size:12px;font-weight:800;touch-action:manipulation}
  #videoModal .cinema-mobile-chapter svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;flex:none}
  #videoModal .cinema-mobile-all{background:#25252e;border-color:#ffffff37}
  #videoModal .cinema-mobile-next{background:linear-gradient(135deg,#bd1531,#f32644);border-color:#fa6783;box-shadow:0 7px 25px #bc112d39}
  #videoModal .cinema-mobile-chapter:active{transform:scale(.975)}
  #videoModal .cinema-mobile-tip{display:flex;align-items:center;gap:9px;font-size:11px!important;line-height:1.6;color:#888a99;margin:18px 0 0!important}
  #videoModal .cinema-mobile-tip svg{width:16px;height:16px;flex:none;stroke:currentColor;stroke-width:1.7;fill:none}
  #videoModal .cinema-infobar{padding:18px 20px 16px;gap:12px;background:#101116}
  #videoModal .cinema-infobar-main{gap:9px}
  #videoModal .cinema-brand-tag{font-size:19px}
  #videoModal .cinema-infobar-sub{display:none}
  #videoModal .cinema-infobar-actions{width:100%;gap:9px}
  #videoModal .cinema-infobar-actions button{min-height:45px;border-radius:11px;font-size:12px;padding:12px 8px;touch-action:manipulation}
  #videoModal .video-disclaimer{padding:11px 20px 22px;margin:0;font-size:10px;color:#818391;line-height:1.55;background:#101116}
  #videoModal .cinema-episodes{position:fixed;inset:auto 0 0;top:auto;width:100%;height:min(76dvh,700px);max-height:76dvh;padding:22px 17px max(24px,env(safe-area-inset-bottom));border:1px solid #ffffff2d;border-radius:24px 24px 0 0;background:linear-gradient(155deg,#202029,#0f1015);z-index:103;box-shadow:0 -28px 110px #000c;overscroll-behavior:contain}
  #videoModal .cinema-episodes:before{content:'';display:block;width:35px;height:4px;background:#777681;border-radius:5px;margin:0 auto 18px}
  #videoModal .cinema-episodes-top h3{font-size:22px}
  #videoModal .cinema-episodes-top .cinema-icon{width:44px;height:44px;min-width:44px;border-radius:50%;background:#ffffff15}
  #videoModal .cinema-episode{min-height:86px;gap:12px;padding:11px}
  #videoModal .cinema-episode-art{width:91px}
  #videoModal .cinema-episode-info strong{font-size:14px}
  #videoModal .cinema-episode-info small{font-size:11px}
  #videoModal .cinema-next-overlay[hidden],#videoModal .cinema-mobile-chapters[hidden]{display:none!important}
}
@media(max-width:360px) and (orientation:portrait){
  #videoModal .cinema-topbar{padding-left:13px!important;padding-right:13px!important}
  #videoModal .cinema-controls{padding-left:8px;padding-right:8px}
  #videoModal .cinema-icon{width:40px;min-width:40px;height:42px;min-height:42px}
  #videoModal .cinema-play{width:43px;min-width:43px;height:43px}
  #videoModal .cinema-clock{font-size:10px;letter-spacing:-.4px}
  #videoModal .cinema-mobile-hub{padding-left:16px;padding-right:16px}
  #videoModal .cinema-mobile-chapter{font-size:11px;padding:8px 6px;gap:4px}
  #videoModal .cinema-mobile-chapter svg{width:16px;height:16px}
}
/* Landscape phones: immersive playback, no panel covering the film. */
@media(max-height:530px) and (orientation:landscape) and (max-width:980px){
  #videoModal.cinema-layer{padding:0;align-items:stretch}
  #videoModal .cinema-dialog{height:100dvh;width:100vw;max-width:none;max-height:100dvh;min-height:0;border:0;border-radius:0;overflow:hidden}
  #videoModal .cinema-stage{height:100dvh;min-height:0;aspect-ratio:auto;width:100vw;display:block;overflow:hidden}
  #videoModal .cinema-video-frame{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;overflow:hidden}
  #videoModal .cinema-video-frame>video{position:absolute;inset:0;object-fit:contain;width:100%;height:100%}
  #videoModal .cinema-topbar{position:absolute;inset:0 0 auto;z-index:9;padding:10px max(18px,env(safe-area-inset-left))}
  #videoModal .cinema-controls{position:absolute;inset:auto 0 0;padding:8px max(20px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom));background:linear-gradient(0deg,#000d,transparent);z-index:9}
  #videoModal .cinema-icon{width:40px;min-width:40px;height:39px}
  #videoModal .cinema-mobile-hub,#videoModal .cinema-infobar,#videoModal .video-disclaimer{display:none!important}
  #videoModal .cinema-episodes{width:min(440px,78vw);height:100dvh;max-height:100dvh}
  #videoModal .cinema-stage.cinema-idle .cinema-topbar,#videoModal .cinema-stage.cinema-idle .cinema-controls{opacity:0;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){#videoModal .cinema-mobile-chapter{transition:none;animation:none}}