/* selector de idioma por video (banderas + menú), como el de TAG; ligero, sin blur */
.langPick{position:absolute;z-index:6;left:12px;top:12px}
.liveFrame .langPick{left:auto;right:12px}
.introWrap{position:relative}.introWrap .langPick{left:auto;right:auto;left:14px;top:14px}
.lpBtn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:10px;border:1px solid rgba(232,215,181,.55);background:rgba(19,36,74,.82);color:#E8D7B5;font:800 13px var(--sans);letter-spacing:.06em;cursor:pointer}
.lpBtn:hover,.lpBtn[aria-expanded=true]{border-color:#E8D7B5;background:#13244A}
.lpFlag{font-size:19px;line-height:1}.lpChev{font-size:12px;opacity:.8}
.lpMenu{position:absolute;left:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;min-width:140px;background:#E8D7B5;border:1px solid #4B7BA6;border-radius:12px;box-shadow:0 18px 40px rgba(10,20,45,.45)}
.lpMenu[hidden]{display:none!important}
.lpMenu li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#13244A;font:800 14px var(--sans);cursor:pointer;outline-offset:-2px}
.lpMenu li:hover,.lpMenu li:focus-visible{background:#D6B98B}
.lpMenu li[aria-selected=true]{background:#C4EAF2}
.liveFrame .lpMenu{left:auto;right:0}
.lpNote{position:absolute;left:0;top:calc(100% + 6px);margin:0;max-width:min(280px,70vw);padding:0;background:#13244Af0;color:#E8D7B5;font:600 12px/1.4 var(--sans);border-radius:8px}
.lpNote:not(:empty){padding:8px 12px}
.liveFrame .lpNote{left:auto;right:0}
.vfTag{left:auto;right:auto}
@media(max-width:700px){.lpBtn{min-height:34px;padding:0 10px}.lpFlag{font-size:17px}}

/* CTA de EXPANDEPRO en menú y footer */
.navCta{min-height:40px;padding:0 16px;font-size:13px;white-space:nowrap}
.footCta{display:inline-flex;align-items:center;margin-bottom:14px;padding:11px 18px;border-radius:8px;background:#E8D7B5;color:#13244A;font:800 13px var(--sans);letter-spacing:.04em;text-decoration:none}
.footCta:hover{background:#fff}
@media(max-width:900px){.navCta{display:none}}

/* CTAs de acompañamiento: oscuros como el botón del HERO, sólidos y en UNA sola línea */
.sales .btn.accent,.navCta,.footCta{white-space:nowrap!important;opacity:1!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:6px;font:800 15px/1 var(--sans);letter-spacing:.01em;text-decoration:none;box-shadow:0 10px 22px rgba(19,36,74,.28)}
html[data-theme=light] .sales .btn.accent,html[data-theme=light] .sales .btn.accent[aria-disabled=true],html[data-theme=light] .navCta{background:#2E56A6!important;color:#E8D7B5!important;border:0!important}
html[data-theme=light] .sales .btn.accent:hover,html[data-theme=light] .navCta:hover{background:#13244A!important}
html[data-theme=light] .footCta{background:#13244A;color:#E8D7B5}html[data-theme=light] .footCta:hover{background:#0b1730}
html[data-theme=dark] .sales .btn.accent,html[data-theme=dark] .navCta,html[data-theme=dark] .footCta{background:#C8A46B!important;color:#13244A!important;border:0!important}
html[data-theme=dark] .sales .btn.accent:hover,html[data-theme=dark] .navCta:hover,html[data-theme=dark] .footCta:hover{background:#E8D7B5!important}
.navCta{min-height:42px;padding:0 18px;font-size:13px}
@media(max-width:900px){.sales .btn.accent,.ctaCol{width:100%}}
@media(max-width:420px){.sales .btn.accent,.footCta{font-size:clamp(11px,3.7vw,14px);padding:0 14px;min-height:46px}}
@media(max-width:1100px){.navCta{display:none!important}}
.sales .agendaBtn{white-space:nowrap;min-height:46px;padding:0 22px;border-radius:6px;font:800 14px var(--sans)}
html[data-theme=light] .sales .agendaBtn{background:transparent!important;color:#13244A!important;border:2px solid #2E56A6!important;box-shadow:none}
html[data-theme=dark] .sales .agendaBtn{background:transparent!important;color:#E8D7B5!important;border:2px solid #E8D7B5!important;box-shadow:none}
.ctaCol{gap:12px}

/* CTAs de la tarjeta EN VIVO: mismos botones oscuros del hero, una sola línea */
.liveActs .btn{white-space:nowrap;min-height:48px;padding:0 22px;border-radius:6px;font:800 14px/1 var(--sans);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;opacity:1}
html[data-theme=light] .liveActs .liveCta{background:#2E56A6!important;color:#E8D7B5!important;border:0!important;box-shadow:0 10px 22px rgba(19,36,74,.28)}
html[data-theme=light] .liveActs .liveCta:hover{background:#13244A!important}
html[data-theme=dark] .liveActs .liveCta{background:#C8A46B!important;color:#13244A!important;border:0!important;box-shadow:0 10px 22px rgba(0,0,0,.3)}
html[data-theme=dark] .liveActs .liveCta:hover{background:#E8D7B5!important}
html[data-theme=light] .liveActs .liveCta2{background:transparent!important;color:#13244A!important;border:2px solid #2E56A6!important;box-shadow:none}
html[data-theme=dark] .liveActs .liveCta2{background:transparent!important;color:#E8D7B5!important;border:2px solid #E8D7B5!important;box-shadow:none}
.liveActs .btn:disabled{opacity:1}
@media(max-width:520px){.liveActs{flex-direction:column;align-items:stretch}.liveActs .btn{width:100%}}

/* SIN GRISES: la marca es azul + beige. Nada de atenuar con opacidad/desaturar (se ve gris): estados desactivados en color de marca pleno. */
.vfPlayBtn,.vfPlayBtn:disabled{opacity:1!important;background:#E8D7B5!important;color:#13244A!important;cursor:default}
.vfPlayBtn:not(:disabled){cursor:pointer}
.vfPlay{opacity:1!important;background:#E8D7B5!important;color:#13244A!important}
.epCard.soonCard,.epCard.soonCard .thumb{opacity:1!important;filter:none!important}
.btn:disabled,.btn[disabled],.btn[aria-disabled=true]{opacity:1!important;cursor:not-allowed}
html[data-theme=light] .btn:disabled,html[data-theme=light] .btn[aria-disabled=true]{background:#2E56A6!important;color:#E8D7B5!important}
html[data-theme=dark] .btn:disabled,html[data-theme=dark] .btn[aria-disabled=true]{background:#C8A46B!important;color:#13244A!important}
.note,.lpNote{opacity:1}

/* logos del footer: MISMA altura los dos */
.footLogo{display:flex;align-items:center;gap:clamp(20px,3vw,40px)}
.footLogo img,.footLogo img+img{height:clamp(110px,12vw,170px)!important;width:auto!important;aspect-ratio:auto!important;object-fit:contain}
@media(max-width:700px){.footLogo img,.footLogo img+img{height:104px!important}}

/* leyenda del footer en UNA sola línea (el tamaño se ajusta al ancho para no desbordar) */
.footLead p{white-space:nowrap;font-size:clamp(10px,3.1vw,16px);max-width:none}

/* márgenes iguales izquierda/derecha en todo el sitio: hero con el mismo ancho máximo que las secciones */
.hero.ux.nf .heroInner{max-width:1550px!important;padding-inline:var(--gutter)!important;margin-inline:auto}
@media(max-width:380px){.topbar .nav{gap:6px}.topbar .navActions{gap:6px}}

/* footer centrado (CTA, logos, leyenda y avisos) */
.footerTop{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:calc(var(--sp-gap,18px) + 14px)}
.footLead{display:flex;flex-direction:column;align-items:center;text-align:center}
.footLogo{justify-content:center}
.footNotes{max-width:720px;text-align:center;margin-inline:auto}
.footBottom{text-align:center;justify-content:center;display:flex}
.footBottom>span{margin-inline:auto}
@media(max-width:380px){.langSel button{min-width:34px!important;padding:0 6px!important}.topbar .control{min-width:38px}}
@media(max-width:360px){.topbar .navLink.liveLink{display:none!important}}

/* títulos alineados al margen: sin la barrita de acento heredada que los desplazaba 22 px */
#biblioteca .sectionIntro h2::before,.season>summary .sTitle::before,.epTitle strong::before{content:none!important;display:none!important;width:0!important;margin:0!important}
#biblioteca .sectionIntro h2,.season>summary .sTitle,.epTitle strong{gap:0!important;padding-left:0!important;text-indent:0!important}

/* tarjeta EN VIVO en móvil: el marco de video respeta el ancho (antes min-height:260px + 16:9 lo ensanchaba a 462 px) */
.liveCard>.liveFrame{width:100%;min-width:0;min-height:0;aspect-ratio:16/9}
@media(min-width:900px){.liveCard>.liveFrame{min-height:280px;aspect-ratio:auto}}

/* acordeón de materias en móvil: mismo margen interior para miniatura, botones y portadas; flecha a la derecha */
@media(max-width:770px){
  .episode>summary.hasThumb{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;padding:14px 13px!important}
  .episode>summary.hasThumb .epThumb{grid-column:1;grid-row:1/3;width:52px;height:52px}
  .episode>summary.hasThumb .epLabel{grid-column:2!important;grid-row:1;display:block;align-self:end}
  .episode>summary.hasThumb .epTitle{grid-column:2;grid-row:2;align-self:start}
  .episode>summary.hasThumb .epRight{grid-column:3;grid-row:1/3;align-self:center}
  .episode .epBar{padding-inline:13px!important}
  .episode .epRail{padding-inline:13px!important;scroll-padding-inline:13px!important}
}
@media(max-width:360px){.sales .btn.accent,.navCta,.footCta{white-space:normal!important;text-align:center;line-height:1.25}}
/* CTA acompañamiento: botones del mismo tamaño y texto justificado en 1-2 líneas */
.ctaCol{display:grid;grid-template-columns:max-content;justify-items:stretch;gap:12px;width:max-content;max-width:100%}
.ctaCol .btn,.sales .agendaBtn{width:auto;box-sizing:border-box;min-height:50px;padding:0 24px;justify-content:center;font:800 15px/1 var(--sans);letter-spacing:.01em}
.sales>div:first-child p{max-width:none;text-align:justify;text-justify:inter-word}
@media(max-width:900px){.ctaCol{width:100%;grid-template-columns:1fr}}
@media(max-width:420px){.ctaCol .btn,.sales .agendaBtn{min-height:46px;padding:0 14px;font-size:clamp(11px,3.7vw,14px)}}
/* Pie sobrio: sin CTA duplicado, logos contenidos, avisos en un bloque compacto y apagado */
.footer .footCta{display:none!important}
.footer .footLogo img,.footer .footLogo img+img{height:64px!important}
.footer .footLead p{font-size:13px;margin-top:10px;opacity:.9}
.footer .footerTop{gap:18px;margin-bottom:20px}
.footer .footNotes{max-width:640px;font-size:12px;line-height:1.5;opacity:.8;text-wrap:balance}
.footer .footNotes p{margin:0 0 6px}
.footer .footNotes p[data-i18n=cert_note]{white-space:normal}
.footer .footBottom{font-size:11.5px;padding-top:14px;opacity:.75}
@media(max-width:700px){.footer .footLogo img,.footer .footLogo img+img{height:52px!important}.footer .footLogo{gap:16px}.footer .footLead p{white-space:normal;font-size:12.5px}}
/* Barra de materia (Video de la materia · Ver todo · flechas) y riel alineados con el encabezado; sin botones pegados */
.episode .epBar{gap:10px!important}
@media(min-width:771px){
  .episode .epBar{padding-inline:22px!important}
  .episode .epRail{padding-inline:22px!important;scroll-padding-inline:22px!important}
}
/* aviso de traducción en revisión (PT/ZH) */
.transNote{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 44px 8px 16px;font-size:13px;line-height:1.4;background:#C4EAF2;color:#13244A;border-bottom:1px solid #4B7BA6;position:relative;text-align:center}
.transNote[hidden]{display:none}.transNote button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:inherit;font-size:20px;cursor:pointer}
.transNote button:focus-visible{outline:2px solid #2E56A6}
html[data-theme=dark] .transNote{background:#1F3868;color:#E8D7B5;border-color:#34528A}