/* extra.css: barra superior, aviso flotante, tráilers lite y cuentas regresivas por país (nov 2026) */
.vch-bar{position:relative;z-index:11;background:linear-gradient(90deg,#ff3d9a,#ff8a3d);color:#140a24;font:700 15px/1.3 Outfit,system-ui,sans-serif}
.vch-bar .vb-in{max-width:1180px;margin:0 auto;padding:0 8px 0 12px;display:flex;align-items:center;gap:8px;min-height:40px}
.vch-bar .vb-sl{flex:1;min-width:0;position:relative;min-height:40px}
.vch-bar .vb-i{position:absolute;inset:0;display:flex;align-items:center;gap:8px;color:#140a24;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .35s}
.vch-bar .vb-i.on,.vch-bar:not(.js) .vb-i:first-child{opacity:1;visibility:visible}
.vch-bar .vb-i span.t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.vch-bar .vb-i:hover span.t,.vch-bar .vb-i:focus-visible span.t{text-decoration:underline}
.vch-bar .vb-k{flex:none;background:#140a24;color:#fff;font-family:BS,Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:14px;padding:3px 9px;border-radius:999px}
.vch-bar .vb-nx{flex:none;width:32px;height:32px;border-radius:50%;border:2px solid #140a24;background:transparent;color:#140a24;font:700 18px/1 Outfit,system-ui,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center}
.vch-bar .vb-nx:focus-visible,.vch-bar .vb-i:focus-visible{outline:3px solid #140a24;outline-offset:2px}
@media(max-width:420px){.vch-bar{font-size:13.5px}.vch-bar .vb-k{font-size:12px;padding:2px 7px}}
@media(prefers-reduced-motion:reduce){.vch-bar .vb-i{transition:none}}

.vch-aviso{position:fixed;z-index:60;left:10px;right:10px;bottom:10px;max-width:340px;margin-left:auto;background:rgba(20,10,36,.96);color:#fff;border:2px solid #3de0ff;border-radius:16px;box-shadow:0 0 22px #3de0ff55,0 10px 30px #000a;padding:12px 14px 10px;font:400 14px/1.35 Outfit,system-ui,sans-serif;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.vch-aviso .va-h{display:flex;align-items:center;gap:8px;margin:0 30px 8px 0;font-family:BS,Impact,sans-serif;font-weight:700;text-transform:uppercase;font-size:18px;letter-spacing:.03em;line-height:1}
.vch-aviso .va-x{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%;border:0;background:#ffffff1a;color:#fff;font:700 20px/1 Outfit,system-ui,sans-serif;cursor:pointer}
.vch-aviso .va-x:hover{background:#ff3d9a}
.vch-aviso .va-x:focus-visible,.vch-aviso a:focus-visible{outline:3px solid #3de0ff;outline-offset:2px}
.vch-aviso .va-r{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #ffffff1a}
.vch-aviso .va-r b{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#3de0ff}
.vch-aviso .va-r.l b{color:#ff3d9a}
.vch-aviso .va-r small{display:block;color:#d9c9ef;font-size:12px;font-weight:400;text-transform:none;letter-spacing:0}
.vch-aviso .va-t{font-family:BS,Impact,sans-serif;font-weight:700;font-size:22px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff}
.vch-aviso .va-f{margin:6px 0 0;font-size:12px;color:#d9c9ef}
.vch-aviso .va-f a{color:#3de0ff}
@media(min-width:760px){.vch-aviso{left:auto;right:16px;bottom:16px;width:320px}}

.yt-lite{position:relative;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;border:2px solid #ffffff22}
.yt-lite button{all:unset;cursor:pointer;position:absolute;inset:0;display:block}
.yt-lite img{width:100%;height:100%;object-fit:cover;display:block}
.yt-lite .yt-pl{position:absolute;left:50%;top:50%;width:72px;height:50px;margin:-25px 0 0 -36px;border-radius:14px;background:#ff3d9a;box-shadow:0 0 22px #ff3d9acc;display:flex;align-items:center;justify-content:center}
.yt-lite .yt-pl:after{content:"";border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #fff;margin-left:4px}
.yt-lite button:hover .yt-pl,.yt-lite button:focus-visible .yt-pl{background:#ff5aab;transform:scale(1.06)}
.yt-lite button:focus-visible{outline:3px solid #3de0ff;outline-offset:-3px}
.yt-lite iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.trailers{display:grid;gap:16px;margin-top:14px}
@media(min-width:760px){.trailers.t2{grid-template-columns:repeat(2,1fr)}.trailers.t3{grid-template-columns:repeat(3,1fr)}}
.trailer h3{font-family:BS,Impact,sans-serif;text-transform:uppercase;font-size:22px;line-height:1.1;margin:10px 0 2px;color:#fff}
.trailer p{font-size:14px!important;color:#d9c9ef!important;margin:0!important;line-height:1.45!important}
.trailer p a{color:#3de0ff}
.tr-fine{font-size:13px;color:#d9c9ef;margin-top:12px}

.cdp{display:grid;gap:10px;margin:14px 0}
@media(min-width:640px){.cdp{grid-template-columns:repeat(2,1fr)}}
.cdp-c{background:#22113a;border:2px solid #ffffff1f;border-radius:14px;padding:12px 14px}
.cdp-c.you{border-color:#3de0ff;box-shadow:0 0 18px #3de0ff55;background:linear-gradient(135deg,#3de0ff1f,#8b3dff26),#22113a}
.cdp-c .n{font-weight:700;font-size:16px;color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.cdp-c .yb{background:#3de0ff;color:#140a24;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 8px}
.cdp-c .t{font-family:BS,Impact,sans-serif;font-weight:700;font-size:30px;line-height:1.1;color:#ff3d9a;font-variant-numeric:tabular-nums}
.cdp-c .w{font-size:13px;color:#d9c9ef}
.cdp-tz{background:#ffffff0d;border-left:4px solid #3de0ff;border-radius:10px;padding:10px 14px;font-size:16px!important}
.tbl tr.you td{background:#3de0ff22;color:#fff;font-weight:700}

.rumor{display:block;margin:6px 0 10px;padding:10px 14px;border-radius:12px;background:#ffd23d1a;border:2px dashed #ffd23d;font-size:16px!important;color:#fff!important}
.rumor .rb{display:inline-block;background:#ffd23d;color:#140a24;font-weight:700;font-size:12px;letter-spacing:.1em;border-radius:6px;padding:2px 8px;margin-right:6px;vertical-align:1px}
.rumor a{color:#ffd23d!important}

.nbadge{display:inline-block;align-self:flex-start;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-radius:6px;padding:2px 8px;background:#ffd23d;color:#140a24}
.nbadge.est{background:#3de0ff}.nbadge.na{background:#ff8a3d}
.ntl{list-style:none;padding:0!important;margin:18px 0!important;border-left:3px solid #ff3d9a55}
.ntl>li{position:relative;padding:0 0 22px 22px!important;margin:0!important}
.ntl>li:before{content:"";position:absolute;left:-9px;top:6px;width:15px;height:15px;border-radius:50%;background:#ff3d9a;box-shadow:0 0 12px #ff3d9a}
.ntl time{display:block;color:#ff8a3d;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em}
.ntl h2{font-size:clamp(24px,5vw,32px)!important;margin:4px 0 6px!important;line-height:1.05}
.ntl h2 a{color:#fff!important;text-decoration:none}.ntl h2 a:hover{text-decoration:underline}
.ntl p{font-size:16px!important}
.ntl .go{font-weight:700;color:#3de0ff}
.nimg{width:100%;height:auto;border-radius:14px;margin:8px 0 14px;display:block;border:1px solid #ffffff22}
.vch-bar:not(.js) .vb-nx{display:none}
@media(max-width:759px){.vch-aviso{padding:8px 10px;bottom:8px;left:8px;right:8px;max-width:none;border-radius:14px}
.vch-aviso .va-h{font-size:15px;margin:0 30px 4px 0}
.vch-aviso .va-x{width:28px;height:28px;font-size:17px;top:4px;right:4px}
.vch-aviso .va-rs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vch-aviso .va-r{display:block;padding:4px 0 0}
.vch-aviso .va-r b{font-size:11px}.vch-aviso .va-r small{display:none}
.vch-aviso .va-t{display:block;font-size:19px}
.vch-aviso .va-f{font-size:11px;margin-top:4px}}
.nimg{max-width:560px}
