/* Academia AG · Executive Learning UI v1
   Inspiración: streaming educativo premium + dashboard ejecutivo.
   Se activa únicamente en vistas de curso/lección mediante premium-learning.js. */

:root{
  --exec-bg:#071018;
  --exec-bg-2:#0b1822;
  --exec-panel:rgba(15,29,39,.78);
  --exec-panel-strong:rgba(11,24,34,.94);
  --exec-line:rgba(255,255,255,.09);
  --exec-text:#f7faf9;
  --exec-muted:#9fb0b9;
  --exec-green:#78c7a6;
  --exec-green-strong:#31a77b;
  --exec-warm:#e5d8b3;
  --exec-shadow:0 32px 90px rgba(0,0,0,.35);
}

/* ---------- LECCIÓN / MODO EJECUTIVO ---------- */
body.executive-lesson .main-area{
  background:var(--exec-bg);
}
body.executive-lesson .topbar{
  background:rgba(7,16,24,.84)!important;
  border-bottom:1px solid var(--exec-line)!important;
  backdrop-filter:blur(28px) saturate(130%)!important;
}
body.executive-lesson .topbar .search-box input{
  color:#eef5f2!important;
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.1)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.executive-lesson .topbar .search-box input::placeholder{color:#91a3ad!important}
body.executive-lesson .topbar .icon-button{
  color:#eef5f2!important;
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.10)!important;
}
body.executive-lesson .content{
  min-height:calc(100vh - 76px);
  padding-top:28px!important;
  background:
    radial-gradient(circle at 68% 0%,rgba(49,167,123,.12),transparent 28%),
    radial-gradient(circle at 15% 10%,rgba(120,199,166,.07),transparent 25%),
    linear-gradient(180deg,#071018 0%,#09131c 58%,#0c1821 100%)!important;
}
body.executive-lesson .page{max-width:1580px!important}
body.executive-lesson .back-link{
  color:#c6d8d0!important;
  font-size:.82rem!important;
  font-weight:700!important;
  letter-spacing:.01em;
}
body.executive-lesson .eyebrow{
  color:var(--exec-green)!important;
  font-size:.7rem!important;
  letter-spacing:.16em!important;
}
body.executive-lesson .eyebrow::before{background:var(--exec-green)!important}
body.executive-lesson .page-title{
  color:var(--exec-text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif!important;
  font-size:clamp(2.25rem,4.15vw,4.7rem)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  font-weight:680!important;
  max-width:1100px;
  margin:14px 0 10px!important;
  text-wrap:balance;
}
body.executive-lesson .page-subtitle{
  color:#a7b8c1!important;
  font-size:.94rem!important;
  margin-bottom:16px!important;
}

.lesson-executive-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 20px;
}
.lesson-executive-chip,
.lesson-focus-toggle{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.055);
  color:#c5d2d8;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.01em;
}
.lesson-executive-chip strong{color:#fff;font-weight:800}
.lesson-focus-toggle{
  cursor:pointer;
  color:#dff5eb;
  background:rgba(49,167,123,.12);
  border-color:rgba(120,199,166,.24);
  transition:.18s ease;
}
.lesson-focus-toggle:hover{background:rgba(49,167,123,.22);transform:translateY(-1px)}

body.executive-lesson .lesson-layout{
  grid-template-columns:minmax(0,1fr) minmax(320px,370px)!important;
  gap:24px!important;
  align-items:start!important;
}
body.executive-lesson .lesson-layout>div:first-child{min-width:0}
body.executive-lesson .video-shell{
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:#03070b!important;
  box-shadow:
    0 32px 82px rgba(0,0,0,.48),
    0 0 0 1px rgba(120,199,166,.035) inset!important;
}
body.executive-lesson .video-shell.native-video-active{
  border-radius:26px!important;
  background:#020609!important;
}
body.executive-lesson .video-shell.native-video-active video{
  border-radius:25px!important;
}

/* Panel lateral tipo plataforma de streaming */
body.executive-lesson .module-panel{
  position:sticky!important;
  top:96px!important;
  align-self:start!important;
  max-height:calc(100vh - 116px)!important;
  overflow:auto!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(120,199,166,.34) transparent;
  padding:15px!important;
  border-radius:24px!important;
  color:var(--exec-text)!important;
  background:linear-gradient(180deg,rgba(17,32,43,.94),rgba(9,22,31,.9))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(26px) saturate(125%)!important;
}
body.executive-lesson .module-panel h2{
  color:#f5f8f7!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif!important;
  font-size:1.05rem!important;
  font-weight:760!important;
  letter-spacing:-.02em!important;
  padding:4px 5px 10px;
  margin-bottom:4px!important;
}
.lesson-progress-premium{
  margin:0 2px 14px;
  padding:13px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.07);
}
.lesson-progress-premium-top{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  color:#dce6e2;font-size:.72rem;font-weight:700;margin-bottom:9px
}
.lesson-progress-premium-top strong{color:#fff;font-size:.82rem}
.lesson-progress-premium-track{height:5px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}
.lesson-progress-premium-track span{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,#55b991,#99d9bd);box-shadow:0 0 16px rgba(120,199,166,.35)}

body.executive-lesson .module{
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:16px!important;
  margin-bottom:8px!important;
}
body.executive-lesson .module[open]{
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(120,199,166,.14)!important;
}
body.executive-lesson .module summary{
  padding:13px 13px!important;
  align-items:center!important;
}
body.executive-lesson .module summary strong{
  color:#e9f0ed!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif!important;
  font-size:.83rem!important;
  line-height:1.25!important;
  font-weight:720!important;
}
body.executive-lesson .module summary span{color:#7f939e!important;font-size:.67rem!important}
body.executive-lesson .lesson-list{border-top-color:rgba(255,255,255,.055)!important}
body.executive-lesson .lesson-item{
  grid-template-columns:30px minmax(0,1fr) auto!important;
  padding:10px 11px!important;
  border-bottom-color:rgba(255,255,255,.055)!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
body.executive-lesson .lesson-item:hover{background:rgba(255,255,255,.045)!important}
body.executive-lesson .lesson-item a strong{
  color:#dfe7e4!important;
  font-size:.78rem!important;
  line-height:1.25!important;
  font-weight:680!important;
  display:block;
}
body.executive-lesson .lesson-item a small,
body.executive-lesson .lesson-item>small{color:#768a95!important;font-size:.63rem!important}
body.executive-lesson .lesson-item button{
  width:28px!important;height:28px!important;
  background:rgba(120,199,166,.08)!important;
  color:#91d3b6!important;
  border-color:rgba(120,199,166,.25)!important;
}
body.executive-lesson .lesson-item.completed{opacity:.66!important}
body.executive-lesson .lesson-item.lesson-current{
  background:linear-gradient(90deg,rgba(49,167,123,.20),rgba(49,167,123,.06))!important;
  box-shadow:inset 3px 0 0 #78c7a6;
}
body.executive-lesson .lesson-item.lesson-current a strong{color:#fff!important}
body.executive-lesson .lesson-item.lesson-current button{background:#78c7a6!important;color:#062318!important}

/* Evaluación rápida como checkpoint premium */
body.executive-lesson .lesson-quiz-card{
  margin:18px 0!important;
  padding:22px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(18,35,45,.96),rgba(11,27,37,.93))!important;
  color:#eef5f2!important;
  border:1px solid rgba(120,199,166,.18)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.20)!important;
}
body.executive-lesson .lesson-quiz-card.passed{
  background:linear-gradient(145deg,rgba(14,42,34,.96),rgba(10,29,27,.94))!important;
  border-color:rgba(120,199,166,.34)!important;
}
body.executive-lesson .lesson-quiz-kicker{color:#8bd7b8!important;letter-spacing:.15em!important}
body.executive-lesson .lesson-quiz-head h2{
  color:#fff!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif!important;
  font-size:1.12rem!important;
  font-weight:720!important;
  letter-spacing:-.02em;
}
body.executive-lesson .lesson-quiz-status{
  background:rgba(255,255,255,.07)!important;
  color:#cbd7d2!important;
  border:1px solid rgba(255,255,255,.07)
}
body.executive-lesson .lesson-quiz-card.passed .lesson-quiz-status{background:rgba(120,199,166,.14)!important;color:#a9e1c8!important}
body.executive-lesson .lesson-quiz-question{color:#f1f5f3!important;font-size:.96rem!important}
body.executive-lesson .lesson-quiz-option{
  color:#dce6e2!important;
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.08)!important;
}
body.executive-lesson .lesson-quiz-option:hover{background:rgba(120,199,166,.08)!important;border-color:rgba(120,199,166,.30)!important}
body.executive-lesson .lesson-quiz-option span{color:#dbe6e1!important}
body.executive-lesson .lesson-quiz-feedback{color:#9db0b8!important}
body.executive-lesson .lesson-quiz-feedback.success{color:#98dfc0!important}
body.executive-lesson .lesson-quiz-explanation{color:#d7e6df!important;background:rgba(120,199,166,.08)!important;border-left-color:#78c7a6!important}
body.executive-lesson .lesson-quiz-loading{color:#9eb1ba!important;background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.10)!important}

/* Acciones y notas */
body.executive-lesson .lesson-actions{gap:10px!important;margin-top:14px!important}
body.executive-lesson .action-card{
  min-height:74px;
  padding:14px 15px!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#eef5f2!important;
  transition:.18s ease;
}
body.executive-lesson .action-card:hover:not(:disabled){transform:translateY(-2px);background:rgba(120,199,166,.075)!important;border-color:rgba(120,199,166,.24)!important}
body.executive-lesson .action-card small{color:#869aa4!important}
body.executive-lesson .notes{
  color:#e5ece9!important;
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  min-height:115px!important;
}
body.executive-lesson .notes::placeholder{color:#70838e!important}
body.executive-lesson .autosave-note{color:#748892!important}
body.executive-lesson .lesson-content,
body.executive-lesson .student-block-stream>*{
  color:#d9e4df!important;
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.07)!important;
}

.lesson-nav-premium{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:16px;
}
.lesson-nav-premium a{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  padding:15px 17px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  transition:.18s ease;
}
.lesson-nav-premium a:hover{transform:translateY(-2px);background:rgba(120,199,166,.07);border-color:rgba(120,199,166,.24)}
.lesson-nav-premium a:last-child{text-align:right;align-items:flex-end}
.lesson-nav-premium small{color:#7d929c;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.lesson-nav-premium strong{color:#edf5f1;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.lesson-nav-premium .disabled{opacity:.35;pointer-events:none}

/* Modo cine opcional */
body.executive-lesson.focus-cinema .app-shell{grid-template-columns:0 1fr!important}
body.executive-lesson.focus-cinema .sidebar{
  width:0!important;
  min-width:0!important;
  padding-left:0!important;
  padding-right:0!important;
  border:0!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.executive-lesson.focus-cinema .content{padding-left:clamp(18px,3vw,48px)!important;padding-right:clamp(18px,3vw,48px)!important}
body.executive-lesson.focus-cinema .page{max-width:1680px!important}

/* ---------- VISTA DEL CURSO ---------- */
body.executive-course .content{
  background:
    radial-gradient(circle at 78% 4%,rgba(49,167,123,.08),transparent 24%),
    linear-gradient(180deg,#f7faf8,#edf4f0)!important;
}
body.executive-course .course-cover{
  border-radius:30px!important;
  border-color:rgba(0,81,52,.18)!important;
  box-shadow:0 30px 80px rgba(25,51,40,.18)!important;
}
body.executive-course .course-cover::after{
  background:linear-gradient(to top,rgba(6,24,19,.92),rgba(6,24,19,.08) 75%)!important;
}
body.executive-course .course-cover .hero-content{color:white!important}
body.executive-course .course-cover h1{color:white!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif!important;font-weight:680!important;letter-spacing:-.04em!important}
body.executive-course .course-cover p{color:#d8e5df!important}
body.executive-course .course-cover .course-facts{color:white!important}
body.executive-course .module-panel{border:1px solid rgba(0,81,52,.11)!important;box-shadow:0 24px 70px rgba(36,63,52,.10)!important}

@media(max-width:1180px){
  body.executive-lesson .lesson-layout{grid-template-columns:minmax(0,1fr) 320px!important;gap:18px!important}
}
@media(max-width:980px){
  body.executive-lesson .lesson-layout{grid-template-columns:1fr!important}
  body.executive-lesson .module-panel{position:relative!important;top:auto!important;max-height:none!important;order:2}
}
@media(max-width:700px){
  body.executive-lesson .content{padding-top:18px!important}
  body.executive-lesson .page-title{font-size:clamp(2rem,9vw,3.2rem)!important}
  body.executive-lesson .lesson-actions{grid-template-columns:1fr!important}
  .lesson-nav-premium{grid-template-columns:1fr}
  .lesson-nav-premium a:last-child{text-align:left;align-items:flex-start}
  .lesson-executive-meta{margin-bottom:14px}
}