/* The catalogue opens into its own column; it never overlays YouTube controls. */
html #video-modal.mm-cinema.mm-room{padding:12px!important;align-items:center!important;background:rgba(0,0,0,.94)}
html #video-modal.mm-cinema.mm-room .vm-box{width:min(1760px,100%)!important;height:calc(100svh - 24px)!important;max-height:none!important;padding:0 24px 16px!important;overflow:hidden!important;background:#101012!important;color:#fff!important;transform:none!important;display:flex;flex-direction:column}
html #video-modal.mm-room .mm-cinema-header{position:relative!important;inset:auto!important;flex:none;min-height:68px!important;margin:0 0 16px!important;padding:0!important;background:#101012!important;backdrop-filter:none;border-bottom:1px solid #45454b!important;gap:12px}
html #video-modal.mm-room .mm-cinema-brand{flex:1;min-width:0}.mm-room-tools{display:flex;gap:8px;align-items:center}
html #video-modal.mm-room .mm-room-tools button,html #video-modal.mm-room .mm-cinema-close{color:#fff;background:#202024;border:1px solid #686870;border-radius:6px;min-height:44px;padding:10px 14px;font:inherit;font-size:13px;white-space:nowrap;position:static!important;transform:none!important}
html #video-modal.mm-room .mm-cinema-body{display:grid!important;grid-template-columns:minmax(0,1fr);gap:24px;flex:1;min-height:0;overflow:hidden!important;position:relative!important;padding:0!important}
html #video-modal.mm-room.catalogue-open .mm-cinema-body{grid-template-columns:minmax(0,1fr) 350px}
html #video-modal.mm-room .mm-room-main{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column;justify-content:center}
html #video-modal.mm-room .mm-cinema-stage{flex:none;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9;background:#000}
html #video-modal.mm-room .vm-ratio{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important}
html #video-modal.mm-room .vm-ratio iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
html #video-modal.mm-room .mm-cinema-information{display:flex!important;align-items:flex-start;justify-content:space-between;gap:20px;padding:16px 0 8px;margin:0;flex:none}
html #video-modal.mm-room #vm-title{font-size:clamp(18px,1.8vw,28px);line-height:1.2;letter-spacing:-.02em;margin:4px 0}
html #video-modal.mm-room .mm-cinema-artist,html #video-modal.mm-room .mm-cinema-credits,html #video-modal.mm-room .mm-cinema-kind,html #video-modal.mm-room .mm-cinema-state{color:#c7c7ce}
html #video-modal.mm-room .mm-cinema-provider{display:flex!important;flex-wrap:wrap;gap:12px;font-size:12px;max-width:240px}
html #video-modal.mm-room .mm-cinema-provider a,html #video-modal.mm-room .mm-cinema-provider button{color:#eee}
html #video-modal.mm-room .mm-cinema-navigation{display:flex;flex-direction:column;min-height:0;border-left:1px solid #45454b;padding:0 0 0 18px;margin:0;overflow:hidden}
html #video-modal.mm-room .mm-cinema-navigation[hidden]{display:none!important}
html #video-modal.mm-room .mm-cinema-nav-heading{flex:none;gap:8px;min-height:48px;margin:0 0 8px}
html #video-modal.mm-room #vm-position{color:#ddd;font-size:12px}
html #video-modal.mm-room #vm-list{display:flex!important;flex-direction:column;gap:8px;overflow:auto!important;min-height:0;max-height:none;padding:2px 5px 16px 2px;scrollbar-width:thin;scrollbar-color:#777 #202024;overscroll-behavior:contain}
html #video-modal.mm-room .mm-cinema-item{flex:none!important;display:grid!important;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:center;width:100%!important;min-width:0!important;max-width:none!important;padding:8px!important;border:1px solid #484850;border-radius:6px;background:#18181c;color:#fff;text-align:left;opacity:1}
html #video-modal.mm-room .mm-cinema-item img{width:132px!important;height:75px!important;object-fit:cover;border-radius:3px;margin:0}
html #video-modal.mm-room .mm-cinema-item span{white-space:normal;overflow-wrap:anywhere;line-height:1.35;font-size:13px;padding:0;min-width:0}
html #video-modal.mm-room .mm-cinema-item strong{font-weight:650;display:block;color:#fff}
html #video-modal.mm-room .mm-cinema-item small{display:block;font-size:12px;color:#bfc0ca;margin-top:5px}
html #video-modal.mm-room .mm-cinema-item[aria-current]{border-color:#8d8dff;background:#252540;box-shadow:inset 3px 0 #8d8dff}
html #video-modal.mm-room .mm-cinema-item[aria-current] strong:before{content:'Ahora · ';color:#c6c6ff}
html #video-modal.mm-room :focus-visible{outline:3px solid #a9baff!important;outline-offset:2px}
html #video-modal.mm-room .mm-room-edge{position:absolute;right:0;top:38%;z-index:3;writing-mode:vertical-rl;background:#22222c;color:#fff;border:1px solid #787882;border-radius:6px 0 0 6px;padding:14px 4px;font:12px inherit;min-height:100px;cursor:pointer}
html #video-modal.mm-room.catalogue-open .mm-room-edge{background:#303047}
html #video-modal.mm-room .mm-cinema-stage:fullscreen{aspect-ratio:auto;width:100vw!important;height:100vh!important;max-height:none!important}
html #video-modal.mm-room .mm-cinema-stage:fullscreen #vm-desktop-fullscreen{position:absolute;top:12px;right:12px;z-index:5;background:#15151d;color:white;padding:12px;border:1px solid #aaa}
@media(min-width:1100px){html #video-modal.mm-room .mm-cinema-stage{max-width:calc((100svh - 245px)*16/9)!important;align-self:center}}
@media(max-width:1099px){html #video-modal.mm-cinema.mm-room{padding:0!important}html #video-modal.mm-cinema.mm-room .vm-box{height:100svh!important;padding:0 12px 16px!important;overflow:auto!important}html #video-modal.mm-room .mm-cinema-header{position:sticky!important;top:0!important;z-index:4;min-height:62px!important;margin-bottom:12px!important;padding-top:env(safe-area-inset-top)!important;flex-wrap:wrap}html #video-modal.mm-room .mm-cinema-room{display:none}.mm-room-tools{gap:5px}html #video-modal.mm-room .mm-room-tools button,html #video-modal.mm-room .mm-cinema-close{padding:8px;font-size:11px}html #video-modal.mm-room .mm-cinema-body,html #video-modal.mm-room.catalogue-open .mm-cinema-body{display:block!important;overflow:visible!important;flex:none}html #video-modal.mm-room .mm-room-main{overflow:visible;display:block}html #video-modal.mm-room .mm-cinema-navigation{border-left:0;border-top:1px solid #45454b;padding:16px 0 0;max-height:60svh;margin-top:12px}html #video-modal.mm-room .mm-cinema-information{display:block!important}html #video-modal.mm-room .mm-cinema-provider{max-width:none;margin-top:12px}html #video-modal.mm-room .mm-room-edge{display:none}html #video-modal.mm-room .mm-cinema-brand{font-size:10px;flex-basis:100%;padding-top:8px}html #video-modal.mm-room .mm-cinema-header{gap:6px}.mm-room-tools{flex:1}html #video-modal.mm-room .mm-cinema-stage{width:100%!important} }
@media(prefers-reduced-motion:reduce){html #video-modal.mm-room *,html #video-modal.mm-room *:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Override the legacy compact rail and desktop header rules. */
html #video-modal.mm-cinema.mm-room .mm-cinema-brand{display:flex!important;gap:10px;color:#fff}
html #video-modal.mm-cinema.mm-room .mm-cinema-caption{display:block!important;min-width:0}
html #video-modal.mm-cinema.mm-room #vm-position{display:block!important}
html #video-modal.mm-cinema.mm-room #vm-list .mm-cinema-item{grid-template-columns:132px minmax(0,1fr)!important;min-height:94px!important;height:auto!important}
html #video-modal.mm-cinema.mm-room #vm-list .mm-cinema-item img{width:132px!important;height:75px!important;max-width:none!important;max-height:none!important}
html #video-modal.mm-cinema.mm-room #vm-list .mm-cinema-item span{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;max-height:none!important}
html #video-modal.mm-cinema.mm-room .mm-cinema-close span{display:inline!important}
@media(max-width:1099px){html #video-modal.mm-cinema.mm-room .mm-cinema-information{display:block!important}html #video-modal.mm-cinema.mm-room .mm-cinema-stage.is-consent{aspect-ratio:auto;min-height:340px!important}html #video-modal.mm-cinema.mm-room .mm-cinema-consent{width:100%;min-height:340px;height:auto!important}html #video-modal.mm-cinema.mm-room .mm-cinema-consent-copy{padding:22px!important}}
@media(max-width:360px){html #video-modal.mm-cinema.mm-room #vm-list .mm-cinema-item{grid-template-columns:108px minmax(0,1fr)!important}html #video-modal.mm-cinema.mm-room #vm-list .mm-cinema-item img{width:108px!important;height:61px!important}html #video-modal.mm-cinema.mm-room .mm-cinema-close span{display:none!important}}

html #video-modal.mm-cinema.mm-room #vm-close{width:auto!important;min-width:88px!important;display:flex!important;align-items:center;justify-content:center;gap:8px;flex:none}
html #video-modal.mm-cinema.mm-room #vm-close svg{width:18px!important;height:18px!important;flex:none}
html #video-modal.mm-cinema.mm-room .mm-cinema-nav-heading{display:flex!important;justify-content:space-between!important;width:100%;align-items:center}
html #video-modal.mm-cinema.mm-room #vm-position{position:static!important;opacity:1!important;visibility:visible!important;width:auto!important;height:auto!important;max-width:none!important;font-size:12px!important;flex:1;color:#ddd!important}
@media(max-width:1099px){html #video-modal.mm-cinema.mm-room #vm-close{min-width:44px!important;width:44px!important}html #video-modal.mm-cinema.mm-room #vm-close span{display:none!important}}

html #video-modal.mm-cinema.mm-room #vm-position{clip-path:none!important;overflow:visible!important;white-space:normal!important}
