/* CANAL NUBRA V5.3 | Fotografía de portada + controles REALES */
.player-card{position:relative;isolation:isolate}
.player-card:before{content:"";position:absolute;inset:-6px;background:linear-gradient(120deg,rgba(18,174,255,.14),transparent 47%,rgba(172,56,247,.16));pointer-events:none;z-index:-1;border-radius:25px}
.video-stage{position:relative!important;aspect-ratio:16/9!important;background:#020816!important;overflow:hidden!important;min-height:0!important}
#channelVideo{width:100%!important;height:100%!important;object-fit:contain!important;position:absolute!important;inset:0!important;background:#020816!important;z-index:1!important}
.video-idle.media-poster{position:absolute!important;inset:0!important;z-index:3!important;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url('/static/assets/reproductor-nubra-fotografico.webp')!important;background-size:cover!important;background-position:center 42%!important;overflow:hidden}
.media-poster .poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,7,21,.21),rgba(2,7,21,.55) 55%,rgba(2,7,21,.92) 100%);pointer-events:none}
.media-poster .poster-details{position:relative;text-align:center;text-shadow:0 3px 15px #01030d;max-width:90%;z-index:1;transform:translateY(-12%)}
.media-poster .poster-details span{font-size:clamp(9px,1vw,13px);font-weight:800;letter-spacing:.16em;color:#9eeaff}
.media-poster .poster-details h3{font-size:clamp(18px,2.3vw,33px);margin:8px 0;color:#fff;line-height:1.12}
.media-poster .poster-details p{font-size:clamp(11px,1.2vw,15px);color:#d7eaff}
.media-poster .poster-play{position:relative;z-index:2;border:1px solid #8aeaff!important;border-radius:100px;padding:10px 18px;background:linear-gradient(115deg,#067fcf,#7735d8)!important;color:white;cursor:pointer;box-shadow:0 0 23px #00baff88;font-weight:800;letter-spacing:.04em;font-size:14px}
.media-poster .poster-caption{position:absolute;bottom:11px;left:12px;right:12px;z-index:1;text-align:center;font-size:10px;color:#e1dff4;opacity:.86}
.nubra-controls{display:flex;align-items:center;gap:8px;min-height:46px;padding:6px 10px;background:linear-gradient(120deg,rgba(5,20,44,.98),rgba(16,15,52,.96));border-top:1px solid rgba(64,210,255,.4);border-bottom:1px solid rgba(122,87,244,.35);color:#f4f9ff;box-sizing:border-box;position:relative;z-index:8}
.nubra-controls button{width:34px;height:32px;display:grid;place-items:center;flex:none;border:1px solid rgba(89,192,255,.27);border-radius:9px;color:#f7fbff;background:rgba(16,43,76,.7);cursor:pointer;font:inherit;font-size:16px}
.nubra-controls button:hover:not(:disabled),.nubra-controls button:focus-visible{background:#24518b;outline:2px solid #65dffd;outline-offset:1px}
.nubra-controls button:disabled{opacity:.5;cursor:not-allowed}
.media-volume input{width:clamp(45px,8vw,90px);accent-color:#43d9ff;vertical-align:middle;cursor:pointer}
.media-live{font-size:10px;letter-spacing:.09em;font-weight:750;white-space:nowrap;color:#9bd5f4}
.media-spacer{flex:1;min-width:3px}
.media-select-wrap{display:flex;align-items:center;gap:4px;font-size:11px;color:#d1ddfa}
.media-select-wrap select{max-width:90px;min-width:54px;background:#0b2140;border:1px solid #31598e;border-radius:7px;color:#f4faff;font-size:11px;padding:6px 3px}
.media-select-wrap select:disabled{opacity:.55}
.media-select-wrap[hidden],#mediaPip[hidden]{display:none!important}
@media(max-width:620px){.nubra-controls{gap:5px;padding:5px;min-height:45px}.nubra-controls button{width:31px;height:32px}.media-select-wrap span{display:none}.media-live{font-size:9px;letter-spacing:0}.media-volume input{width:42px}.media-poster .poster-details h3{font-size:18px}}
@media(max-width:365px){.media-volume{display:none}.media-live{font-size:8px}.media-select-wrap select{max-width:58px}}
@media(prefers-reduced-motion:reduce){.media-poster *{animation:none!important;transition:none!important}}