/* ===== Aula STUDIOZ ===== */
.aula-links a{border-bottom:1px solid var(--accent,#b26a00)}
.aula-filters{gap:10px}
.aula-card .badge.is-in{background:#1f7a4d;color:#fff}
.aula-info{font-size:14px;color:var(--muted,#69645b);margin:6px 0 0}
.aula-price{font-size:18px;font-weight:500;margin:6px 0 0}
.aula-pct{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted,#69645b);margin:8px 0}
.aula-pct span{flex:1;height:6px;background:var(--line,rgba(0,0,0,.12));position:relative;overflow:hidden}
.aula-pct span::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p,0%);background:var(--accent-2,#f5b400)}
/* Página del curso */
.aula-hero{background:var(--bg-alt,#e9e4db)}
.aula-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(24px,4vw,64px);align-items:start}
.aula-facts{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:22px 0 0;padding:0;font-size:15px;color:var(--muted,#69645b)}
.aula-facts b{color:var(--ink,#151412);font-weight:500}
.aula-buy{background:#fff;border:1px solid var(--line,rgba(0,0,0,.12));position:sticky;top:100px}
.aula-buy-img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.aula-buy-in{padding:22px}
.aula-price-big{font-size:34px;font-weight:300;margin:0 0 14px}
.aula-cta{width:100%;justify-content:center;text-align:center}
.aula-small{font-size:14px;color:var(--muted,#69645b);margin:12px 0 0}
.aula-small a{border-bottom:1px solid var(--accent,#b26a00)}
.aula-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.aula-mod{border-top:1px solid var(--line,rgba(0,0,0,.12))}
.aula-mod summary{display:flex;justify-content:space-between;gap:12px;padding:16px 0;cursor:pointer;font-size:17px;list-style:none}
.aula-mod summary::-webkit-details-marker{display:none}
.aula-mod summary small{color:var(--muted,#69645b);font-size:13px;white-space:nowrap}
.aula-mod ol{list-style:none;margin:0 0 12px;padding:0}
.aula-mod li a,.aula-mod li>span,.aula-mod li{display:flex;align-items:center;gap:10px}
.aula-mod li{padding:9px 0;font-size:15px}
.aula-mod li a{flex:1}
.aula-mod li a:hover .aula-lt{color:var(--accent,#b26a00)}
.aula-ic{width:22px;text-align:center;font-size:12px;color:var(--muted,#69645b)}
.aula-mod li.is-done .aula-ic{color:#1f7a4d}
.aula-lt{flex:1}
.aula-mod em{font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:var(--accent-2,#f5b400);padding:3px 7px}
.aula-mod small{color:var(--muted,#69645b);font-size:13px}
.aula-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px;background:rgba(14,13,12,.6)}
.aula-modal[hidden]{display:none}
.aula-mbox{position:relative;width:min(480px,100%);background:var(--bg,#f3f0ea);padding:30px 26px;display:grid;gap:12px;max-height:100%;overflow:auto}
.aula-mbox label{display:grid;gap:4px;font-size:13px;letter-spacing:.06em}
.aula-mbox input,.aula-mbox textarea{font:inherit;font-size:16px;padding:11px 12px;border:1px solid var(--line,rgba(0,0,0,.2));background:#fff}
.aula-x{position:absolute;top:8px;right:12px;background:none;border:0;font-size:30px;cursor:pointer}
.aula-hp{position:absolute;left:-9999px}
.aula-ok{display:flex!important;grid-template-columns:none;gap:8px!important;align-items:flex-start}
.aula-err{color:#b3261e;margin:0}.aula-err:empty{display:none}
.aula-okmsg{background:#e6f4ea;color:#1f7a4d;padding:10px 14px}
/* Mi aula y cuenta */
.aula-me-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.aula-login{max-width:460px}
.aula-login form p,.aula-form label{display:grid;gap:4px;margin:0 0 14px}
.aula-login input[type=text],.aula-login input[type=password],.aula-form input{font:inherit;font-size:16px;padding:12px;border:1px solid var(--line,rgba(0,0,0,.2));background:#fff;width:100%}
.aula-login .login-remember label{display:flex;gap:8px;align-items:center}
.aula-login input[type=submit]{background:var(--ink,#151412);color:#fff;border:0;padding:14px 22px;font:600 13px/1 inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
@media (max-width:900px){.aula-hero-in,.aula-body{grid-template-columns:1fr}.aula-buy{position:static}}

/* ===== Reproductor ===== */
.av-body{margin:0;background:#0e0d0c;color:#f3f0ea;font:400 16px/1.5 Barlow,system-ui,sans-serif}
.av-body a{color:inherit}
.av-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;height:60px;padding:0 18px;background:#151412;border-bottom:1px solid rgba(243,240,234,.08)}
.av-back{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(243,240,234,.25);border-radius:50%;text-decoration:none}
.av-logo{height:22px;width:auto;filter:brightness(0) invert(1)}
.av-ct{margin:0;display:flex;flex-direction:column;line-height:1.15;min-width:0;flex:1}
.av-ct span{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#f5b400}
.av-ct strong{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.av-pct{display:flex;align-items:center;gap:10px;margin:0;font-size:14px}
.av-pct span{width:140px;height:6px;background:rgba(243,240,234,.15);display:block}
.av-pct i{display:block;height:100%;background:#f5b400;transition:width .4s}
.av-idx-btn{display:none;background:none;border:1px solid rgba(243,240,234,.25);color:#f3f0ea;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}
.av-wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:calc(100vh - 60px)}
.av-main{padding:0 0 40px}
.av-player{position:relative;background:#000;user-select:none;-webkit-user-select:none}
.av-player video{display:block;width:100%;max-height:calc(100vh - 60px);aspect-ratio:16/9;background:#000}
.av-player:fullscreen video{max-height:100vh;height:100%}
.av-player{--plyr-color-main:#c8a36a;--plyr-video-background:#000;--plyr-menu-background:rgba(14,13,12,.95);--plyr-menu-color:#f3f0ea;--plyr-captions-background:rgba(0,0,0,.75);--plyr-font-family:inherit}
.av-player .plyr{max-height:calc(100vh - 60px)}.av-player:fullscreen .plyr,.av-player.plyr--fullscreen-fallback .plyr{max-height:100vh;height:100%}
.av-player:fullscreen,.av-player.plyr--fullscreen-fallback{display:flex;align-items:center;width:100%;height:100%}
.av-player:fullscreen>.plyr,.av-player.plyr--fullscreen-fallback>.plyr{width:100%}
.av-player .plyr__poster{background-color:#000}.av-player .plyr--youtube iframe,.av-player .plyr--vimeo iframe{pointer-events:auto}
.av-wm{z-index:6}

.av-wm{position:absolute;z-index:2;pointer-events:none;font-size:clamp(11px,1.1vw,15px);color:rgba(255,255,255,.4);text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap;transition:left 2s ease,top 2s ease}
.av-up{position:absolute;inset:auto 16px 70px auto;z-index:7;display:flex;gap:12px;align-items:center;background:rgba(14,13,12,.9);padding:12px 16px}
.av-up p{margin:0}.av-up button{background:none;border:1px solid rgba(243,240,234,.4);color:#f3f0ea;padding:6px 10px;cursor:pointer}
.av-txt{padding:26px clamp(18px,3vw,40px);max-width:900px}
.av-k{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#f5b400;margin:0 0 8px}
.av-txt h1{font-size:clamp(26px,3vw,40px);font-weight:400;line-height:1.1;margin:0 0 14px}
.av-desc{color:rgba(243,240,234,.8)}
.av-res{display:inline-block;border:1px solid rgba(243,240,234,.3);padding:10px 14px;text-decoration:none}
.av-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:26px;flex-wrap:wrap}
.av-btn{display:inline-block;border:1px solid rgba(243,240,234,.3);background:none;color:#f3f0ea;padding:12px 18px;font:600 12px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.av-next{background:#f5b400;border-color:#f5b400;color:#151412}
.av-done.is-on{background:#1f7a4d;border-color:#1f7a4d}
.av-end{color:#f5b400}
.av-pre{margin-top:22px;padding:12px 16px;background:rgba(245,180,0,.12)}
.av-pre a{color:#f5b400}
.av-idx{background:#151412;border-left:1px solid rgba(243,240,234,.08);overflow:auto;max-height:calc(100vh - 60px);position:sticky;top:60px}
.av-idx-h{margin:0;padding:18px 18px 8px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(243,240,234,.6)}
.av-mod summary{padding:12px 18px;cursor:pointer;font-weight:500;border-top:1px solid rgba(243,240,234,.08)}
.av-mod ol{list-style:none;margin:0;padding:0 0 8px}
.av-mod li a,.av-mod li .is-lock{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:9px 18px;font-size:14.5px;text-decoration:none;color:rgba(243,240,234,.8)}
.av-mod li .is-lock{opacity:.5}
.av-mod li a:hover{background:rgba(243,240,234,.05)}
.av-mod li.is-cur a{background:rgba(245,180,0,.12);color:#fff}
.av-mod li i{font-style:normal;font-size:12px;color:#f5b400;text-align:center}
.av-mod li.is-done i{color:#3ecf8e}
.av-mod small{font-size:12px;color:rgba(243,240,234,.5)}
@media (max-width:900px){
  .av-wrap{grid-template-columns:1fr}
  .av-idx{position:fixed;inset:60px 0 0 auto;width:min(360px,90vw);max-height:none;transform:translateX(100%);transition:transform .3s;z-index:6}
  .av-show-idx .av-idx{transform:none}
  .av-idx-btn{display:block}
  .av-pct span{width:60px}.av-logo{display:none}
}
.av-black{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:24px;background:#000;color:#f3f0ea;text-align:center;font-size:clamp(14px,1.4vw,20px)}
.av-black[hidden]{display:none}
.aula-mod em.is-new,.av-new{background:#1f7a4d!important;color:#fff;font-style:normal;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:2px 6px;margin-left:6px}
.aula-nv{color:#1f7a4d}
.aula-vig{font-size:13px;color:var(--muted,#69645b);margin:4px 0 0}
.aula-terms{max-width:720px}.aula-terms ul{margin:0 0 18px 1.2em;list-style:disc}.aula-terms li{margin:0 0 8px}.aula-terms a{border-bottom:1px solid var(--accent,#b26a00)}
/* Idioma del audio (doblajes) */
.av-lang{position:relative;display:flex}
.av-lang-b{font-size:13px;font-weight:600;letter-spacing:.04em;white-space:nowrap}
.av-lang-m{position:absolute;right:0;bottom:calc(100% + 10px);z-index:9;min-width:150px;padding:6px;background:rgba(14,13,12,.95);border-radius:6px;box-shadow:0 6px 24px rgba(0,0,0,.4)}
.av-lang-m[hidden]{display:none}
.av-lang-m button{display:block;width:100%;padding:8px 12px;border:0;border-radius:4px;background:none;color:#f3f0ea;font:inherit;font-size:14px;text-align:left;cursor:pointer}
.av-lang-m button:hover{background:rgba(255,255,255,.1)}
.av-lang-m button.is-on{color:#c8a36a}.av-lang-m button.is-on::before{content:'✓ '}