/* LiBERATEMPRENDIENDO — Design System V3 (aprobado por Félix 2026-10-12): azul cielo #C4EAF2 y beige escolar #E8D7B5 principales; azul medio #4B7BA6 y azul institucional #2E56A6 de apoyo/contraste; #13244A y #13244A son sombras del azul institucional solo para contraste AA. Rojo #BF3F34 fuera de la identidad. Canon anterior (Academic Prestige V1) en el tag canon-academic-prestige-v1.
   Base previa:
   Capa de marca sobre la estructura de Video Experience: tokens exactos, serif editorial + sans,
   azul institucional dominante, marfil/arena para calidez, dorado SOLO como acento. */
:root{
  --navy:#2E56A6;--blue:#4B7BA6;--sand:#E8D7B5;--ivory:#E8D7B5;--deep:#13244A;--gold:#C4EAF2;
  --bone:#E8D7B5;--pearl:#D9DDE2;--taupe:#4B7BA6;--ink:#13244A;--muted:#4F6485;
  --paper:#E8D7B5;--surface:#FFFFFF;--panel:#E8D7B5;--line:#4B7BA6;
  --shadow:0 18px 50px rgba(24,33,54,.08);
  --serif:Georgia,'Iowan Old Style',Baskerville,'Times New Roman',serif;
  --sans:Inter,'Avenir Next','Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --azure:#E8D7B5;--cyan:#C4EAF2;--ring:#C4EAF2;--radius:14px;
  font-family:var(--sans)}
html[data-theme=light]{--bg:#E8D7B5;--fg:#13244A;--soft:#46597A;--card:#FFFFFF;--panel:#E8D7B5;--border:#4B7BA6;--well:#E8D7B5;--footer:#13244A;--shadow:0 18px 50px rgba(24,33,54,.08);--kick:#2E56A6}
html[data-theme=dark]{--bg:#0F1E3D;--fg:#E8D7B5;--soft:#C4D6E8;--card:#162A52;--panel:#1F3868;--border:#34528A;--well:#1F3868;--footer:#13244A;--shadow:0 18px 50px rgba(0,0,0,.22);--kick:#E8D7B5}
body{font-family:var(--sans)}
:focus-visible{outline:3px solid var(--gold)!important;outline-offset:3px}
h1,h2,h3,.sTitle,.epTitle strong,.dialog h2{font-family:var(--serif);font-weight:400}
.kicker,.sKick,.epNum{color:var(--kick,#2E56A6)!important;letter-spacing:.18em}
.kicker::before{content:"";display:inline-block;width:24px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}

/* header institucional: azul profundo en ambos modos */
.topbar{background:color-mix(in srgb,#13244A 96%,transparent)!important;color:#E8D7B5;border-bottom:1px solid #E8D7B533!important}
.topbar .navLink,.topbar .brandTitle{color:#DCE8F2}.topbar .navLink:hover{color:#E8D7B5}
.topbar .bt1{color:#E8D7B5;font-weight:800}.topbar .bt2{color:#E8D7B5;opacity:1}
.topbar .control{background:transparent;border:1px solid #E8D7B555;color:#E8D7B5}.topbar .control:hover{border-color:#E8D7B5}
.langSel{background:transparent!important;border-color:#E8D7B555!important}
.langSel button{color:#DCE8F2!important}.langSel button[aria-pressed=true]{background:#E8D7B5!important;color:#13244A!important}
.dividerV{border-color:#E8D7B555}

/* hero: fotografía + overlay azul institucional; titular editorial serif */
.hero,.hero.ux{background:#13244A!important}
.hero::before{background:linear-gradient(180deg,#13244Ad9 0%,#2E56A6cc 45%,#13244Af2 100%),linear-gradient(90deg,#13244Acc,#13244A33 60%)!important}
.hero::after{background:radial-gradient(circle at 78% 30%,#C4EAF218,transparent 38%)!important}
.hero.ux .heroImg{opacity:.55;filter:saturate(.7) contrast(1.02)}
.hero.ux h1 .l1{color:#E8D7B5;font-family:var(--sans);font-weight:800;letter-spacing:.2em;font-size:clamp(11px,1vw,13px);text-transform:uppercase;margin-bottom:14px}
.hero.ux h1 .l2{font-family:var(--serif)!important;font-weight:400!important;text-transform:none!important;letter-spacing:-.045em!important;font-size:clamp(44px,6.4vw,92px)!important;line-height:1!important;color:#E8D7B5!important;-webkit-text-fill-color:#E8D7B5!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;text-shadow:0 2px 30px #13244A99}
.hero.ux .heroLeft p.ux-sub{color:#DCE8F2!important;font-size:clamp(15px,1.3vw,18px);line-height:1.7}
.hero.ux .heroLeft h1{max-width:min(18em,94vw);text-transform:none}
.ux-chip{background:#13244A80!important;border:1px solid #E8D7B560!important;color:#E8D7B5!important;font-weight:800}
.ux-chip svg{color:#C4EAF2}
.heroCaption{background:#E8D7B5!important;color:var(--navy)!important;border-top:1px solid #2E56A620!important}
.heroCaption b{color:#2E56A6}.heroCaption p,.rightLabel{color:#5B6680!important}
.ux-strip{background:transparent}.ux-feats{color:var(--navy)}.ux-feats svg{color:#C4EAF2}
html[data-theme=dark] .heroCaption{background:#162A52!important;color:#E8D7B5!important}html[data-theme=dark] .heroCaption b{color:#E8D7B5}html[data-theme=dark] .heroCaption p,html[data-theme=dark] .rightLabel{color:#C4D6E8!important}
html[data-theme=dark] .ux-feats{color:#E8D7B5}

/* botones: navy / arena; dorado solo en acentos */
.btn{border-radius:8px;font-weight:750;letter-spacing:.01em}
.btn.primary,.hero .btn.primary{background:#E8D7B5!important;color:#13244A!important;border-color:transparent!important;box-shadow:0 12px 22px #13244A40}
.btn.secondary,.hero .btn.secondary{background:transparent!important;color:#E8D7B5!important;border:1px solid #E8D7B599!important}
.btn.accent{background:#2E56A6!important;color:#fff!important;border:1px solid transparent!important;box-shadow:0 12px 22px #2E56A624}
html[data-theme=dark] .btn.accent{background:#E8D7B5!important;color:#13244A!important}
.btn.ghost{background:transparent!important;color:var(--fg)!important;border:1px solid var(--blue)!important}
.sales .btn.accent,.sales .btn.accent[aria-disabled=true]{background:#E8D7B5!important;color:#13244A!important}

/* secciones sobre marfil */
.content{background:transparent}
.sectionIntro h2,.sales h2{letter-spacing:-.04em;font-size:clamp(34px,4.2vw,60px);line-height:1.04;color:var(--fg)}
.libraryBar .search{background:var(--card);border:1px solid var(--border);color:var(--fg)}
.fold,.episode{background:var(--card);border-color:var(--border);box-shadow:var(--shadow)}
.season>summary .sTitle{font-size:clamp(22px,2.2vw,32px);letter-spacing:-.03em;color:var(--fg)}
.episode>summary{color:var(--fg)}.epTitle strong{font-size:clamp(17px,1.5vw,22px);letter-spacing:-.02em}
.epNav,.epMode{background:var(--card)!important;color:var(--fg)!important;border:1px solid var(--border)!important}
.epNav:hover,.epMode:hover{border-color:var(--gold)!important}
.epCard,.videoCard{border-color:#E8D7B533}
.epCard:hover,.videoCard:hover{border-color:#E8D7B5}
.videoCard .contentTag,.videoCard .aspectTag,.epCard .contentTag,.epCard .aspectTag{background:#13244AD9;border:1px solid #E8D7B555;color:#E8D7B5}
.cardPlay{background:#E8D7B5!important;color:#13244A!important;border:0!important}
.cm{border-color:#E8D7B555}.cm:hover{border-color:#E8D7B5}
.cm::after,.videoCard::before,.epCard::before{background:linear-gradient(0deg,#13244Af2 0%,#13244A80 48%,#13244A1a 100%)!important}
.videoCard::after{background:linear-gradient(120deg,#2E56A640,transparent 68%)!important}
.libraryGrid.fac .videoCard h3{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}

/* oferta: bloque navy con arena */
.sales{background:var(--navy)!important;color:#E8D7B5;border:1px solid #E8D7B533!important;border-radius:16px;box-shadow:0 28px 60px #13244A33}
.sales h2{color:#E8D7B5}.sales p,.sales .note{color:#D2E1EE!important}.sales .kicker{color:#E8D7B5!important}
.sales .kicker::before{background:#C4EAF2}

/* proyecto final y certificación */
.acad{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:6px}
.acadCard{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:14px;padding:30px;box-shadow:var(--shadow)}
.acadCard h3{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.03em;margin:10px 0 10px;color:var(--fg)}
.acadCard p{color:var(--soft);font-size:14px;line-height:1.75;margin:0}
.acadCard .kicker{display:block}
.seal{display:inline-grid;place-items:center;width:54px;height:54px;border:1px solid var(--gold);border-radius:50%;font:italic 26px var(--serif);color:var(--navy);margin-bottom:6px}
html[data-theme=dark] .seal{color:#E8D7B5}
@media(max-width:760px){.acad{grid-template-columns:1fr}}

/* footer */
.footer{background:#13244A!important;color:#EBE9E2;border-top:1px solid #E8D7B533!important}
.footNotes{color:#ACBAD0}.footer .footBottom{color:#ACBAD0;border-color:#E8D7B526}
.toast{background:#13244A;color:#E8D7B5;border:1px solid #E8D7B555}
.dialog{background:var(--card);color:var(--fg);border:1px solid var(--border)}
.dialog::backdrop{background:#13244Ab3}
.dialogClose{background:#13244Acc;color:#E8D7B5}
.skip{background:#E8D7B5;color:#13244A}

/* ajustes de marca: sin resplandor azul, tarjetas sólidas, foto del hero más presente */
#biblioteca::before{display:none!important}
.episode{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:var(--shadow);margin:12px 0!important;overflow:hidden!important}
.episode>summary{background:none!important;padding:18px 22px!important}
.episode .epBar,.episode .epRail{background:none!important}
.hero.ux .heroImg{opacity:.85}
.hero::before{background:linear-gradient(180deg,#13244Ac4 0%,#2E56A699 45%,#13244Af0 100%),linear-gradient(90deg,#13244A99,#13244A1f 60%)!important}
.season{border-top:1px solid var(--border)!important}
.season>summary{padding:26px 0 12px!important}
.topbar .control{font-size:16px;min-width:42px}
.episode{overflow:visible!important}

/* titular de marca EXPANDEPRO: PENSAR | SENTIR | HACER */
.hero.ux h1 .l2{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.08em .28em;font-size:clamp(34px,5.4vw,84px)!important;letter-spacing:-.02em!important;text-transform:uppercase!important}
.hero.ux h1 .l2 i{font-style:normal;color:#C4EAF2;font-weight:400}
@media(max-width:700px){.hero.ux h1 .l2{flex-direction:column;align-items:center;gap:0}.hero.ux h1 .l2 i{display:none}}
@media(min-width:701px){.hero.ux .heroLeft h1{max-width:none!important;width:100%}.hero.ux h1 .l2{flex-wrap:nowrap;font-size:clamp(34px,5vw,78px)!important;white-space:nowrap}}

/* ===== Ritmo de espacios general (mobile-first) =====
   Móvil por defecto; se amplía en 700px y 1100px. Todas las secciones y tarjetas usan estos tokens. */
:root{--gutter:20px;--section:56px;--sp-gap:16px;--card-pad:22px}
@media(min-width:700px){:root{--gutter:32px;--section:80px;--sp-gap:18px;--card-pad:28px}}
@media(min-width:1100px){:root{--gutter:48px;--section:104px;--sp-gap:20px;--card-pad:34px}}
.page{padding-inline:var(--gutter)!important}
main>section.content,main>section#acompanamiento{padding-top:var(--section)!important;padding-bottom:0!important}
main>section#acompanamiento{padding-bottom:var(--section)!important}
.sectionIntro{margin-bottom:calc(var(--sp-gap) + 10px)!important}
.libraryGrid.fac{gap:var(--sp-gap)!important}
.acad{gap:var(--sp-gap)!important}
.acadCard{padding:var(--card-pad)!important}
.episode{margin:var(--sp-gap) 0!important}
.season>summary{padding:calc(var(--sp-gap) + 8px) 0 var(--sp-gap)!important}
.sales{margin-top:0!important;padding:var(--card-pad)!important;gap:var(--sp-gap)!important}
.sales>div:first-child>*+*{margin-top:12px}
.ctaCol{gap:10px}
@media(max-width:900px){.sales{flex-direction:column;align-items:stretch!important}.ctaCol .btn{width:100%;justify-content:center}}
.footer{padding:calc(var(--section) * .7) 0 calc(var(--sp-gap) + 12px)!important;margin-top:0}
.footerTop{display:grid;grid-template-columns:1fr;gap:calc(var(--sp-gap) + 8px);margin-bottom:var(--section)}
@media(min-width:900px){.footerTop{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
.footBottom{padding-top:var(--sp-gap);border-top:1px solid #E8D7B526}
.footLead p{margin:12px 0 0}
.ux-strip{padding-block:var(--sp-gap)!important}
.heroCaption .captionInner{padding-block:var(--sp-gap)}

.hero.ux .heroInner{padding-bottom:72px!important}
@media(min-width:900px){.hero.ux .heroInner{padding-bottom:clamp(96px,13vh,140px)!important}}

/* aprendizaje, tools, comunidad, hoja de lección */
.progCard{display:grid;gap:var(--sp-gap);grid-template-columns:1fr;background:var(--card);border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:14px;padding:var(--card-pad);box-shadow:var(--shadow)}
@media(min-width:800px){.progCard{grid-template-columns:minmax(180px,.5fr) 1.5fr;align-items:center}}
.xpBox{display:flex;flex-direction:column;gap:4px}.xpNum{font:400 clamp(48px,6vw,76px)/1 var(--serif);color:var(--fg)}
.xpLab{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--kick,#2E56A6)}
.gradeLadder{list-style:none;margin:10px 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.gradeLadder li{padding:9px 14px;border-radius:100px;border:1px solid var(--border);font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--soft)}
.gradeLadder li.on{background:var(--navy);color:#fff;border-color:var(--navy)}
html[data-theme=dark] .gradeLadder li.on{background:#E8D7B5;color:#13244A;border-color:#E8D7B5}
.progCard .note{font-size:13px;color:var(--soft);margin:4px 0 0}
.toolGrid{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-gap);grid-template-columns:1fr}
@media(min-width:600px){.toolGrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.toolGrid{grid-template-columns:repeat(3,1fr)}}
.toolCard{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:var(--card-pad);display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow)}
.toolNum{font:italic 22px var(--serif);color:var(--gold)}.toolCard strong{font:400 22px var(--serif);color:var(--fg)}.toolCard small{color:var(--soft);font-size:12px}
.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:var(--sp-gap)}
.tabBtn{flex:none;padding:11px 16px;border-radius:100px;border:1px solid var(--border);background:var(--card);color:var(--fg);font-weight:750;font-size:13px}
.tabBtn[aria-selected=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
html[data-theme=dark] .tabBtn[aria-selected=true]{background:#E8D7B5;color:#13244A;border-color:#E8D7B5}
.tabPanel{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:var(--card-pad);color:var(--soft);line-height:1.7}.tabPanel p{margin:0 0 8px}
.dialog.sheet{width:min(720px,94vw);max-height:90vh;padding:0}
.sheetBody{padding:calc(var(--card-pad) + 6px) var(--card-pad) var(--card-pad);overflow:auto;max-height:90vh}
.sheetBody h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;margin:8px 0 12px}.sheetBody h3{font-size:20px;margin:22px 0 8px}
.availability{display:inline-block;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:13px;color:var(--fg)}
.sheetSummary{line-height:1.75;color:var(--fg)}.outcomes{padding-left:20px;line-height:1.8;color:var(--fg)}
.notesBox,.quizBox{margin-top:22px;border-top:1px solid var(--border);padding-top:6px}
.notesBox .f{display:block;margin:12px 0}.notesBox .f span{display:block;font-size:12px;font-weight:800;margin-bottom:6px;color:var(--fg)}
.notesBox textarea{width:100%;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;padding:10px 12px;font:inherit;resize:vertical}
.badgeDraft{display:inline-block;background:#C4EAF233;border:1px solid var(--gold);color:var(--fg);border-radius:100px;padding:5px 12px;font-size:11px;font-weight:800;letter-spacing:.06em}
.qItem{border:1px solid var(--border);border-radius:12px;margin:12px 0;padding:14px 16px}.qItem legend{font-weight:750;padding:0 6px;color:var(--fg)}
.opt{display:flex;gap:10px;align-items:flex-start;padding:9px 6px;cursor:pointer;color:var(--fg)}.opt input{margin-top:4px;accent-color:var(--navy)}
.qItem.ok{border-color:#2f7a55}.qItem.bad{border-color:#a5483f}.explain{font-size:13px;color:var(--soft);margin:8px 0 0}
.quizRes{font-weight:800;color:var(--fg);margin:12px 0 0}
.epCard.soonCard{text-align:left;font:inherit}
.toolNum{color:var(--navy)}html[data-theme=dark] .toolNum{color:#C4EAF2}

/* modal de video: marco 16:9 en cada materia y lección (reproductor real cuando hay video aprobado) */
.videoFrame{position:relative;aspect-ratio:16/9;background:#13244A;overflow:hidden;margin:calc(-1 * (var(--card-pad) + 6px)) calc(-1 * var(--card-pad)) 18px}
.videoFrame video,.videoFrame .thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.videoFrame::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#13244Acc,#13244A55 60%,#13244A33)}
.videoFrame video{z-index:2}.videoFrame:has(video)::after{display:none}
.vfPlay{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#E8D7B5e6;color:#13244A;font-size:22px;padding-left:4px;opacity:.85}
.vfTag{position:absolute;z-index:3;left:16px;bottom:14px;background:#13244AD9;border:1px solid #E8D7B566;color:#E8D7B5;border-radius:100px;padding:6px 14px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.topicList{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.topicBtn{width:100%;display:flex;gap:14px;align-items:center;text-align:left;padding:13px 16px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--fg);font:inherit;font-weight:650}
.topicBtn:hover{border-color:var(--gold)}.topicBtn .tn{font:italic 18px var(--serif);color:var(--navy)}
html[data-theme=dark] .topicBtn .tn{color:#E8D7B5}
.sheetBody .dialogClose{z-index:5}
.dialog.sheet{position:fixed;overflow:hidden}
.dialog.sheet>.dialogClose{position:absolute;top:12px;right:12px;z-index:10;width:40px;height:40px;border-radius:50%;border:1px solid #E8D7B599;background:#13244Ad9;color:#E8D7B5;font-size:22px;line-height:1;cursor:pointer}
.vfPlay{opacity:.55}

/* miniatura propia de cada materia en el acordeón */
.episode>summary.hasThumb{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:6px 16px}
.epThumb{width:64px;height:64px;border-radius:12px;object-fit:cover;border:1px solid var(--border);flex:none}
@media(max-width:700px){.episode>summary.hasThumb{grid-template-columns:auto 1fr auto}.epThumb{width:52px;height:52px}.episode>summary.hasThumb .epLabel{grid-column:auto}}

/* rótulos más compactos y encabezado del modal centrado */
.kicker,.sKick,.epNum{letter-spacing:.12em!important}
.kicker::before{margin-right:10px}
.sheetBody>.kicker{display:block;text-align:center;letter-spacing:.1em!important;line-height:1.55;text-wrap:balance;font-size:11px;margin:4px auto 0;max-width:34em}
.sheetBody>.kicker::before{display:none}
.sheetBody>h2{text-align:center;text-wrap:balance;margin:10px auto 14px}
.sheetBody>.availability{display:block;width:fit-content;max-width:100%;margin:0 auto 18px;text-align:center}
.sheetBody>.kicker .kLine{display:block}.sheetBody>.kicker .kSub{margin-top:4px;color:var(--soft)}

/* móvil: modal compacto y centrado, mismo criterio que escritorio */
@media(max-width:700px){
  .dialog.sheet{width:calc(100vw - 24px);max-height:92dvh}
  .sheetBody{padding:18px 20px 22px;max-height:92dvh}
  .sheetBody>h2{font-size:clamp(22px,6.4vw,28px);line-height:1.15;margin:8px auto 12px}
  .sheetBody>.kicker{font-size:10px;letter-spacing:.08em!important;padding-inline:4px}
  .sheetBody>.availability{font-size:12.5px;padding:9px 12px;line-height:1.45}
  .sheetSummary,.outcomes{line-height:1.62;font-size:15px}
  .sheetBody h3{font-size:18px;margin:18px 0 6px}
  .videoFrame{margin:-18px -20px 14px}
  .vfPlay{width:56px;height:56px;font-size:18px}
  .vfTag{left:12px;bottom:10px;font-size:10px;padding:5px 11px}
  .topicBtn{padding:12px 14px}
  .qItem{padding:12px 12px}.opt{padding:8px 4px}
  .kicker,.sKick,.epNum{letter-spacing:.1em!important}
  .sectionIntro h2{text-wrap:balance}
}

/* todos los títulos en MAYÚSCULAS (solo presentación; el texto fuente no cambia) */
h1,h2,h3,.sTitle,.epTitle strong,.toolCard strong,.videoCard h3,.epCard h3,.acadCard h3,.sheetBody h2,.sheetBody h3,.dialog h2,.xpNum,.libraryGrid.fac .videoCard h3,.footLead strong{text-transform:uppercase}
h1,h2,.sectionIntro h2,.sales h2,.sheetBody h2{letter-spacing:-.005em!important;line-height:1.12}
.sectionIntro h2,.sales h2{font-size:clamp(28px,3.4vw,50px)}
.sTitle{font-size:clamp(18px,1.9vw,26px)!important;letter-spacing:.01em!important}
.epTitle strong{font-size:clamp(15px,1.3vw,19px)!important;letter-spacing:.015em!important}
.toolCard strong,.acadCard h3{font-size:clamp(17px,1.6vw,22px);letter-spacing:.02em}
.videoCard h3,.libraryGrid.fac .videoCard h3,.epCard h3{letter-spacing:.015em!important}
.sheetBody h2{font-size:clamp(22px,2.6vw,30px)}.sheetBody h3{font-size:16px;letter-spacing:.06em}
.topicBtn{text-transform:uppercase;letter-spacing:.03em;font-size:13px}
.tabBtn,.gradeLadder li{text-transform:uppercase;letter-spacing:.06em;font-size:12px}
@media(max-width:700px){.sheetBody>h2{font-size:clamp(19px,5.6vw,24px)}.sectionIntro h2,.sales h2{font-size:clamp(24px,7vw,32px)}}

/* V3: acentos sobre fondos claros en azul medio (el cielo #C4EAF2 no tiene contraste sobre claro); cielo sobre oscuro */
.kicker::before{background:#4B7BA6}.acadCard{border-top-color:#4B7BA6}.seal{border-color:#4B7BA6}
html[data-theme=dark] .kicker::before,.sales .kicker::before,.hero .kicker::before{background:#C4EAF2}
html[data-theme=dark] .acadCard{border-top-color:#C4EAF2}html[data-theme=dark] .seal{border-color:#C4EAF2}
.progCard{border-top-color:#4B7BA6}html[data-theme=dark] .progCard{border-top-color:#C4EAF2}
:focus-visible{outline-color:#4B7BA6!important}html[data-theme=dark] :focus-visible,.topbar :focus-visible,.hero :focus-visible{outline-color:#C4EAF2!important}
.hero.ux h1 .l1,.ux-chip svg,.topbar .bt2{color:#C4EAF2!important}
.hero.ux h1 .l2 i{color:#C4EAF2}
.btn.primary,.hero .btn.primary{background:#C4EAF2!important;color:#13244A!important}
.langSel button[aria-pressed=true]{background:#C4EAF2!important;color:#13244A!important}
html[data-theme=dark] .btn.accent,.sales .btn.accent,.sales .btn.accent[aria-disabled=true]{background:#C4EAF2!important;color:#13244A!important}
html[data-theme=dark] .tabBtn[aria-selected=true],html[data-theme=dark] .gradeLadder li.on{background:#C4EAF2;color:#13244A;border-color:#C4EAF2}
html[data-theme=dark] .toolNum,html[data-theme=dark] .topicBtn .tn{color:#C4EAF2}
.skip{background:#C4EAF2;color:#13244A}

/* V3: más cielo y beige a la vista; azules medios en header, hero y oferta (oscuros solo donde hace falta contraste) */
html[data-theme=light]{--bg:#E8D7B5;--paper:#E8D7B5;--card:#D6B98B;--surface:#D6B98B;--panel:#E8D7B5;--well:#D6B98B;--border:#4B7BA6;--line:#4B7BA6;--fg:#13244A;--soft:#3F5578;--kick:#2E56A6}
html[data-theme=dark]{--bg:#13244A;--paper:#13244A;--card:#2E56A6;--surface:#2E56A6;--panel:#1F3F85;--well:#1F3F85;--border:#4B7BA6;--line:#4B7BA6;--fg:#E8D7B5;--soft:#CFE3F1;--kick:#C4EAF2}
.topbar{background:color-mix(in srgb,#2E56A6 96%,transparent)!important}
.hero,.hero.ux{background:#2E56A6!important}
.hero::before{background:linear-gradient(180deg,#2E56A6cc 0%,#2E56A699 45%,#13244Af0 100%),linear-gradient(90deg,#13244A99,#2E56A61f 60%)!important}
.hero.ux .heroImg{opacity:.9}
.heroCaption{background:#C4EAF2!important}
html[data-theme=dark] .heroCaption{background:#2E56A6!important}
.sales{background:#2E56A6!important}
.footer{background:#13244A!important}
.footNotes,.footNotes .stg{color:#D6E4F3!important;opacity:1}
.cm::after,.videoCard::before,.epCard::before{background:linear-gradient(0deg,#13244Aee 0%,#2E56A666 48%,#2E56A61a 100%)!important}
.episode,.fold,.acadCard,.progCard,.toolCard,.tabPanel{background:var(--card)!important}
.availability{background:#E8D7B5;color:#13244A}
html[data-theme=dark] .availability{background:#1F3F85;color:#E8D7B5}
.btn[aria-disabled=true]{opacity:.85}

/* V3 — jerarquía: BEIGE principal, AZUL (cielo/institucional) secundario. Modo claro = beige dominante; oscuro conserva el azul. */
html[data-theme=light]{--bg:#E8D7B5;--paper:#E8D7B5;--card:#D6B98B;--surface:#D6B98B;--panel:#D6B98B;--well:#D6B98B;--border:#4B7BA6;--line:#4B7BA6}
html[data-theme=light] .topbar{background:color-mix(in srgb,#E8D7B5 94%,transparent)!important;color:#13244A;border-bottom:1px solid #4B7BA6!important}
html[data-theme=light] .topbar .navLink,html[data-theme=light] .topbar .brandTitle{color:#2E56A6}
html[data-theme=light] .topbar .navLink:hover{color:#13244A}
html[data-theme=light] .topbar .bt1{color:#13244A}html[data-theme=light] .topbar .bt2{color:#2E56A6!important}
html[data-theme=light] .topbar .logoMarkIso img{filter:brightness(0) saturate(100%) invert(26%) sepia(38%) saturate(1500%) hue-rotate(196deg) brightness(92%)}
html[data-theme=light] .topbar .control{border-color:#2E56A6;color:#2E56A6}
html[data-theme=light] .langSel{border-color:#2E56A6!important}
html[data-theme=light] .langSel button{color:#2E56A6!important}
html[data-theme=light] .langSel button[aria-pressed=true]{background:#2E56A6!important;color:#E8D7B5!important}
html[data-theme=light] .dividerV{border-color:#2E56A6}
html[data-theme=light] .hero,html[data-theme=light] .hero.ux{background:#E8D7B5!important}
html[data-theme=light] .hero::before{background:linear-gradient(180deg,#E8D7B5f2 0%,#E8D7B5d9 42%,#E8D7B5f5 100%),linear-gradient(90deg,#E8D7B5e6,#E8D7B533 70%)!important}
html[data-theme=light] .hero.ux .heroImg{opacity:.7;filter:saturate(.85)}
html[data-theme=light] .hero.ux h1 .l1{color:#2E56A6!important}
html[data-theme=light] .hero.ux h1 .l2{color:#13244A!important;-webkit-text-fill-color:#13244A!important;text-shadow:none}
html[data-theme=light] .hero.ux h1 .l2 i{color:#2E56A6}
html[data-theme=light] .hero.ux .heroLeft p.ux-sub{color:#2A3F66!important;text-shadow:none}
html[data-theme=light] .ux-chip{background:#C4EAF2!important;border-color:#2E56A6!important;color:#13244A!important}
html[data-theme=light] .ux-chip svg{color:#2E56A6}
html[data-theme=light] .btn.primary,html[data-theme=light] .hero .btn.primary{background:#2E56A6!important;color:#E8D7B5!important}
html[data-theme=light] .btn.secondary,html[data-theme=light] .hero .btn.secondary{color:#2E56A6!important;border:1px solid #2E56A6!important}
html[data-theme=light] .heroCaption{background:#C4EAF2!important}
html[data-theme=light] .ux-arc{display:none}
html[data-theme=light] .sales{background:#C4EAF2!important;color:#13244A;border-color:#2E56A6!important}
html[data-theme=light] .sales h2{color:#13244A}html[data-theme=light] .sales p,html[data-theme=light] .sales .note{color:#2A3F66!important}
html[data-theme=light] .sales .kicker{color:#2E56A6!important}html[data-theme=light] .sales .kicker::before{background:#2E56A6}
html[data-theme=light] .sales .btn.accent,html[data-theme=light] .sales .btn.accent[aria-disabled=true]{background:#2E56A6!important;color:#E8D7B5!important}
html[data-theme=light] .footer{background:#2E56A6!important}
html[data-theme=light] .footNotes,html[data-theme=light] .footNotes .stg,html[data-theme=light] .footLead p{color:#E9F1F8!important}
html[data-theme=light] .episode,html[data-theme=light] .acadCard,html[data-theme=light] .progCard,html[data-theme=light] .toolCard,html[data-theme=light] .tabPanel{background:#D6B98B!important}
html[data-theme=light] .libraryBar .search{background:#D6B98B}
html[data-theme=light] .availability{background:#C4EAF2;color:#13244A}
html[data-theme=light] .gradeLadder li.on,html[data-theme=light] .tabBtn[aria-selected=true]{background:#2E56A6;color:#E8D7B5}
html[data-theme=light] .dialog,html[data-theme=light] .sheetBody{background:#D6B98B}
html[data-theme=light] .footer .footBottom,html[data-theme=light] .footer .footBottom span{color:#E9F1F8!important}

/* intro del hero */
.dialog.introDlg{width:min(1080px,96vw);padding:0;background:#0d1b3d;color:#E8D7B5;overflow:hidden;border:1px solid #C4EAF255}
.introWrap{aspect-ratio:16/9;background:#000}.introWrap video{width:100%;height:100%;display:block;background:#000}
.introNote{margin:0;padding:12px 18px;font-size:13px;color:#DCE8F2;text-align:center}.introNote strong{text-transform:uppercase;letter-spacing:.08em;color:#C4EAF2}
.introDlg>.dialogClose{position:absolute;top:10px;right:10px;z-index:10;width:40px;height:40px;border-radius:50%;border:1px solid #C4EAF299;background:#13244Ad9;color:#E8D7B5;font-size:22px}
.introBtn{gap:8px}

/* titular = nombre de la universidad; el lema PENSAR | SENTIR | HACER queda como línea superior */
.hero.ux h1 .l1{font-size:clamp(12px,1.25vw,16px)!important;letter-spacing:.32em!important;margin-bottom:18px;display:block}
.hero.ux h1 .l2{display:flex!important;flex-direction:column!important;align-items:center;gap:.04em;white-space:normal!important;letter-spacing:-.01em!important}
.hero.ux h1 .n1{font-size:clamp(20px,2.6vw,38px);letter-spacing:.16em;font-weight:400}
.hero.ux h1 .n2{font-size:clamp(30px,6.4vw,100px);line-height:1;letter-spacing:-.01em;font-weight:400}
@media(max-width:700px){.hero.ux h1 .n2{font-size:clamp(26px,9.2vw,42px)}.hero.ux h1 .n1{font-size:clamp(15px,4.6vw,20px)}.hero.ux h1 .l1{letter-spacing:.2em!important}}
@media(max-width:700px){.hero.ux h1 .n2{font-size:6.6vw!important;letter-spacing:-.02em;white-space:nowrap}.hero.ux .heroLeft h1{max-width:100%!important}}

/* ===== V4 — beige/camel más profundo para que el azul resalte (dos familias: azules + beiges) =====
   Azules: #C4EAF2 cielo · #4B7BA6 medio · #2E56A6 institucional/CTA · #13244A tinta AA.  Beiges: #C8A46B camel · #D6B98B cálido · #E8D7B5 claro. */
:root{--sky-blue:#C4EAF2;--mid-blue:#4B7BA6;--brand-blue:#2E56A6;--ink-blue:#13244A;--camel-beige:#C8A46B;--warm-beige:#D6B98B;--light-beige:#E8D7B5}
html[data-theme=light]{--bg:#E8D7B5;--paper:#E8D7B5;--card:#D6B98B;--surface:#D6B98B;--panel:#D6B98B;--well:#C8A46B;--fg:#13244A;--soft:#13244A;--kick:#13244A;
  --border:color-mix(in srgb,#4B7BA6 55%,#D6B98B);--line:color-mix(in srgb,#4B7BA6 55%,#D6B98B)}
html[data-theme=dark]{--bg:#13244A;--paper:#13244A;--card:#2E56A6;--surface:#2E56A6;--panel:#1F3F85;--well:#1F3F85;--fg:#E8D7B5;--soft:#E8D7B5;--kick:#C4EAF2;
  --border:color-mix(in srgb,#D6B98B 55%,#2E56A6);--line:color-mix(in srgb,#D6B98B 55%,#2E56A6)}
body{background:var(--bg)}
/* modo claro */
html[data-theme=light] .topbar{background:color-mix(in srgb,#E8D7B5 94%,transparent)!important;border-bottom:1px solid #4B7BA6!important}
html[data-theme=light] .hero,html[data-theme=light] .hero.ux{background:#E8D7B5!important}
html[data-theme=light] .hero::before{background:linear-gradient(180deg,#E8D7B5f5 0%,#E8D7B5d9 42%,#D6B98Bf0 100%),linear-gradient(90deg,#E8D7B5e6,#E8D7B533 70%)!important}
html[data-theme=light] .hero.ux .heroImg{opacity:.55}
html[data-theme=light] .hero.ux .heroLeft p.ux-sub,html[data-theme=light] .sectionIntro p,html[data-theme=light] .tabPanel,html[data-theme=light] .acadCard p,html[data-theme=light] .progCard .note{color:#13244A!important}
html[data-theme=light] .episode,html[data-theme=light] .acadCard,html[data-theme=light] .progCard,html[data-theme=light] .toolCard,html[data-theme=light] .tabPanel,html[data-theme=light] .dialog,html[data-theme=light] .sheetBody{background:#D6B98B!important}
html[data-theme=light] .libraryBar .search{background:#E8D7B5;border-color:#4B7BA6}
html[data-theme=light] .heroCaption{background:#C8A46B!important;color:#13244A!important}html[data-theme=light] .heroCaption b,html[data-theme=light] .heroCaption p,html[data-theme=light] .rightLabel{color:#13244A!important}
html[data-theme=light] .ux-chip,html[data-theme=light] .availability{background:#C4EAF2!important;color:#13244A!important;border-color:#2E56A6!important}
html[data-theme=light] .toolNum,html[data-theme=light] .topicBtn .tn{color:#13244A}
html[data-theme=light] .kicker,html[data-theme=light] .sKick,html[data-theme=light] .epNum,html[data-theme=light] .xpLab{color:#13244A!important}
html[data-theme=light] .kicker::before{background:#2E56A6}
html[data-theme=light] .gradeLadder li{color:#13244A;border-color:#4B7BA6;background:#E8D7B5}
html[data-theme=light] .tabBtn{background:#E8D7B5;color:#13244A;border-color:#4B7BA6}
html[data-theme=light] .topicBtn,html[data-theme=light] .qItem{background:#E8D7B5;color:#13244A}
html[data-theme=light] .notesBox textarea{background:#E8D7B5;color:#13244A;border-color:#4B7BA6}
html[data-theme=light] .epNav,html[data-theme=light] .epMode{background:#E8D7B5!important;color:#13244A!important;border-color:#4B7BA6!important}
html[data-theme=light] .season,html[data-theme=light] .season>summary{border-color:#4B7BA6!important}
/* modo oscuro */
html[data-theme=dark] .topbar{background:color-mix(in srgb,#13244A 96%,transparent)!important;color:#E8D7B5}
html[data-theme=dark] .hero,html[data-theme=dark] .hero.ux{background:#13244A!important}
html[data-theme=dark] .hero::before{background:linear-gradient(180deg,#13244Acc 0%,#2E56A666 50%,#13244Af2 100%),linear-gradient(90deg,#13244A99,#13244A1f 60%)!important}
html[data-theme=dark] .btn.primary,html[data-theme=dark] .hero .btn.primary,html[data-theme=dark] .btn.accent,html[data-theme=dark] .sales .btn.accent,html[data-theme=dark] .sales .btn.accent[aria-disabled=true]{background:#C8A46B!important;color:#13244A!important}
html[data-theme=dark] .langSel button[aria-pressed=true],html[data-theme=dark] .tabBtn[aria-selected=true],html[data-theme=dark] .gradeLadder li.on{background:#C8A46B!important;color:#13244A!important;border-color:#C8A46B}
html[data-theme=dark] .sales{background:#2E56A6!important}
html[data-theme=dark] .footer{background:#13244A!important}
html[data-theme=dark] .heroCaption{background:#2E56A6!important}
html[data-theme=dark] .ux-chip{background:#13244A!important;color:#C4EAF2!important;border-color:#C4EAF2!important}
html[data-theme=dark] .availability{background:#1F3F85;color:#E8D7B5}
html[data-theme=light] .topbar .navLink,html[data-theme=light] .topbar .brandTitle,html[data-theme=light] .topbar .bt2{color:#13244A!important}
html[data-theme=light] .topbar .navLink:hover{color:#2E56A6!important;text-decoration:underline}
html[data-theme=light] .langSel button:not([aria-pressed=true]){color:#13244A!important}
html[data-theme=light] .hero.ux h1 .l1{color:#13244A!important}

/* subtítulos del intro: pequeños, abajo, sin tapar la imagen */
.introWrap video::cue{font-size:15px;line-height:1.25;color:#fff;background:rgba(10,20,45,.55);font-family:var(--sans);text-shadow:none}
@media(max-width:700px){.introWrap video::cue{font-size:12px}}

/* reseñas de materia y lección (data/descriptions.json): línea corta recortada en tarjetas y acordeón, texto completo en el modal */
.episode .epCard .copy .cardDesc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:3px 0 0;font-size:11.5px;line-height:1.35;color:#E8D7B5;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
.episode .epCard .copy.hasDesc::before{content:"";position:absolute;z-index:-1;left:-12px;right:-12px;bottom:-12px;top:-26px;background:linear-gradient(0deg,#13244Af2 0%,#13244Ad9 62%,#13244A00 100%);pointer-events:none}
.epTitle{min-width:0}
.epTitle .epDesc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:13px;line-height:1.4;font-weight:400;color:var(--soft);text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
html[data-theme=dark] .epTitle .epDesc{color:#E8D7B5}
.sheetBody>.descText{max-width:62ch;margin:0 auto 16px;text-align:center;text-wrap:pretty}
.sheetBody>h3+.outcomes{max-width:62ch;margin-inline:auto}
@media(max-width:700px){.episode .epCard .copy .cardDesc{font-size:11px;line-height:1.3}.epTitle .epDesc{font-size:12.5px}.sheetBody>.descText{font-size:15px}}