/* Vinademy · Visor de cursos (inc/curso.php). Radios: botones 8 · tarjetas 16 · campos 8 · etiquetas 4-6 · fotos 4 · círculos solo indicadores. */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/fraunces-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:500;font-display:swap;src:url("../fonts/fraunces-latin-500-italic.woff2") format("woff2")}
/* Poppins propia: en las páginas del visor el tema no siempre la carga */
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/poppins-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/poppins-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/poppins-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/poppins-latin-700-normal.woff2") format("woff2")}
html{--vl-top:0px}
.vl{--vl-ink:#0B0A0B;--vl-ink2:#4B4145;--vl-soft:#7D7276;--vl-acc:#B80872;--vl-acc-h:#9A0660;--vl-acc-t:#8E0458;--vl-pink:#F0479F;--vl-blush:#FBE9F2;--vl-blush2:#F6EEF2;--vl-mist:#F5F3F4;--vl-line:rgba(11,10,11,.10);--vl-line2:rgba(11,10,11,.18);--vl-ok:#1F7A4D;--vl-okbg:#E3F3EA;--vl-warn:#A15C00;--vl-warnbg:#FFF2DC;--vl-cold:#2B65B8;--vl-coldbg:#E8F0FB;--vl-f:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;--vl-s:Fraunces,Georgia,"Times New Roman",serif;font-family:var(--vl-f);color:var(--vl-ink);text-align:left}
.vl *,.vl *::before,.vl *::after{box-sizing:border-box}
body.vl-pagina .site-content>.ast-container{max-width:none;padding:0;display:block}
body.vl-pagina #primary{margin:0;padding:0;width:100%}
.vl .vl-i{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;display:inline-block;vertical-align:middle}
.vl .vl-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vl :focus-visible{outline:2px solid var(--vl-acc);outline-offset:2px}
.vl button{font-family:inherit;cursor:pointer;text-transform:none;letter-spacing:normal}
.vl .vl-kick{display:inline-flex;align-items:center;gap:8px;font:600 11.5px/1.3 var(--vl-f);letter-spacing:.14em;text-transform:uppercase;color:var(--vl-acc)}
.vl .vl-kick .vl-i{width:16px;height:16px}
.vl .vl-btn,.vl a.vl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:8px;border:0;background:var(--vl-acc);color:#fff;font:600 15px/1.2 var(--vl-f);text-decoration:none;box-shadow:0 6px 16px -10px rgba(184,8,114,.7);transition:background .2s}
.vl .vl-btn:hover,.vl .vl-btn:focus{background:var(--vl-acc-h);color:#fff}
.vl .vl-btn.ghost,.vl a.vl-btn.ghost{background:#fff;color:var(--vl-ink);border:1px solid var(--vl-line2);box-shadow:none}
.vl .vl-btn.ghost:hover{background:var(--vl-mist);color:var(--vl-ink)}
.vl .vl-btn.wide{width:100%}
.vl .vl-btn.sm{min-height:40px;padding:8px 14px;font-size:13.5px}
.vl .vl-btn.dis{opacity:.35;pointer-events:none}
.vl .vl-btn.done,.vl .vl-btn.done:hover{background:var(--vl-ok)}
.vl .vl-btn[disabled]{cursor:default}
.vl .vl-btn .vl-i{width:18px;height:18px}
.vl .vl-btn[aria-pressed=true]{color:var(--vl-acc);background:var(--vl-blush2);border-color:transparent}
.vl .vl-btn[aria-pressed=true] .vl-i{fill:currentColor}
.vl .vl-ibtn{width:40px;height:40px;flex:0 0 auto;border-radius:8px;border:1px solid var(--vl-line);background:#fff;display:inline-grid;place-items:center;color:var(--vl-ink2);padding:0;text-decoration:none;font-size:22px;line-height:1}
.vl .vl-ibtn:hover{background:var(--vl-mist);color:var(--vl-ink)}
.vl .vl-ibtn[aria-pressed=true]{color:var(--vl-acc);background:var(--vl-blush2);border-color:transparent}
.vl .vl-ibtn[aria-pressed=true] .vl-i{fill:currentColor}
.vl .vl-lk{color:var(--vl-acc);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.vl .vl-lk.claro{color:#F6EEF2;display:inline-block;margin-top:12px;font-size:14px}
.vl .vl-tag{display:inline-flex;align-items:center;gap:5px;font:600 10.5px/1.3 var(--vl-f);letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;border-radius:4px;background:var(--vl-blush2);color:var(--vl-acc)}
.vl .vl-tag.ok{background:var(--vl-okbg);color:var(--vl-ok)}.vl .vl-tag.gr{background:var(--vl-mist);color:var(--vl-ink2)}
.vl .vl-tag .vl-i{width:13px;height:13px}
.vl .vl-bar{height:6px;border-radius:3px;background:var(--vl-mist);overflow:hidden}.vl .vl-bar i{display:block;height:100%;background:var(--vl-acc);border-radius:3px}
.vl .vl-muted{color:var(--vl-soft);font-size:13px}
.vl .vl-aviso-prof{margin:14px 0 0;font-size:12.5px;line-height:1.5;color:#C9BAC2}
.vl-lc .vl-aviso-prof{color:var(--vl-warn);background:var(--vl-warnbg);border-radius:8px;padding:10px 12px}

/* ================= página del curso ================= */
.vl-chero{background:linear-gradient(115deg,rgba(29,12,20,.97) 0%,rgba(58,14,39,.94) 55%,rgba(90,18,54,.9) 100%),var(--vl-img,none) center/cover;color:#fff;position:relative;overflow:hidden}
.vl-chero::after{content:"";position:absolute;right:-120px;top:-80px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(240,71,159,.28),transparent 65%);pointer-events:none}
.vl-chero .vl-in{max-width:1180px;margin:0 auto;padding:44px 24px 46px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:center;position:relative;z-index:1}
.vl-chero .vl-kick{color:var(--vl-pink)}
.vl-chero h1{font:700 clamp(34px,4.6vw,56px)/1.02 var(--vl-f);letter-spacing:-.045em;margin:10px 0 12px;color:#fff}
.vl-chero h1 em{font-style:normal;color:var(--vl-pink)}
.vl-chero p{color:#D5C8CE;font-size:16px;line-height:1.6;margin:0 0 20px;max-width:560px}
.vl-cmeta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:#E9DDE3}
.vl-cmeta span{display:inline-flex;gap:7px;align-items:center}.vl-cmeta .vl-i{width:17px;height:17px;color:var(--vl-pink)}
.vl-cprog{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:22px;backdrop-filter:blur(6px)}
.vl-cprog .vl-top{display:flex;align-items:center;gap:16px}
.vl-ring{width:84px;height:84px;flex:0 0 auto;position:relative}
.vl-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.vl-ring b{position:absolute;inset:0;display:grid;place-items:center;font:500 22px var(--vl-s)}
.vl-cprog h3{margin:0 0 4px;font:600 15px var(--vl-f);color:#fff}.vl-cprog .vl-muted{color:#C9BAC2}
.vl-next{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}
.vl-next.solo{margin:0;padding:0;border:0}
.vl-next small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#C9BAC2;margin-bottom:4px}
.vl-next b{display:block;font:500 19px/1.25 var(--vl-s);margin-bottom:14px}
.vl-inscribir .wp-block-button__link,.vl-inscribir button{display:flex;width:100%;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:8px!important;border:0;background:var(--vl-acc)!important;color:#fff!important;font:600 15px/1.2 var(--vl-f)!important}
.vl-inscribir form{margin:0}
.vl-cbody{max-width:1180px;margin:0 auto;padding:28px 24px 80px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.vl-sobre{border:1px solid var(--vl-line);border-radius:16px;margin:0 0 18px;background:#fff}
.vl-sobre summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;font:500 19px var(--vl-s)}
.vl-sobre summary::-webkit-details-marker{display:none}
.vl-sobre[open] .vl-chev{transform:rotate(180deg)}
.vl-sobre-in{padding:0 18px 16px;font-size:15px;line-height:1.7;color:var(--vl-ink2)}
.vl-ctools{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}
.vl-seg{display:inline-flex;padding:4px;background:var(--vl-mist);border-radius:8px;gap:4px;max-width:100%;overflow-x:auto}
.vl-seg button{border:0;background:none;padding:8px 12px;border-radius:6px;font:500 13px var(--vl-f);color:var(--vl-ink2);white-space:nowrap;min-height:0;box-shadow:none}
.vl-seg button[aria-pressed=true]{background:#fff;color:var(--vl-ink);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.vl-seg em{font-style:normal;font-size:11px;color:var(--vl-soft);margin-left:4px}
.vl-search{position:relative;flex:1 1 220px;max-width:300px;margin:0}
.vl-search input{width:100%;min-height:42px;border:1.5px solid var(--vl-line);border-radius:8px;background:#fff;padding:9px 12px 9px 38px;font:400 16px var(--vl-f);color:var(--vl-ink)}
.vl-search .vl-i{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--vl-soft)}
.vl-mod{border:1px solid var(--vl-line);border-radius:16px;margin-bottom:14px;background:#fff;overflow:hidden}
.vl-mh{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border:0;background:none;text-align:left;color:inherit;min-height:0;box-shadow:none;border-radius:0}
.vl-mh:hover,.vl-mh:focus{background:none;color:inherit}
.vl-mnum{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:500 18px var(--vl-s);background:var(--vl-mist);color:var(--vl-ink2)}
.vl-mod.done .vl-mnum{background:var(--vl-okbg);color:var(--vl-ok)}
.vl-mod.cur .vl-mnum{background:var(--vl-acc);color:#fff}
.vl-mod.lock .vl-mnum{color:var(--vl-soft)}
.vl-h3{display:block;font:500 19px/1.25 var(--vl-s)}
.vl-msub{display:flex;gap:8px;align-items:center;margin-top:5px;font-size:12.5px;color:var(--vl-soft);flex-wrap:wrap}
.vl-mbar{width:90px}
.vl-chev{transition:transform .25s;color:var(--vl-soft)}
.vl-mod.open .vl-chev{transform:rotate(180deg)}
.vl-ol{list-style:none;margin:0;padding:0 10px 10px;display:none}
.vl-mod.open .vl-ol,.vl-syl .vl-ol{display:block}
.vl-li{position:relative;margin:0;padding:0;list-style:none;border-top:1px solid var(--vl-line)}
.vl-li:first-child,.vl-lockmsg+.vl-li{border-top:0}
.vl-les{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:center;padding:11px 48px 11px 10px;border-radius:8px;text-decoration:none;color:inherit}
a.vl-les:hover{background:var(--vl-mist);color:inherit}
.vl-les.lock{color:var(--vl-soft);cursor:not-allowed}
.vl-les.now{background:var(--vl-blush2)}
.vl-les.actual{background:var(--vl-blush2);box-shadow:inset 3px 0 0 var(--vl-acc)}
.vl-les.eval{background:linear-gradient(90deg,var(--vl-blush2),#fff)}
.vl-les.eval .vl-t{color:var(--vl-acc-t)}
.vl-st{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--vl-line2);color:var(--vl-soft);background:#fff}
.vl-st .vl-i{width:15px;height:15px}
.vl-st.ok{background:var(--vl-ok);border-color:var(--vl-ok);color:#fff}
.vl-st.now{border:2px solid var(--vl-acc);color:var(--vl-acc)}
.vl-st.now .vl-i{fill:currentColor;width:12px;height:12px}
.vl-tx{min-width:0}
.vl-t{display:block;font-size:14.5px;font-weight:500;line-height:1.35}
.vl-m{display:flex;gap:10px;align-items:center;margin-top:3px;font-size:12px;color:var(--vl-soft);flex-wrap:wrap}
.vl-m>span{display:inline-flex;gap:5px;align-items:center}.vl-m .vl-i{width:14px;height:14px}
.vl-motivo{color:var(--vl-ink2)}
.vl-bm{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:6px;border:0;background:none;display:grid;place-items:center;color:var(--vl-soft);padding:0;min-height:0;box-shadow:none}
.vl-bm:hover,.vl-bm:focus{background:var(--vl-blush2);color:var(--vl-acc)}
.vl-bm[aria-pressed=true]{color:var(--vl-acc)}.vl-bm[aria-pressed=true] .vl-i{fill:currentColor}
.vl-lockmsg{margin:4px 0 6px;padding:10px 12px;border-radius:8px;background:var(--vl-mist);font-size:12.5px;color:var(--vl-ink2);display:flex;gap:8px;align-items:center;list-style:none}
.vl-lockmsg .vl-i{width:16px;height:16px;color:var(--vl-soft)}
.vl-empty{font-size:13px;color:var(--vl-soft);margin:0}
.vl-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--vl-top) + 20px)}
.vl-card{border:1px solid var(--vl-line);border-radius:16px;padding:20px;background:#fff}
.vl-card h4{margin:0 0 12px;font:600 14px var(--vl-f);color:var(--vl-ink)}
.vl-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vl-kpi{background:var(--vl-mist);border-radius:8px;padding:12px}
.vl-kpi b{display:block;font:500 21px/1.15 var(--vl-s)}.vl-kpi span{font-size:12px;color:var(--vl-ink2)}
.vl-rl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.vl-rl li{margin:0}
.vl-rl a{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--vl-ink);font-size:13.5px;padding:8px;border-radius:8px}
.vl-rl a:hover{background:var(--vl-mist)}
.vl-ib{width:32px;height:32px;border-radius:8px;background:var(--vl-blush2);color:var(--vl-acc);display:grid;place-items:center;flex:0 0 auto}
.vl-ib .vl-i{width:16px;height:16px}
.vl-ib.ok{background:var(--vl-okbg);color:var(--vl-ok)}
.vl-cert{display:flex;gap:12px;align-items:center}
@media (max-width:900px){
	.vl-chero .vl-in{grid-template-columns:minmax(0,1fr);padding:28px 16px 30px;gap:24px}
	.vl-cbody{grid-template-columns:minmax(0,1fr);padding:20px 16px 60px;gap:24px}
	.vl-side{position:static}
}
@media (max-width:600px){.vl-search{max-width:none;flex-basis:100%}.vl-seg{width:100%}.vl-mh{grid-template-columns:40px minmax(0,1fr) auto;gap:12px;padding:14px}.vl-mnum{width:40px;height:40px}.vl-mbar{width:60px}}

/* ================= visor de lección (modo foco: sin cabecera ni pie de la web) ================= */
body.vl-foco{margin:0;background:#fff;overflow-x:hidden}
@media (min-width:783px){body.vl-foco #wpadminbar{max-height:32px;overflow:hidden}} /* si la barra de administración no cabe en una línea, que no se meta debajo de la barra de la lección */
body.vl-foco .vl-leccion{min-height:100vh;--vl-bar:60px}
.vl-lbar{position:sticky;top:var(--vl-top);z-index:60;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--vl-line)}
.vl-lbar-in{display:flex;align-items:center;gap:8px;height:60px;padding:0 16px}
.vl-salir{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px 0 8px;border-radius:8px;color:var(--vl-ink);text-decoration:none;font:600 13.5px var(--vl-f);white-space:nowrap}
.vl-salir:hover{background:var(--vl-mist);color:var(--vl-ink)}
.vl-salir .vl-i{width:18px;height:18px}
.vl-sep{width:1px;height:24px;background:var(--vl-line);margin:0 4px}
.vl .vl-lbar .vl-ibtn{border-color:transparent;background:none;width:38px;height:38px}
.vl .vl-lbar .vl-ibtn:hover{background:var(--vl-mist)}
.vl .vl-lbar .vl-ibtn[aria-pressed=true]{background:var(--vl-blush2)}
.vl-tt{flex:1;min-width:0;padding:0 6px;line-height:1.25}
.vl-tt a{display:block;font-size:11.5px;color:var(--vl-soft);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vl-tt a:hover{color:var(--vl-acc)}
.vl-tt b{display:block;font:600 14.5px/1.3 var(--vl-f);color:var(--vl-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vl-lprog{display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--vl-ink)}
.vl-lprog svg{width:30px;height:30px;flex:0 0 auto}
.vl-lprog b{display:block;font:600 13px/1.1 var(--vl-f)}
.vl-lprog small{display:block;font-size:11px;color:var(--vl-soft);white-space:nowrap}
.vl-rprog{height:2px;background:transparent;position:absolute;left:0;right:0;bottom:-1px}.vl-rprog i{display:block;height:100%;width:0;background:var(--vl-acc);transition:width .1s linear}

.vl-lv{display:grid;grid-template-columns:320px minmax(0,1fr) 248px;align-items:start;transition:grid-template-columns .25s ease}
.vl-lv.sin-temario{grid-template-columns:0 minmax(0,1fr) 248px}
.vl-syl{position:sticky;top:calc(var(--vl-top) + var(--vl-bar));height:calc(100vh - var(--vl-top) - var(--vl-bar));overflow:auto;overscroll-behavior:contain;background:#FAF9F9;border-right:1px solid var(--vl-line);display:flex;flex-direction:column;scrollbar-width:thin}
.vl-lv.sin-temario .vl-syl{visibility:hidden;border:0}
.vl-sh{padding:20px 18px 16px;position:relative}
.vl-sh-t{display:block;font:600 15px/1.3 var(--vl-f);letter-spacing:-.01em;margin:0 30px 12px 0;color:var(--vl-ink);text-decoration:none}
.vl-sh-t:hover{color:var(--vl-acc)}
.vl-sh .vl-bar{height:4px}
.vl-sh .vl-row{display:flex;justify-content:space-between;font-size:11.5px;color:var(--vl-soft);margin-top:7px}
.vl-cerrar{display:none!important;position:absolute;right:12px;top:14px}
.vl-sm{padding:4px 10px 10px}
.vl-sm>p{margin:10px 8px 6px;font:600 10.5px/1.4 var(--vl-f);letter-spacing:.12em;text-transform:uppercase;color:var(--vl-soft);display:flex;justify-content:space-between;gap:8px}
.vl-syl .vl-ol{padding:0}
.vl-syl .vl-li{border-top:0}
.vl-syl .vl-les{padding:8px 30px 8px 8px;grid-template-columns:22px minmax(0,1fr);gap:10px;border-radius:8px}
.vl-syl a.vl-les:hover{background:#F1EEEF}
.vl-syl .vl-les.now{background:none}
.vl-syl .vl-les.actual{background:#fff;box-shadow:0 1px 2px rgba(11,10,11,.06),inset 2px 0 0 var(--vl-acc)}
.vl-syl .vl-les.actual .vl-t{font-weight:600}
.vl-syl .vl-les.eval{background:none}
.vl-syl .vl-les.eval.actual{background:#fff}
.vl-syl .vl-t{font-size:13px;line-height:1.35;color:var(--vl-ink)}
.vl-syl .vl-les.lock .vl-t{color:var(--vl-soft)}
.vl-syl .vl-st{width:22px;height:22px;border-width:1.5px}
.vl-syl .vl-st .vl-i{width:12px;height:12px}
.vl-syl .vl-bm{display:none}
.vl-syl .vl-li[data-marca="1"] .vl-les::after{content:"";position:absolute;right:10px;top:50%;width:8px;height:11px;margin-top:-5px;background:var(--vl-acc);clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%)}
.vl-syl-salir{margin:auto 18px 18px;padding-top:14px;border-top:1px solid var(--vl-line);display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--vl-ink2);text-decoration:none}
.vl-syl-salir .vl-i{width:16px;height:16px}
.vl-syl-salir:hover{color:var(--vl-acc)}
.vl-veil{display:none}

.vl-lc{padding:40px 48px 160px;min-width:0}
.vl-art{max-width:720px;margin:0 auto}
.vl-toc{position:sticky;top:calc(var(--vl-top) + var(--vl-bar));max-height:calc(100vh - var(--vl-top) - var(--vl-bar));overflow:auto;padding:36px 22px 24px 8px;scrollbar-width:thin}
.vl-toc p{margin:0 0 12px;font:600 10.5px var(--vl-f);letter-spacing:.12em;text-transform:uppercase;color:var(--vl-soft)}
.vl-toc nav{position:relative;border-left:1px solid var(--vl-line)}
.vl-toc nav a{display:block;margin-left:-1px;padding:6px 0 6px 14px;border-left:2px solid transparent;font-size:12.5px;color:var(--vl-soft);text-decoration:none;line-height:1.4;transition:color .15s,border-color .15s}
.vl-toc nav a:hover{color:var(--vl-ink)}
.vl-toc nav a.on{border-color:var(--vl-acc);color:var(--vl-ink);font-weight:600}
.vl-notas{margin-top:28px}
.vl textarea[data-vl-nota]{display:block;width:100%;min-height:120px;border:1px solid var(--vl-line);border-radius:8px;padding:10px 12px;font:400 13.5px/1.55 var(--vl-f);background:#FAF9F9;color:var(--vl-ink);resize:vertical;box-shadow:none}
.vl textarea[data-vl-nota]:focus{background:#fff;border-color:var(--vl-acc);outline:none;box-shadow:0 0 0 3px rgba(184,8,114,.1)}
.vl [data-vl-nota-st]{display:block;margin-top:6px;font-size:11.5px;min-height:1em}
.vl-notas-m{display:none;margin:56px 0 0;padding-top:28px;border-top:1px solid var(--vl-line)}
.vl-notas-m h2{display:flex;align-items:center;gap:8px;font:600 15px var(--vl-f);margin:0 0 12px;color:var(--vl-ink)}
.vl-notas-m h2 .vl-i{width:18px;height:18px;color:var(--vl-acc)}
.vl-cerrada{text-align:center;max-width:460px;margin:60px auto;padding:36px 24px;border:1px solid var(--vl-line);border-radius:16px}
.vl-cerrada .vl-ib{width:52px;height:52px;border-radius:50%;margin:0 auto 16px}
.vl-cerrada h1{font:700 22px/1.25 var(--vl-f);letter-spacing:-.02em;margin:0 0 8px}
.vl-cerrada p{color:var(--vl-ink2);margin:0 0 20px;font-size:15px}
.vl-lc .vl-aviso-prof{display:inline-flex;margin:0 0 24px;font-size:12px;font-weight:500;color:var(--vl-warn);background:var(--vl-warnbg);border-radius:6px;padding:6px 10px}
.vl-lhead{margin-bottom:28px}
.vl-lhead .vl-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.vl-lhead h1{font:700 clamp(30px,4vw,44px)/1.06 var(--vl-f);letter-spacing:-.04em;margin:0 0 12px;color:var(--vl-ink)}
.vl-lhead h1 em{font-style:normal;color:var(--vl-acc)}
.vl-lead{font-size:17px;line-height:1.65;color:var(--vl-ink2);margin:0}
.vl-lend{margin:72px 0 0;display:grid;gap:16px}
.vl-rate{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--vl-line);border-radius:12px;font-size:14px;color:var(--vl-ink2)}
.vl-rate .vl-seg button[aria-pressed=true]{color:var(--vl-acc)}
.vl-nextc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;background:#FAF9F9;border:1px solid var(--vl-line);border-radius:12px;padding:18px 20px}
.vl-nextc small{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--vl-acc);font-weight:600}
.vl-nextc b{display:block;font:600 17px/1.3 var(--vl-f);letter-spacing:-.01em;margin:4px 0 2px;color:var(--vl-ink)}

.vl-lfoot{position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(255,255,255,.95);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-top:1px solid var(--vl-line)}
.vl-lfoot-in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}
.vl-nav{display:flex;align-items:center;gap:10px;min-width:0;max-width:340px;padding:6px 10px;border-radius:8px;color:var(--vl-ink);text-decoration:none}
.vl-nav:hover{background:var(--vl-mist);color:var(--vl-ink)}
.vl-nav.sig{justify-self:end;text-align:right}
.vl-nav .vl-tx{min-width:0}
.vl-nav small{display:block;font-size:11px;color:var(--vl-soft);line-height:1.2}
.vl-nav b{display:block;font:500 13px/1.3 var(--vl-f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vl-nav .vl-i{width:18px;height:18px;color:var(--vl-ink2)}
.vl-nav.dis{opacity:.35;pointer-events:none}
.vl-mid{display:flex;align-items:center;gap:14px}
.vl-lbl{font-size:12px;color:var(--vl-soft);white-space:nowrap}
.vl-lfoot .vl-btn{min-height:42px;padding:10px 18px;font-size:14px;box-shadow:none}
.vl-toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%,16px);background:#0B0A0B;color:#fff;padding:10px 16px;border-radius:8px;font:500 13px var(--vl-f,Poppins,sans-serif);opacity:0;pointer-events:none;transition:all .25s;z-index:100000;max-width:calc(100% - 32px);box-shadow:0 12px 32px -12px rgba(0,0,0,.4)}
.vl-toast.on{opacity:1;transform:translate(-50%,0)}
body.vl-es-leccion .site-footer{padding-bottom:76px}
@media (max-width:1180px){.vl-lv,.vl-lv.sin-temario{grid-template-columns:320px minmax(0,1fr)}.vl-lv.sin-temario{grid-template-columns:0 minmax(0,1fr)}.vl-toc{display:none}.vl-notas-m{display:block}.vl-lc{padding:36px 36px 150px}}
@media (max-width:900px){
	.vl-lv,.vl-lv.sin-temario{grid-template-columns:minmax(0,1fr)}
	.vl-syl,.vl-lv.sin-temario .vl-syl{position:fixed;left:0;top:0;bottom:0;width:min(86vw,340px);height:auto;z-index:100001;transform:translateX(-105%);transition:transform .3s ease;box-shadow:24px 0 60px -24px rgba(0,0,0,.35);visibility:visible}
	.vl-syl.open{transform:none}
	.vl-cerrar{display:inline-grid!important}
	.vl-veil{display:block;position:fixed;inset:0;background:rgba(11,10,11,.4);z-index:100000;opacity:0;pointer-events:none;transition:opacity .3s}
	.vl-veil.on{opacity:1;pointer-events:auto}
	.vl-lc{padding:24px 16px 140px}
	.vl-lprog small{display:none}
	.vl-lfoot-in{grid-template-columns:auto 1fr auto}
	.vl-nav b{display:none}
	.vl-mid{justify-content:center}
}
@media (max-width:600px){.vl-salir span,.vl-sep{display:none}.vl-salir{padding:0;width:38px;justify-content:center}.vl-lbar-in{padding:0 8px;gap:2px}.vl-lprog{padding:0 4px}.vl-lprog span{display:none}.vl-lbl{display:none}.vl-nav small{display:none}.vl-nav{padding:10px}.vl-nextc{grid-template-columns:minmax(0,1fr)}.vl-rate{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.vl *{transition:none!important;animation:none!important}}

/* ================= contenido de la lección ================= */
/* Solo afecta al contenido «normal» (bloques de Gutenberg). Las lecciones con el formato de la casa (.vnd-l, bloque HTML personalizado) traen su propio estilo. */
.vl-contenido{font-size:16.5px;line-height:1.75;color:#2E272A}
.vl-contenido>*:first-child{margin-top:0}
.vl-contenido>p{margin:0 0 16px}
.vl-contenido>p a,.vl-contenido>ul a,.vl-contenido>ol a{color:var(--vl-acc)}
.vl-contenido>h2{font:700 26px/1.2 var(--vl-f);letter-spacing:-.02em;margin:46px 0 12px;color:var(--vl-ink)}
.vl-contenido>h3{font:600 20px/1.3 var(--vl-f);margin:28px 0 10px;color:var(--vl-ink)}
.vl-contenido>ul,.vl-contenido>ol{margin:0 0 16px;padding-left:22px}
.vl-contenido>ul>li,.vl-contenido>ol>li{margin:0 0 6px}
.vl-contenido img{max-width:100%;height:auto;border-radius:4px}
.vl-contenido .wp-block-embed iframe,.vl-contenido>iframe,.vl-contenido video{width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:4px;display:block}
/* formato de la casa dentro del visor: más ancho, sin la cabecera duplicada del visor */
.vl-art:has(.vnd-l){max-width:880px}
.vl-contenido .vnd-l li{margin:0}
.vl-contenido .vnd-l .ch,.vl-contenido [id]{scroll-margin-top:calc(var(--vl-top) + var(--vl-bar,60px) + 24px)}
@media (max-width:1439px) and (min-width:901px){.vl-lv:has(.vnd-l),.vl-lv.sin-temario:has(.vnd-l){grid-template-columns:320px minmax(0,1fr)}.vl-lv.sin-temario:has(.vnd-l){grid-template-columns:0 minmax(0,1fr)}.vl-lv:has(.vnd-l) .vl-toc{display:none}.vl-lv:has(.vnd-l) .vl-notas-m{display:block}}
@media (max-width:900px){.vl-lv:has(.vnd-l),.vl-lv.sin-temario:has(.vnd-l){grid-template-columns:minmax(0,1fr)}}

/* ================= lección: barra superior, temario y barra inferior en oscuro ================= */
.vl-leccion{--vl-dk:#141014;--vl-dk2:#1C161C;--vl-dkl:rgba(246,238,242,.10);--vl-dkt:#F6EEF2;--vl-dks:#A0909A;--vl-dka:#F0479F;--vl-dkb:#3A1229;--vl-dkok:#5BC48D} /* paleta oscura de Mind Studio */
.vl-leccion .vl-lbar{background:linear-gradient(90deg,rgba(43,16,33,.96),rgba(20,16,20,.96) 45%);border-bottom-color:var(--vl-dkl);color:var(--vl-dkt)}
.vl-leccion .vl-salir{color:var(--vl-dkt)}
.vl-leccion .vl-salir:hover{background:rgba(255,255,255,.07);color:#fff}
.vl-leccion .vl-sep{background:var(--vl-dkl)}
.vl .vl-leccion .vl-lbar .vl-ibtn,.vl-leccion .vl-lbar .vl-ibtn{color:#D8CFD3}
.vl-leccion .vl-lbar .vl-ibtn:hover{background:rgba(255,255,255,.07);color:#fff}
.vl-leccion .vl-lbar .vl-ibtn[aria-pressed=true]{background:rgba(240,71,159,.14);color:var(--vl-dka)}
.vl-leccion .vl-tt a{color:var(--vl-dks)}
.vl-leccion .vl-tt a:hover{color:var(--vl-dka)}
.vl-leccion .vl-tt b{color:var(--vl-dkt)}
.vl-leccion .vl-lprog{color:var(--vl-dkt)}
.vl-leccion .vl-lprog small{color:var(--vl-dks)}
.vl-leccion .vl-lprog circle:first-child{stroke:rgba(255,255,255,.14)}
.vl-leccion .vl-lprog circle+circle{stroke:var(--vl-dka)}
.vl-leccion .vl-rprog i{background:var(--vl-dka)}
.vl-leccion .vl-syl{background:radial-gradient(130% 55% at 0% 0%,rgba(240,71,159,.10),transparent 60%),var(--vl-dk);border-right-color:var(--vl-dkl);scrollbar-color:#3a3437 transparent}
.vl-leccion .vl-sh-t{color:var(--vl-dkt)}
.vl-leccion .vl-sh-t:hover{color:var(--vl-dka)}
.vl-leccion .vl-sh .vl-bar{background:rgba(255,255,255,.1)}
.vl-leccion .vl-sh .vl-bar i{background:var(--vl-dka)}
.vl-leccion .vl-sh .vl-row,.vl-leccion .vl-sm>p{color:var(--vl-dks)}
.vl-leccion .vl-syl .vl-t{color:#E6DFE2}
.vl-leccion .vl-syl a.vl-les:hover{background:rgba(255,255,255,.05)}
.vl-leccion .vl-syl .vl-les.actual,.vl-leccion .vl-syl .vl-les.eval.actual{background:rgba(58,18,41,.8);box-shadow:inset 2px 0 0 var(--vl-dka)}
.vl-leccion .vl-syl .vl-les.actual .vl-t{color:#fff}
.vl-leccion .vl-syl .vl-les.lock .vl-t{color:#7E7579}
.vl-leccion .vl-syl .vl-les.eval .vl-t{color:#F59CCB}
.vl-leccion .vl-syl .vl-st{background:var(--vl-dk2);border-color:var(--vl-dkl);color:var(--vl-dks)}
.vl-leccion .vl-syl .vl-st.ok{background:rgba(91,196,141,.16);border-color:transparent;color:var(--vl-dkok)}
.vl-leccion .vl-syl .vl-st.now{background:var(--vl-dkb);border-color:transparent;color:var(--vl-dka)}
.vl-leccion .vl-syl .vl-li[data-marca="1"] .vl-les::after{background:var(--vl-dka)}
.vl-leccion .vl-syl-salir{border-top-color:var(--vl-dkl);color:var(--vl-dks)}
.vl-leccion .vl-syl-salir:hover{color:var(--vl-dka)}
.vl-leccion .vl-syl .vl-ibtn.vl-cerrar{background:var(--vl-dk2);border-color:var(--vl-dkl);color:var(--vl-dkt)}
.vl-leccion .vl-lfoot{background:linear-gradient(90deg,rgba(43,16,33,.96),rgba(20,16,20,.97) 45%);border-top-color:var(--vl-dkl)}
.vl-leccion .vl-nav{color:var(--vl-dkt)}
.vl-leccion .vl-nav:hover{background:rgba(255,255,255,.07);color:#fff}
.vl-leccion .vl-nav small,.vl-leccion .vl-lbl{color:var(--vl-dks)}
.vl-leccion .vl-nav .vl-i{color:#D8CFD3}
.vl-leccion .vl-lfoot .vl-btn{background:#C2127A}.vl-leccion .vl-lfoot .vl-btn:hover{background:#A80F69}.vl-leccion .vl-lfoot .vl-btn.done{background:rgba(91,196,141,.18);color:var(--vl-dkok)}


/* temario de la lección con el mismo formato que la página del curso (módulos plegables y lecciones con tipo, duración y «Releer») */
.vl-smods{padding:0 12px 8px}
.vl-leccion .vl-syl .vl-mod{background:rgba(28,22,28,.7);border:1px solid var(--vl-dkl);border-radius:12px;margin:0 0 10px;overflow:hidden}
.vl-leccion .vl-syl .vl-mh{grid-template-columns:34px minmax(0,1fr) auto;gap:12px;padding:12px;color:var(--vl-dkt)}
.vl-leccion .vl-syl .vl-mh:hover{background:rgba(255,255,255,.03)}
.vl-leccion .vl-syl .vl-mnum{width:34px;height:34px;border-radius:10px;font:600 14px var(--vl-f);background:var(--vl-dkb);color:#F7B6D7}
.vl-leccion .vl-syl .vl-mnum .vl-i{width:16px;height:16px}
.vl-leccion .vl-syl .vl-mod.done .vl-mnum{background:rgba(91,196,141,.16);color:var(--vl-dkok)}
.vl-leccion .vl-syl .vl-mod.cur .vl-mnum{background:#C2127A;color:#fff}
.vl-leccion .vl-syl .vl-mod.lock .vl-mnum{color:var(--vl-dks)}
.vl-leccion .vl-syl .vl-h3{font:600 13.5px/1.3 var(--vl-f);color:var(--vl-dkt)}
.vl-leccion .vl-syl .vl-msub{font-size:11.5px;color:var(--vl-dks);margin-top:4px;gap:6px;flex-wrap:nowrap;white-space:nowrap}
.vl-leccion .vl-syl .vl-mbar{width:40px;flex:0 0 auto;height:4px;background:rgba(255,255,255,.1)}
.vl-leccion .vl-syl .vl-mbar i{background:var(--vl-dka)}
.vl-leccion .vl-syl .vl-chev{color:var(--vl-dks);width:18px;height:18px}
.vl-leccion .vl-syl .vl-ol{padding:0 6px 6px}
.vl-leccion .vl-syl .vl-mod:not(.open) .vl-ol{display:none}
.vl-leccion .vl-syl .vl-li{border-top:1px solid var(--vl-dkl)}
.vl-leccion .vl-syl .vl-li:first-child{border-top:0}
.vl-leccion .vl-syl .vl-les{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:10px 40px 10px 8px;border-radius:8px}
.vl-leccion .vl-syl .vl-st{width:28px;height:28px}
.vl-leccion .vl-syl .vl-st .vl-i{width:14px;height:14px}
.vl-leccion .vl-syl .vl-t{font-size:13.5px;font-weight:500}
.vl-leccion .vl-syl .vl-m{color:var(--vl-dks);font-size:11.5px;gap:8px;margin-top:3px}
.vl-leccion .vl-syl .vl-m .vl-i{width:13px;height:13px}
.vl-leccion .vl-syl .vl-m .vl-tag{background:none;padding:0;color:var(--vl-dka);font-size:10px}
.vl-leccion .vl-syl .vl-motivo{color:var(--vl-dks)}
.vl-leccion .vl-syl .vl-les.now{background:rgba(58,18,41,.55)}
.vl-leccion .vl-syl .vl-les.actual{background:rgba(58,18,41,.8);box-shadow:inset 2px 0 0 var(--vl-dka)}
.vl-leccion .vl-syl .vl-bm{display:grid;right:4px;width:32px;height:32px;color:var(--vl-dks)}
.vl-leccion .vl-syl .vl-bm:hover,.vl-leccion .vl-syl .vl-bm:focus{background:rgba(255,255,255,.07);color:var(--vl-dkt)}
.vl-leccion .vl-syl .vl-bm[aria-pressed=true]{color:var(--vl-dka)}
.vl-leccion .vl-syl .vl-li[data-marca="1"] .vl-les::after{content:none}

/* pantalla completa: se ocultan (con animación) la barra de arriba, la de abajo y el temario; queda el botón para salir */
.vl-lbar{transition:transform .35s ease,margin .35s ease,opacity .3s ease}
.vl-lfoot{transition:transform .35s ease,opacity .3s ease}
.vl-syl{transition:opacity .3s ease}
body.vl-max .vl-leccion{--vl-bar:0px}
body.vl-max .vl-lbar{transform:translateY(-100%);margin-bottom:-61px;opacity:0;pointer-events:none}
body.vl-max .vl-lfoot{transform:translateY(100%);opacity:0;pointer-events:none}
body.vl-max .vl-lv{grid-template-columns:0 minmax(0,1fr) 248px!important}
body.vl-max .vl-syl{visibility:hidden;opacity:0;border:0}
@media (max-width:1439px) and (min-width:901px){body.vl-max .vl-lv:has(.vnd-l){grid-template-columns:0 minmax(0,1fr)!important}}
@media (max-width:1180px) and (min-width:901px){body.vl-max .vl-lv{grid-template-columns:0 minmax(0,1fr)!important}}
@media (max-width:900px){body.vl-max .vl-lv{grid-template-columns:minmax(0,1fr)!important}body.vl-max .vl-syl{visibility:visible;opacity:1}}
body.vl-max .vl-lc{padding-bottom:80px}
body.vl-max .vl-toc{padding-top:76px}
.vl-maxsal{position:fixed;top:calc(var(--vl-top) + 14px);right:16px;z-index:70;width:42px;height:42px;border-radius:10px;border:1px solid rgba(246,238,242,.14);background:rgba(20,16,20,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#F6EEF2;display:grid;place-items:center;padding:0;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .3s ease .15s,transform .3s ease .15s,background .2s}
.vl-maxsal:hover{background:rgba(58,18,41,.92);color:#fff}
.vl-maxsal .vl-i{width:20px;height:20px}
body.vl-max .vl-maxsal{opacity:1;pointer-events:auto;transform:none}
/* botón «volver arriba» del tema: por encima de la barra de abajo */
body.vl-foco #ast-scroll-top{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;right:16px!important;border-radius:10px;transition:bottom .35s ease}
body.vl-foco.vl-max #ast-scroll-top{bottom:24px!important}
@media (max-width:900px){body.vl-max .vl-lc{padding-top:68px}}