/* Vistas públicas de transmisión: acceso, reproductor y modo TV. */
:root{--live-orange:#ff5b11;--live-gold:#ffab24;--live-red:#ff2545;--live-blue:#6ecbff;--live-ink:#050914;--live-panel:#0b1423;--live-line:rgba(176,204,235,.25);--live-copy:#eaf1f8;--live-muted:#aebbd0}

.vivo-state-note{color:#b8c5d5;font-size:12px;line-height:1.45;margin:14px auto 0;max-width:440px;text-align:center}.vivo-state-note[data-tone="live"]{color:#a8f7c8}.vivo-state-note[data-tone="pending"]{color:#ffd28d}.vivo-state-note[data-tone="paused"]{color:#ffe59b}.vivo-state-note[data-tone="ended"],.vivo-state-note[data-tone="error"]{color:#ffb3bd}.vivo-state-note[hidden]{display:none}.vivo-login-card.vivo-state-only{justify-content:center}.vivo-login-card.vivo-state-only .vivo-state-note{font-size:15px;margin-bottom:9px}.vivo-login-card.vivo-state-only .vivo-lock{opacity:.8}
body[data-page="vivo"] .vivo-login-view.hidden,body[data-page="tv"] .vivo-login-view.hidden,body[data-page="vivo"] .vivo-dashboard.hidden,body[data-page="tv"] .vivo-dashboard.hidden{display:none!important}

/* La vista post-acceso usa una página desplazable aunque el acceso previo sea fijo. */
body[data-page="vivo"].vivo-live-active{background:#050812;overflow-x:hidden;padding-bottom:0}body[data-page="vivo"].vivo-live-active main{height:auto;min-height:calc(100svh - 78px);overflow:visible}body[data-page="vivo"].vivo-live-active .vivo-page{background:radial-gradient(ellipse at 50% -14%,rgba(255,90,21,.16),transparent 32%),radial-gradient(ellipse at 8% 40%,rgba(43,128,204,.12),transparent 34%),#050812;height:auto;min-height:calc(100svh - 78px);overflow:visible;padding:clamp(20px,3.2vw,44px) clamp(16px,5vw,88px) 42px}body[data-page="vivo"].vivo-live-active .vivo-dashboard{height:auto;max-width:1380px;overflow:visible;padding:0}
.vivo-dashboard{box-sizing:border-box;margin:0 auto;max-width:1380px;padding:0}.live-viewer-heading{align-items:center;display:flex;gap:22px;justify-content:space-between;margin:0 0 16px}.live-viewer-brand{display:none}.live-viewer-heading-main{min-width:0}.live-viewer-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.live-viewer-title-row h1{color:#fff;font-size:clamp(22px,2.3vw,32px);letter-spacing:-.035em;line-height:1.1;margin:0}.live-badge{align-items:center;background:linear-gradient(120deg,#ff1c3c,#fb2445 55%,#ff4f1e);border:1px solid #ff7789;border-radius:9px;box-shadow:0 0 20px rgba(255,32,65,.28);color:white;display:inline-flex;font-size:13px;font-weight:900;gap:8px;letter-spacing:.03em;padding:8px 13px}.live-badge-signal{font-size:17px;line-height:.5}.live-title-divider{background:rgba(220,230,243,.54);height:27px;width:1px}.live-availability{align-items:center;color:#e6edf5;display:flex;font-size:13px;font-weight:750;gap:9px;margin:0;white-space:nowrap}.live-availability>span{background:#00ed6d;border-radius:50%;box-shadow:0 0 13px rgba(0,237,109,.72);display:block;height:10px;width:10px}.live-availability[data-tone="paused"]>span{background:#ffc928;box-shadow:0 0 13px rgba(255,201,40,.7)}.live-availability[data-tone="pending"]>span{background:#ff9d35;box-shadow:0 0 13px rgba(255,157,53,.7)}.live-availability[data-tone="idle"]>span{background:#8390a2;box-shadow:none}

.live-player-card{background:linear-gradient(145deg,rgba(8,14,25,.97),rgba(4,8,15,.95));border:1px solid rgba(255,104,31,.88);border-radius:21px;box-shadow:0 0 0 1px rgba(255,167,70,.12),0 0 22px rgba(255,84,13,.35),0 26px 55px rgba(0,0,0,.52);overflow:hidden;padding:9px}.live-player-frame{aspect-ratio:16/9;background:#02050a;overflow:hidden;position:relative}.live-player-frame:before{background:linear-gradient(135deg,rgba(255,85,16,.27),transparent 24%,transparent 72%,rgba(255,85,16,.1));content:"";inset:0;pointer-events:none;position:absolute;z-index:3}.live-video{background:#02050a;display:block;height:100%;object-fit:contain;position:relative;width:100%;z-index:2}.live-player-tools{display:flex;gap:8px;position:absolute;right:13px;top:13px;z-index:5}.live-player-tool{align-items:center;background:linear-gradient(145deg,rgba(9,18,31,.96),rgba(4,9,16,.94));border:1px solid rgba(255,143,67,.78);border-radius:10px;box-shadow:0 0 0 1px rgba(255,178,104,.12),0 7px 18px rgba(0,0,0,.38),0 0 15px rgba(255,83,15,.22);color:#fff;cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;width:40px}.live-player-tool svg{fill:none;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:20px}.live-player-tool:hover:not(:disabled){background:linear-gradient(145deg,rgba(255,105,31,.95),rgba(194,51,9,.95));box-shadow:0 0 0 1px rgba(255,205,151,.31),0 0 24px rgba(255,84,13,.5),0 8px 20px rgba(0,0,0,.42);transform:translateY(-1px)}.live-player-tool:focus-visible{outline:2px solid #fff;outline-offset:3px}.live-player-tool.is-active{background:linear-gradient(145deg,#ff7d2e,#ce3a0b);border-color:#ffd5a4;box-shadow:0 0 0 1px rgba(255,207,153,.4),0 0 25px rgba(255,84,13,.62),0 8px 20px rgba(0,0,0,.42)}.live-player-tool:disabled{cursor:default;opacity:.54}.live-player-tool[hidden]{display:none}.live-player-placeholder{align-items:center;background:linear-gradient(90deg,rgba(2,7,14,.32),rgba(4,10,18,.1) 50%,rgba(2,7,14,.48)),url('_assets/fondos/TransmisionPC.webp') center/cover;display:flex;inset:0;justify-content:center;position:absolute;text-align:center;z-index:4}.live-player-placeholder:before{background:radial-gradient(circle at 50% 50%,rgba(4,10,18,.14),rgba(3,7,14,.71) 74%);content:"";inset:0;position:absolute}.live-player-placeholder[hidden]{display:none}.live-player-placeholder-copy{max-width:min(90%,510px);position:relative}.live-placeholder-icon{align-items:center;background:rgba(6,14,24,.86);border:1px solid rgba(255,116,41,.7);border-radius:50%;box-shadow:0 0 26px rgba(255,90,16,.29);color:#ff7a2c;display:inline-flex;font-size:20px;height:54px;justify-content:center;padding-left:3px;width:54px}.live-player-placeholder h2{color:white;font-size:clamp(20px,2.2vw,31px);letter-spacing:-.04em;margin:15px 0 7px}.live-player-placeholder p{color:#d3deeb;font-size:14px;line-height:1.5;margin:0}.live-player-placeholder[data-tone="paused"] .live-placeholder-icon{color:#ffe28c;border-color:#ffcc49}.live-player-placeholder[data-tone="error"] .live-placeholder-icon{color:#ffabb4;border-color:#ff697b}.live-retry{background:rgba(6,15,26,.8);border:1px solid rgba(255,135,63,.73);border-radius:9px;box-shadow:0 0 14px rgba(255,86,15,.18);color:#ffe7d7;cursor:pointer;font:800 13px Inter,system-ui,sans-serif;margin-top:18px;padding:10px 18px}.live-retry:hover{background:#222030}.live-player-meta{align-items:center;color:#b7c3d1;display:flex;font-size:12px;gap:12px;justify-content:space-between;padding:10px 11px 3px}.live-now{align-items:center;color:#fafbfc;display:inline-flex;font-size:11px;font-weight:900;gap:7px;letter-spacing:.06em}.live-now i{background:#ff1741;border-radius:50%;box-shadow:0 0 10px rgba(255,32,61,.8);height:10px;width:10px}

.live-channel-strip{background:linear-gradient(180deg,rgba(15,25,41,.8),rgba(6,12,22,.9));border:1px solid rgba(181,203,229,.18);border-top:0;border-radius:0 0 18px 18px;display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 18px;padding:14px 18px}.live-channel-strip>div{border-right:1px solid rgba(174,195,218,.2);padding:0 15px}.live-channel-strip>div:first-child{padding-left:0}.live-channel-strip>div:last-child{border-right:0}.live-channel-strip strong{color:#f7f9fd;display:block;font-size:12px;letter-spacing:.01em}.live-channel-strip span{color:#aebcd0;display:block;font-size:11px;margin-top:4px}

.live-actions{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0 12px}.live-action-card{align-items:center;background:linear-gradient(145deg,rgba(13,23,38,.95),rgba(7,13,24,.9));border:1px solid rgba(160,187,219,.22);border-radius:14px;color:#f7f9fc;display:grid;gap:11px;grid-template-columns:35px minmax(0,1fr);min-height:94px;padding:13px 14px;position:relative;text-align:left;text-decoration:none}.live-action-card:not(:disabled){cursor:pointer}.live-action-card:not(:disabled):hover{border-color:rgba(255,120,45,.7);box-shadow:0 0 19px rgba(255,88,15,.14);transform:translateY(-1px)}.live-action-card:disabled{cursor:not-allowed;opacity:.74}.live-action-icon{align-items:center;display:flex;justify-content:center}.live-action-icon svg{fill:none;height:31px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65;width:31px}.live-action-card b{color:#fff;display:block;font-size:13px;line-height:1.25}.live-action-card small{color:#afbbca;display:block;font-size:11px;line-height:1.3;margin-top:3px}.live-action-card em{border:1px solid currentColor;border-radius:7px;font-size:11px;font-style:normal;font-weight:850;grid-column:1/-1;line-height:1;padding:7px 8px;text-align:center;text-transform:capitalize}.live-action-android{color:#29edac}.live-action-tv{color:#b85bff}.live-action-catalog{color:#ffc947}.live-action-whatsapp{color:#34e498}

.live-feedback{align-items:center;background:linear-gradient(100deg,rgba(21,18,23,.96),rgba(13,18,27,.95));border:1px solid rgba(255,151,43,.24);border-radius:15px;display:flex;gap:19px;justify-content:space-between;margin-top:14px;padding:13px 18px}.live-feedback-copy{align-items:center;display:flex;gap:11px}.live-feedback-copy>span{color:#ff831e;font-size:32px}.live-feedback-copy h2{color:#fff;font-size:15px;line-height:1.2;margin:0}.live-feedback-copy p{color:#afbbca;font-size:11px;margin:4px 0 0}.live-rating-options{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));width:min(60%,620px)}.live-rating-options button{align-items:center;background:rgba(7,13,24,.7);border:1px solid rgba(177,199,224,.24);border-radius:9px;color:#dce5ef;cursor:pointer;display:flex;flex-direction:column;font:700 10px Inter,system-ui,sans-serif;gap:4px;justify-content:center;min-height:51px;padding:5px}.live-rating-options button span{font-size:20px;line-height:1}.live-rating-options button:nth-child(1){border-color:rgba(255,38,72,.65);color:#ff7184}.live-rating-options button:nth-child(2){border-color:rgba(255,126,26,.65);color:#ffad61}.live-rating-options button:nth-child(3){border-color:rgba(250,214,54,.62);color:#fddd72}.live-rating-options button:nth-child(4){border-color:rgba(16,217,151,.6);color:#67efc6}.live-rating-options button:nth-child(5){border-color:rgba(20,232,100,.6);color:#75f4ad}.live-rating-options button.is-selected{background:rgba(255,111,32,.15);box-shadow:0 0 16px rgba(255,107,26,.25);transform:translateY(-1px)}.tv-contact-strip{display:none}

/* El televisor conserva sólo el contenido de la emisión y controles grandes. */
body[data-page="tv"]{background:#03070e;min-height:100svh;overflow:hidden;padding-bottom:0}body[data-page="tv"] .topbar,body[data-page="tv"] .platform-ticker,body[data-page="tv"] .bottom-nav,body[data-page="tv"] .whatsapp{display:none!important}body[data-page="tv"] main{height:100svh;overflow:hidden}body[data-page="tv"] .vivo-page{background:linear-gradient(90deg,rgba(3,7,13,.92),rgba(3,8,15,.3) 50%,rgba(3,7,13,.88)),url('_assets/fondos/TransmisionPC.webp') center/cover;box-sizing:border-box;height:100%;min-height:0;overflow:hidden;padding:clamp(22px,3vw,52px)}body[data-page="tv"] .vivo-login-view{align-items:center;background:transparent;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:0}body[data-page="tv"] .vivo-login-art{display:none}body[data-page="tv"] .vivo-mobile-logo{display:block;height:auto;margin:0 auto clamp(25px,4vh,50px);position:static;transform:none;width:clamp(130px,13vw,205px)}body[data-page="tv"] .vivo-mobile-logo img{filter:drop-shadow(0 3px 10px rgba(0,0,0,.75));height:auto;width:100%}body[data-page="tv"] .vivo-login-card{align-items:center;background:linear-gradient(145deg,rgba(8,18,31,.9),rgba(5,10,18,.92));border:1px solid rgba(255,132,57,.75);border-radius:23px;box-shadow:0 0 28px rgba(255,83,15,.24),0 22px 65px rgba(0,0,0,.55);max-width:min(69vw,760px);padding:clamp(28px,4vw,52px);text-align:center;width:100%}body[data-page="tv"] .vivo-login-card h1{font-size:clamp(31px,3.4vw,51px)}body[data-page="tv"] .vivo-login-copy{font-size:clamp(16px,1.7vw,25px);max-width:650px}body[data-page="tv"] .vivo-lock{height:clamp(68px,7vw,96px);width:clamp(68px,7vw,96px)}body[data-page="tv"] .vivo-otp-group{gap:clamp(12px,1.3vw,21px);max-width:650px;width:100%}body[data-page="tv"] .vivo-otp-digit{border-radius:14px;font-size:clamp(29px,3vw,44px);height:clamp(65px,7vw,92px)}body[data-page="tv"] .vivo-otp-digit:focus{outline:3px solid #fff;outline-offset:4px}body[data-page="tv"] .vivo-main-action{font-size:clamp(21px,2vw,31px);height:clamp(61px,6vw,79px);max-width:650px}body[data-page="tv"] .vivo-dashboard{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;max-width:min(96vw,1780px)}body[data-page="tv"] .live-viewer-heading{margin-bottom:19px}body[data-page="tv"] .live-viewer-brand{display:block;flex:0 0 auto;width:clamp(120px,11vw,190px)}body[data-page="tv"] .live-viewer-brand img{display:block;height:auto;width:100%}body[data-page="tv"] .live-viewer-heading-main{display:none}body[data-page="tv"] .live-availability{font-size:clamp(15px,1.4vw,23px)}body[data-page="tv"] .live-availability>span{height:14px;width:14px}body[data-page="tv"] .live-player-card{align-self:center;border-radius:20px;max-width:min(96vw,calc((100svh - 260px) * 1.7777));padding:8px;width:100%}body[data-page="tv"] .live-player-meta,body[data-page="tv"] .live-channel-strip,body[data-page="tv"] .live-actions,body[data-page="tv"] .live-feedback{display:none}body[data-page="tv"] .live-player-placeholder h2{font-size:clamp(24px,2.4vw,38px)}body[data-page="tv"] .live-player-placeholder p{font-size:clamp(14px,1.4vw,20px)}body[data-page="tv"] .tv-contact-strip{align-items:center;background:rgba(7,13,21,.91);border:1px solid rgba(255,117,32,.78);border-radius:17px;box-shadow:0 0 18px rgba(255,95,13,.17);display:grid;gap:20px;grid-template-columns:auto minmax(0,1fr) auto;margin:18px auto 0;max-width:82%;padding:13px 22px}.tv-contact-icon{color:#43e58f;font-size:42px}.tv-contact-strip p{border-right:1px solid rgba(225,235,248,.28);color:#fff;display:flex;flex-direction:column;font-size:14px;margin:0;padding-right:24px;text-transform:uppercase}.tv-contact-strip p b{color:#ff8122;font-size:clamp(17px,2vw,28px);line-height:1}.tv-contact-strip p span{color:#e0e6ed;font-size:clamp(11px,1.25vw,18px);font-weight:750;margin-top:5px}.tv-contact-strip a{align-items:center;border:1px solid #ff7c2c;border-radius:11px;color:white;display:inline-flex;font-size:clamp(15px,1.65vw,24px);font-weight:900;gap:18px;justify-content:center;padding:11px 20px;text-decoration:none}.tv-contact-strip a span{color:#ff8e42;font-size:1.5em;line-height:.5}

@media(max-width:900px){.live-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.live-feedback{align-items:stretch;flex-direction:column}.live-rating-options{width:100%}}
@media(max-width:700px){html:has(body[data-page="vivo"].vivo-live-active),body[data-page="vivo"].vivo-live-active{height:auto!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important}body[data-page="vivo"].vivo-live-active main{height:auto!important;min-height:100svh;overflow:visible!important}body[data-page="vivo"].vivo-live-active .vivo-page{height:auto!important;min-height:100svh;overflow:visible!important;padding:20px 15px 92px}.vivo-dashboard{max-width:none}.live-viewer-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:14px}.live-viewer-title-row{gap:9px}.live-badge{font-size:11px;padding:7px 9px}.live-title-divider{height:20px}.live-viewer-title-row h1{font-size:21px}.live-availability{font-size:12px}.live-player-card{border-radius:16px;padding:5px}.live-player-frame{aspect-ratio:16/9}.live-placeholder-icon{font-size:14px;height:37px;width:37px}.live-player-placeholder h2{font-size:17px;margin:8px 0 4px}.live-player-placeholder p{font-size:11px;line-height:1.35}.live-retry{font-size:11px;margin-top:10px;padding:7px 12px}.live-player-meta{font-size:10px;padding:7px 5px 2px}.live-now{font-size:9px}.live-now i{height:7px;width:7px}.live-channel-strip{border-radius:0 0 13px 13px;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:15px;padding:9px 10px}.live-channel-strip>div{border-right:0;padding:0}.live-channel-strip strong{font-size:10px}.live-channel-strip span{font-size:9px;margin-top:2px}.live-actions{gap:9px;grid-template-columns:1fr;margin:16px 0 11px}.live-action-card{gap:12px;grid-template-columns:36px minmax(0,1fr) auto;min-height:70px;padding:10px 12px}.live-action-icon svg{height:29px;width:29px}.live-action-card b{font-size:13px}.live-action-card small{font-size:10px}.live-action-card em{font-size:10px;grid-column:auto;padding:7px 8px}.live-feedback{border-radius:13px;gap:12px;padding:12px}.live-feedback-copy>span{font-size:27px}.live-feedback-copy h2{font-size:13px}.live-feedback-copy p{font-size:10px}.live-rating-options{gap:5px}.live-rating-options button{font-size:8px;min-height:48px}.live-rating-options button span{font-size:17px}
  body[data-page="tv"] .vivo-page{min-height:100svh;padding:22px 14px 26px}body[data-page="tv"] .vivo-login-card{max-width:100%;padding:24px 18px;width:min(100%,500px)}body[data-page="tv"] .vivo-login-card h1{font-size:29px}body[data-page="tv"] .vivo-login-copy{font-size:14px}body[data-page="tv"] .vivo-mobile-logo{margin-bottom:26px;width:128px}body[data-page="tv"] .vivo-otp-group{gap:8px}body[data-page="tv"] .vivo-otp-digit{font-size:25px;height:57px}body[data-page="tv"] .vivo-main-action{height:56px}body[data-page="tv"] .live-player-tools{right:8px;top:8px}.live-player-tool{border-radius:8px;height:32px;width:32px}.live-player-tool svg{height:17px;width:17px}body[data-page="tv"] .live-viewer-brand{width:104px}body[data-page="tv"] .live-availability{font-size:13px}body[data-page="tv"] .tv-contact-strip{gap:10px;grid-template-columns:auto minmax(0,1fr);max-width:100%;padding:10px 13px}body[data-page="tv"] .tv-contact-icon{font-size:28px}body[data-page="tv"] .tv-contact-strip p{border-right:0;padding-right:0}body[data-page="tv"] .tv-contact-strip p b{font-size:15px}body[data-page="tv"] .tv-contact-strip p span{font-size:10px}body[data-page="tv"] .tv-contact-strip a{font-size:13px;grid-column:1/-1;padding:9px}
}

@media(prefers-reduced-motion:reduce){.live-action-card{transition:none!important}.live-action-card:not(:disabled):hover{transform:none}.vivo-otp-group.is-invalid{animation:none}}