:root{--paper:#efece5;--white:#fff;--ink:#2c2824;--dark:#332e2a;--gray:#5c5852;--line:#c9c5bc;--teal:#1596a9;--yellow:#f4cf3f;--panel:#1a1a1a;--danger:#dc2626;--danger-soft:#dc2626e6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Poppins,Helvetica Neue,Arial,sans-serif}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.boot{min-height:100vh;color:var(--gray);place-items:center;display:grid}.app{flex-direction:column;min-height:100vh;display:flex}.navbar{border-bottom:1px solid var(--line);background:var(--white);z-index:20;align-items:center;gap:16px;padding:10px 18px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.navbar-marca{align-items:center;gap:10px;display:flex}.navbar-logo{background:var(--yellow);color:#000;border-radius:8px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid}.navbar-nombre{letter-spacing:.3px;color:var(--ink);font-weight:700}.navbar-tabs{flex:1;gap:4px;display:flex;overflow-x:auto}.navtab{color:var(--gray);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.navtab:hover{background:var(--paper);color:var(--ink)}.navtab-activo{background:var(--paper);border-color:var(--line);color:var(--ink);font-weight:700}.navtab-emoji{font-size:16px}.navbar-user{align-items:center;gap:10px;display:flex}.navbar-avatar{object-fit:cover;background:var(--paper);border-radius:50%;width:34px;height:34px}.navbar-avatar-fallback{color:var(--teal);border:1px solid var(--line);background:var(--white);place-items:center;font-size:15px;font-weight:700;display:grid}.navbar-rol{color:var(--teal);font-size:11px;font-weight:600}.navbar-nombre2{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:13px;font-weight:600;overflow:hidden}.navbar-logout{border:1px solid var(--line);color:var(--gray);background:0 0;border-radius:8px;width:32px;height:32px;font-size:16px}.navbar-logout:hover{color:var(--danger);border-color:var(--danger)}.contenido{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:22px 18px 60px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.panel-titulo{color:var(--ink);margin:0 0 6px;font-size:1.45rem;font-weight:800}.panel-sub{color:var(--gray);max-width:680px;margin:0;font-size:.88rem;line-height:1.45}.btn{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:#128293}.btn-ghost{background:var(--white);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{background:var(--paper)}.btn-danger{color:var(--danger);background:0 0;border-color:#dc262666}.btn-danger:hover{background:#dc262614}.btn-accent{background:var(--yellow);color:#000;border-color:#e5b92e;font-weight:800;box-shadow:0 2px #c9a427}.btn-accent:hover{background:#f7d95e}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{padding:8px 10px;font-size:14px}.btn-sm{border-radius:7px;padding:6px 11px;font-size:12.5px}.btn-hecho-sm{color:#16a34a;background:#f0fdf4;border-color:#86efac;font-weight:700}.btn-hecho-sm:hover{background:#dcfce7;border-color:#4ade80}.btn-check-activo{color:#15803d;background:#f0fdf4;border-color:#86efac}.campo{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.campo-label{color:var(--gray);font-size:12px;font-weight:600}.input{background:var(--white);border:1px solid var(--line);color:var(--ink);border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.input:focus{border-color:var(--teal);outline:none}.input-busqueda{max-width:320px}.buscar-material-wrap{align-items:center;width:100%;max-width:320px;display:inline-flex;position:relative}.buscar-material-icono{opacity:.65;pointer-events:none;z-index:1;font-size:14px;position:absolute;left:14px}.buscar-material-wrap .input-busqueda{background:var(--white);border:1.5px solid var(--line);width:100%;max-width:none;color:var(--ink);border-radius:999px;padding:10px 40px 10px 38px;font-size:.86rem;transition:border-color .15s,box-shadow .15s}.buscar-material-wrap .input-busqueda::placeholder{color:var(--gray);opacity:.75}.buscar-material-wrap .input-busqueda:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #1596a926}.buscar-material-limpia{background:var(--paper);width:26px;height:26px;color:var(--gray);cursor:pointer;border:none;border-radius:50%;place-items:center;font-size:12px;font-weight:700;transition:all .12s;display:grid;position:absolute;right:6px}.buscar-material-limpia:hover{background:var(--ink);color:#fff}select.input,.video-config-grid select,.video-config-grid-3 select,.voz-config-mini select,.tts-config-panel select,.campo select,.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231596a9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border-radius:10px;height:46px;padding-left:14px;padding-right:36px;transition:border-color .15s,box-shadow .15s,background-color .15s}select.input:hover,.video-config-grid select:hover,.voz-config-mini select:hover,.campo select:hover,.select:hover{border-color:var(--teal)}select.input:focus,.video-config-grid select:focus,.voz-config-mini select:focus,.campo select:focus,.select:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #1596a926}select.input:disabled{opacity:.55;cursor:not-allowed}.check-row{align-items:center;gap:8px;font-size:14px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.filtros-cat,.filtros-origen{flex-wrap:wrap;gap:8px;display:flex}.filtros-cat>*{min-width:90px}.filtros-origen>*{min-width:110px}.chip{background:var(--white);border:1px solid var(--line);color:var(--gray);border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip-activo{background:var(--ink);color:#fff;border-color:var(--ink)}.badge{white-space:nowrap;background:var(--white);border:1px solid;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;display:inline-flex}.tarjeta{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000008}.vacio{text-align:center;color:var(--gray);background:var(--white);border:1px dashed var(--line);border-radius:12px;padding:48px 20px}.vacio-emoji{margin-bottom:10px;font-size:40px}.vacio-texto{font-size:14px}.spinner-wrap{color:var(--gray);justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--teal);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.spinner-texto{font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.material-card{background:var(--white);border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:space-between;gap:10px;padding:18px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 2px 8px #00000008}.material-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000012}.material-top{justify-content:space-between;align-items:center;display:flex}.material-emoji{font-size:26px}.material-titulo{color:var(--ink);font-size:1rem;font-weight:800;line-height:1.35}.material-desc{color:#4b5563;flex:1;font-size:.82rem;line-height:1.45}.material-meta{flex-wrap:wrap;gap:6px;display:flex}.material-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.modulos-list{flex-direction:column;gap:16px;display:flex}.modulo{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000008}.modulo-head{border-left:4px solid var(--teal);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.modulo-titulo{color:var(--ink);font-size:16px;font-weight:700}.modulo-desc{color:var(--gray);margin-top:3px;font-size:13px}.modulo-count{background:var(--paper);border:1px solid var(--line);color:var(--gray);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px}.clases-list{border-top:1px solid var(--line)}.clase{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:14px 16px;display:flex}.clase:last-child{border-bottom:none}.clase-vacio{color:var(--gray);padding:14px 16px;font-size:13px}.clase-titulo-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.clase-emojimoda{font-size:18px}.clase-nombre{color:var(--ink);font-size:14px;font-weight:600}.clase-moda{color:#854d0e;background:#fef08a;border:1px solid #fde047;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.clase-meta{color:var(--gray);flex-wrap:wrap;gap:14px;margin-top:6px;font-size:12px;display:flex}.clase-desc{color:var(--gray);margin-top:6px;font-size:12px}.clase-tareas{background:var(--paper);border-radius:8px;margin-top:10px;padding:8px 10px}.clase-tareas-titulo{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700}.clase-tarea{justify-content:space-between;gap:8px;padding:3px 0;font-size:13px;display:flex}.clase-tarea-titulo{font-weight:500}.clase-tarea-fecha{color:var(--gray);white-space:nowrap;font-size:12px}.clase-actions{align-items:flex-start;gap:6px;display:flex}.pendientes-banner{background:#fff7ed;border:1px solid #fdba74;border-radius:12px;margin-bottom:16px;padding:12px 14px}.pendientes-banner strong{color:#c2410c;font-size:13px}.pending-chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip-pending{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:12px}.entrega-list,.correccion-list{flex-direction:column;gap:14px;display:flex}.entrega-card,.correccion-card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000008}.entrega-top,.correccion-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.entrega-titulo{color:var(--ink);font-size:15px;font-weight:700}.entrega-fecha{color:var(--gray);margin-top:4px;font-size:12px}.entrega-texto{color:var(--ink);background:var(--paper);border-radius:8px;margin-top:8px;padding:10px;font-size:13px;line-height:1.5}.entrega-links,.entrega-archivos{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.link-chip{background:var(--white);border:1px solid var(--line);color:var(--teal);word-break:break-all;border-radius:8px;padding:5px 10px;font-size:12px}.entrega-bottom,.correccion-bottom{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.correccion-fecha{color:var(--gray);font-size:12px}.devolucion-box{background:#f0fdf4;border:1px solid #86efac;border-radius:10px;margin-top:12px;padding:10px 12px}.devolucion-titulo{color:#15803d;margin-bottom:4px;font-size:12px;font-weight:700}.devolucion-texto{font-size:13px;line-height:1.5}.filtros-correccion{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.correccion-alumno{align-items:center;gap:10px;display:flex}.avatar-mini{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.correccion-nombre{color:var(--ink);font-size:14px;font-weight:700}.correccion-tarea{color:var(--gray);font-size:12px}.correccion-texto{margin-top:10px;font-size:13px;line-height:1.5}.correccion-preview{background:var(--paper);border-radius:10px;margin-bottom:16px;padding:12px;font-size:13px;line-height:1.5}.correccion-preview-label{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700}.link-editor-row{gap:6px;margin-bottom:6px;display:flex}.dashboard-grid{grid-template-columns:2fr 1fr;gap:14px;margin-bottom:18px;display:grid}.dash-card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 2px 8px #00000008}.dash-card-titulo{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:700}.progreso-valor{color:var(--teal);font-size:36px;font-weight:800}.progreso-bar{background:var(--paper);border-radius:999px;height:10px;margin:12px 0 8px;overflow:hidden}.progreso-fill{background:linear-gradient(90deg, var(--teal), var(--yellow));border-radius:999px;height:100%;transition:width .4s}.progreso-detalle{color:var(--gray);font-size:13px}.resumen-item{border-bottom:1px solid var(--line);justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.resumen-item:last-child{border-bottom:none}.dashboard-cols{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.dash-col{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000008}.dash-col-titulo{color:var(--ink);margin-bottom:12px;font-size:14px;font-weight:700}.dash-fila{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.dash-fila:last-child{border-bottom:none}.dash-fila-nombre{flex:1}.dash-historial{margin-top:14px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#2c282480;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--white);border:1px solid var(--line);border-radius:16px;width:100%;max-width:520px;max-height:90vh;padding:22px;overflow-y:auto;box-shadow:0 10px 30px #0000001f}.modal-ancha{max-width:620px}.modal-titulo{color:var(--ink);margin-bottom:16px;font-size:18px;font-weight:800}.modal-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.login-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--white);border:1px solid var(--line);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:40px 32px;box-shadow:0 12px 40px #00000014}.login-logo{margin-bottom:28px}.login-marca{background:var(--yellow);color:#000;border-radius:16px;place-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:26px;font-weight:800;display:grid}.login-titulo{color:var(--ink);font-size:24px;font-weight:800}.login-sub{color:var(--gray);margin-top:4px;font-size:14px}.login-actions{flex-direction:column;gap:12px;display:flex}.login-btn{width:100%;padding:13px;font-size:15px}.login-divisor{color:var(--gray);align-items:center;gap:12px;margin:6px 0;font-size:12px;display:flex}.login-divisor:before,.login-divisor:after{content:"";background:var(--line);flex:1;height:1px}.login-demos{flex-direction:column;gap:8px;display:flex}.login-demo{width:100%}.tabs{gap:4px;display:flex}.tab{color:var(--gray);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:inline-flex}.tab-emoji{font-size:16px}.tab-activo{background:var(--white);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.curso{flex-direction:column;gap:20px;display:flex}.curso-progreso-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.curso-progreso-lbl{color:var(--ink);font-size:14px;font-weight:700}.curso-progreso-num{color:var(--teal);font-size:13px;font-weight:700}.curso-progreso .progreso-bar{margin-bottom:0}.curso-niveles{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.curso-nivel{text-align:left;background:var(--white);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .15s;display:flex;box-shadow:0 2px 8px #00000008}.curso-nivel:hover{border-color:var(--teal)}.curso-nivel-activo{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.curso-nivel-emoji{font-size:30px}.curso-nivel-txt{flex-direction:column;flex:1;gap:2px;display:flex}.curso-nivel-lbl{color:var(--teal);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.curso-nivel-titulo{color:var(--ink);font-size:15px;font-weight:800;line-height:1.2}.curso-nivel-meta{color:var(--gray);font-size:12px}.curso-nivel-pct{color:#16a34a;font-size:18px}.curso-cuerpo{grid-template-columns:320px 1fr;align-items:start;gap:18px;display:grid}.curso-temas{flex-direction:column;gap:8px;display:flex}.curso-tema{text-align:left;background:var(--white);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:12px;transition:all .15s;display:flex}.curso-tema:hover{border-color:var(--ink)}.curso-tema-activo{border-color:var(--teal);background:#1596a90d}.curso-tema-emoji{font-size:20px}.curso-tema-txt{flex-direction:column;flex:1;gap:2px;display:flex}.curso-tema-titulo{color:var(--ink);font-size:13px;font-weight:700;line-height:1.3}.curso-tema-meta{color:var(--gray);font-size:11px}.curso-tema-check{border:1px solid var(--line);color:#0000;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;display:grid}.curso-tema-check.ok{color:#fff;background:#16a34a;border-color:#16a34a}.curso-contenido{min-height:300px}.curso-titulo-seccion{color:var(--ink);align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:800;display:flex}.curso-lecciones{flex-direction:column;gap:10px;display:flex}.curso-leccion-row{background:var(--white);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.curso-leccion-row.hecha{border-color:#16a34a66}.curso-leccion-btn{text-align:left;color:var(--ink);background:0 0;border:none;flex:1;align-items:center;gap:12px;min-width:0;padding:6px;display:flex}.curso-leccion-num{background:var(--paper);border:1px solid var(--line);width:26px;height:26px;color:var(--gray);border-radius:8px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.curso-leccion-row.hecha .curso-leccion-num{color:#fff;background:#16a34a;border-color:#16a34a}.curso-leccion-txt{flex-direction:column;gap:2px;min-width:0;display:flex}.curso-leccion-titulo{font-size:14px;font-weight:600}.curso-leccion-quiz{color:var(--teal);font-size:11px}.curso-leccion-marcar{border:1px solid var(--line);background:var(--white);color:#16a34a;border-radius:8px;flex-shrink:0;width:28px;height:28px;font-size:16px;font-weight:800}.curso-leccion-marcar:hover{border-color:#16a34a}.curso-leccion{flex-direction:column;gap:14px;display:flex}.curso-leccion-nav-card{flex-direction:column;gap:10px;padding:12px 16px;display:flex}.curso-leccion-breadcrumb{color:var(--gray);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.curso-breadcrumb-link{color:var(--teal);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:12px;font-weight:700}.curso-breadcrumb-link:hover{background:#1596a91a;text-decoration:underline}.curso-breadcrumb-sep{color:var(--line);font-weight:800}.curso-breadcrumb-tema{color:var(--ink);font-weight:600}.curso-leccion-ctrls-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.curso-leccion-indicador{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge-leccion-pos{background:var(--ink);color:#fff;letter-spacing:.2px;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.badge-leccion-estado{border:1px solid #0000;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.badge-leccion-estado.hecha{color:#16a34a;background:#f0fdf4;border-color:#86efac}.badge-leccion-estado.pendiente{color:#b45309;background:#fffbeb;border-color:#fde68a}.curso-leccion-nav-btns{align-items:center;gap:6px;display:flex}.curso-leccion-body{flex-direction:column;gap:14px;display:flex}.curso-leccion-titulo-fila{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.curso-leccion-titulo-wrap{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.curso-leccion-pill-num{color:var(--teal);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:800}.curso-leccion-titulo-grande{color:var(--ink);word-break:break-word;margin:0;font-size:20px;font-weight:800;line-height:1.25}.tts-btn-hero{padding:8px 12px;font-size:16px}.curso-parrafo{color:#3f3b36;font-size:14.5px;line-height:1.65}.curso-lista{flex-direction:column;gap:8px;list-style:none;display:flex}.curso-lista-item{color:#3f3b36;gap:10px;font-size:14px;line-height:1.5;display:flex}.curso-lista-bullet{color:var(--teal);font-weight:800}.curso-destacado{border:1px solid #fde047;border-left:4px solid var(--yellow);background:#fefce8;border-radius:10px;padding:12px 14px}.curso-destacado-lbl{color:#854d0e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.curso-destacado p{color:#4d4210;font-size:14px;line-height:1.55}.curso-quiz{flex-direction:column;gap:16px;display:flex}.curso-quiz-cabezal{justify-content:space-between;align-items:center;gap:10px;display:flex}.curso-quiz-titulo{color:var(--ink);font-size:16px;font-weight:800}.curso-pregunta{flex-direction:column;gap:8px;display:flex}.curso-pregunta-txt{color:var(--ink);font-size:14px}.curso-opciones{flex-direction:column;gap:6px;display:flex}.curso-opcion{text-align:left;background:var(--white);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:14px;transition:all .12s}.curso-opcion:hover:not(:disabled){border-color:var(--teal)}.curso-opcion.elegida{border-color:var(--teal);background:#1596a91a}.curso-opcion.correcta{color:#14532d;background:#16a34a1f;border-color:#16a34a}.curso-opcion.mala{border-color:var(--danger);color:#7f1d1d;background:#dc26261a}.curso-opcion:disabled{cursor:default}.curso-quiz-actions{gap:10px;margin-top:4px;display:flex}.curso-quiz-resultado{background:var(--paper);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.curso-quiz-score{color:var(--teal);flex:1;font-size:15px;font-weight:800}.curso-leccion-footer-nav{background:var(--white);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.curso-footer-info{color:var(--gray);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:12.5px;display:flex}.curso-footer-pos strong{color:var(--ink)}.curso-footer-tema-txt{color:var(--teal);font-weight:600}.curso-footer-btns{grid-template-columns:1fr 1.6fr 1fr;gap:10px;display:grid}.tts-btn{background:var(--paper);color:var(--teal);cursor:pointer;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:14px;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 1px 2px #0000000f}.tts-btn:hover{background:#e6e3da}.tts-btn:active{transform:scale(.94)}.tts-btn.tts-on{background:var(--teal);color:#fff}.tts-btn.tts-inline{vertical-align:middle;margin-left:8px}.tts-label{font-size:11px;font-weight:700}.curso-parrafo{align-items:flex-start;gap:6px;display:flex}.curso-parrafo-txt{flex:1}.curso-lista-bloque{margin-top:16px}.curso-lista-cabezal{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.curso-lista-titulo{color:var(--teal);text-transform:uppercase;letter-spacing:.4px;font-size:13px;font-weight:800}.curso-tts-ajustes{padding:16px 18px}.tts-config-panel{flex-direction:column;gap:14px;display:flex}.tts-config-cabezal{color:var(--teal);justify-content:space-between;align-items:center;font-size:16px;font-weight:800;display:flex}.tts-config-campo{flex-direction:column;gap:6px;display:flex}.tts-config-lbl{color:var(--gray);font-size:13px;font-weight:700}.tts-config-panel select{width:100%}.tts-config-panel input[type=range]{width:100%;accent-color:var(--teal)}.tts-config-nota{color:var(--gray);margin:0;font-size:12px}.curso-leer-bar{background:#1596a91a;border:1px solid #1596a94d;border-radius:10px;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;display:flex}.curso-leer-bar .tts-btn{box-shadow:none}@media (width<=900px){.curso-cuerpo{grid-template-columns:1fr}}.panel{flex-direction:column;gap:0;display:flex}.navtab-lbl{font-size:13px}.voz-grid{grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px;display:grid}.voz-editor{flex-direction:column;gap:12px;display:flex}.voz-textarea{resize:vertical;min-height:120px;font-size:14px;line-height:1.5}.voz-char-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.voz-char-count{color:var(--gray);font-size:12px;font-weight:600}.voz-char-excedido{color:var(--danger);font-weight:800}.voz-actions{gap:8px;display:flex}.voz-error{color:var(--danger);padding:6px 0;font-size:13px;font-weight:600}.voz-side{flex-direction:column;gap:16px;display:flex}.voz-config-mini{flex-direction:column;gap:10px;display:flex}.voz-config-mini select{width:100%}.voz-config-mini input[type=range]{width:100%;accent-color:var(--teal)}.voz-info-limites{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px}.voz-info-titulo{color:var(--ink);letter-spacing:.2px;margin-bottom:8px;font-size:13px;font-weight:800}.voz-info-lista{color:#4b5563;flex-direction:column;gap:8px;font-size:12px;line-height:1.45;list-style:none;display:flex}.voz-info-lista li strong{color:var(--ink)}.voz-result{margin-bottom:18px}.voz-result-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.voz-result-titulo{color:var(--ink);font-size:16px;font-weight:700}.voz-audio-player{border-radius:8px;width:100%;margin-bottom:12px}.voz-download-row{flex-wrap:wrap;gap:10px;display:flex}.voz-historial{margin-top:12px}.voz-historial-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.voz-historial-titulo{color:var(--ink);font-size:14px;font-weight:700}.voz-historial-list{flex-direction:column;gap:6px;max-height:220px;display:flex;overflow-y:auto}.voz-historial-item{background:var(--paper);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;transition:all .12s;display:flex}.voz-historial-item:hover{border-color:var(--teal);background:var(--white)}.voz-hist-texto{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.voz-hist-voz{color:var(--gray);white-space:nowrap;font-size:11px;font-weight:600}.video-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:20px;margin-bottom:24px;display:grid}.video-left{flex-direction:column;gap:16px;display:flex}.video-right{flex-direction:column;gap:16px;display:flex;position:sticky;top:80px}.video-chat-card{background:var(--white);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.video-chat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.video-chat-badge{color:var(--ink);align-items:center;gap:8px;font-size:13px;display:flex}.video-chat-dot{background:#16a34a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #16a34a99}.video-chat-tag{color:var(--teal);background:#1596a91a;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.video-ideas-row{scrollbar-width:thin;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.video-idea-chip{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .12s}.video-idea-chip:hover:not(:disabled){border-color:var(--teal);background:var(--white);color:var(--teal)}.video-chat-mensajes{flex-direction:column;gap:10px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.video-msg{border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.video-msg-sender{text-transform:uppercase;letter-spacing:.4px;font-size:10.5px;font-weight:800}.video-msg-body{white-space:pre-wrap;word-break:break-word}.video-msg-user{background:#1596a91a;border:1px solid #1596a940;align-self:flex-end;width:85%}.video-msg-user .video-msg-sender{color:var(--teal)}.video-msg-ia{background:var(--paper);border:1px solid var(--line);align-self:flex-start;width:95%}.video-msg-ia .video-msg-sender{color:#d97706}.video-propuesta-card{background:var(--white);border:1px solid #fde047;border-left:3px solid var(--yellow);border-radius:8px;flex-direction:column;gap:6px;margin-top:8px;padding:10px 12px;display:flex}.video-propuesta-head{color:#854d0e;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.video-propuesta-titulo,.video-propuesta-guion{color:var(--ink);margin:0;font-size:12px}.video-propuesta-card button{align-self:flex-start;margin-top:4px;font-weight:800}.video-chat-form{gap:8px;margin-top:4px;display:flex}.video-chat-form input{flex:1}.video-config-card{flex-direction:column;gap:12px;display:flex}.video-config-titulo{color:var(--ink);margin:0;font-size:14px;font-weight:800}.video-config-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.video-config-grid-3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.video-audio-row{align-items:center;gap:12px;display:flex}.video-player-card{flex-direction:column;align-items:center;gap:12px;display:flex}.video-player-head{justify-content:space-between;align-items:center;width:100%;display:flex}.video-player-titulo{color:var(--ink);margin:0;font-size:14px;font-weight:800}.remotion-player-wrap{background:#000;border-radius:12px;justify-content:center;width:100%;display:flex;overflow:hidden;box-shadow:0 8px 30px #0006}.remotion-player-wrap.aspect-vertical{aspect-ratio:9/16;max-width:320px}.remotion-player-wrap.aspect-horizontal{aspect-ratio:16/9;max-width:100%}.video-export-actions{width:100%}.btn-export{letter-spacing:.3px;width:100%;padding:12px;font-size:14px}.video-player-tips{color:var(--gray);font-size:12px;line-height:1.4}@media (width<=720px){.navbar{flex-wrap:wrap}.navbar-tabs{flex-basis:100%;order:3}.dashboard-grid,.dashboard-cols,.modal-row,.voz-grid,.video-grid,.video-config-grid,.video-config-grid-3{grid-template-columns:1fr}.video-right{position:static}.remotion-player-wrap.aspect-vertical{max-width:280px}.curso-leccion-ctrls-row{flex-direction:column;align-items:stretch;gap:10px}.curso-leccion-indicador{justify-content:space-between;width:100%}.curso-leccion-nav-btns{grid-template-columns:1fr 1.3fr 1fr;gap:6px;width:100%;display:grid}.curso-leccion-nav-btns .btn{text-align:center;white-space:nowrap;padding:7px 4px;font-size:12px}.curso-leccion-titulo-grande{font-size:18px}.curso-footer-btns{grid-template-columns:1fr;gap:8px}.curso-footer-info{flex-direction:column;align-items:flex-start;gap:4px}}.curso-media-seccion{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.curso-media-card{background:var(--white);border:1px solid var(--line);border-radius:10px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.curso-media-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.curso-media-img-container{cursor:zoom-in;background:#000;justify-content:center;align-items:center;max-height:240px;display:flex;position:relative;overflow:hidden}.curso-media-img{object-fit:cover;width:100%;height:200px;transition:transform .2s;display:block}.curso-media-img-container:hover .curso-media-img{transform:scale(1.03)}.curso-media-zoom-hint{color:#fff;pointer-events:none;background:#000000b3;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;bottom:8px;right:8px}.curso-video-wrapper{background:#000;border-radius:8px 8px 0 0;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.curso-video-iframe,.curso-video-player{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.curso-media-info{flex-direction:column;gap:4px;padding:12px 14px;display:flex}.curso-media-titulo{color:var(--ink);font-size:14px;font-weight:800;line-height:1.3}.curso-media-desc{color:var(--gray);margin:0;font-size:12.5px;line-height:1.4}.navbar-tabs{flex-wrap:wrap;flex:1;gap:4px;display:flex;overflow:visible}.navbar-logo-circulo{border:1.5px solid var(--line);border-radius:50%;width:42px;height:42px;overflow:hidden}.curso-leccion{flex-direction:column;gap:14px;scroll-margin-top:72px;display:flex}.curso-progreso{position:relative}.curso-progreso-reset{position:absolute;top:14px;right:14px}.curso-media-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;display:grid}.grid-material{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:18px;display:grid}@media (width<=900px){.curso-cuerpo{grid-template-columns:1fr}}@media (width<=720px){.curso-niveles{gap:4px}.curso-nivel{text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px}.curso-nivel-emoji{font-size:18px;line-height:1}.curso-nivel-txt{align-items:center;gap:1px}.curso-nivel-lbl{font-size:9px}.curso-nivel-titulo{font-size:10.5px}.curso-nivel-meta{font-size:9px}.curso-nivel-pct{font-size:13px}}.login-logo-img,.login-logo-circulo,html[data-tema=oscuro] .login-logo-img{border:3px solid var(--line);border-radius:50%;width:150px;height:150px;margin:0 auto 12px;overflow:hidden;box-shadow:0 4px 14px #0003}.login-logo-circulo img{object-fit:cover;width:118%;height:118%;margin:-9%;display:block}html[data-tema=oscuro] .login-logo-circulo{background:#1c1c1c}html[data-tema=oscuro] .navbar-logo-circulo{border:1.5px solid var(--line);background:#fff;border-radius:50%;width:42px;height:42px;overflow:hidden}.navbar-logo-circulo img{object-fit:cover;width:118%;height:118%;margin:-9%;display:block}html[data-tema=oscuro] .navbar-logo-circulo{background:#1c1c1c}html[data-tema=oscuro]{--paper:#121212;--white:#1c1c1c;--ink:#e8e6e1;--dark:#0d0d0d;--gray:#9e9e9e;--line:#333;--teal:#1596a9;--yellow:#f4cf3f;--panel:#0d0d0d}html[data-tema=oscuro] body{background:var(--panel);color:var(--ink)}html[data-tema=oscuro] .tarjeta,html[data-tema=oscuro] .dash-card,html[data-tema=oscuro] .dash-col,html[data-tema=oscuro] .modal,html[data-tema=oscuro] .login-card,html[data-tema=oscuro] .modulo,html[data-tema=oscuro] .entrega-card,html[data-tema=oscuro] .correccion-card,html[data-tema=oscuro] .curso-nivel,html[data-tema=oscuro] .curso-tema,html[data-tema=oscuro] .curso-leccion-row,html[data-tema=oscuro] .curso-media-card,html[data-tema=oscuro] .material-card{background:var(--white);color:var(--ink);border-color:var(--line);box-shadow:none}html[data-tema=oscuro] input,html[data-tema=oscuro] select,html[data-tema=oscuro] textarea,html[data-tema=oscuro] .input{background:var(--white);color:var(--ink);border-color:var(--line)}html[data-tema=oscuro] .navbar,html[data-tema=oscuro] .navtab,html[data-tema=oscuro] .navtab-activo,html[data-tema=oscuro] .topbar,html[data-tema=oscuro] .tab-btn,html[data-tema=oscuro] .btn-ghost,html[data-tema=oscuro] .chip,html[data-tema=oscuro] .btn{color:var(--ink);border-color:var(--line);background:#1c1c1e}html[data-tema=oscuro] .video-msg-ia,html[data-tema=oscuro] .video-msg-user,html[data-tema=oscuro] .voz-info-limites,html[data-tema=oscuro] .voz-historial-item,html[data-tema=oscuro] .curso-destacado,html[data-tema=oscuro] .curso-preview{color:var(--ink);background:#161618}html[data-tema=oscuro] .voz-editor,html[data-tema=oscuro] .video-chat-card,html[data-tema=oscuro] .video-config-card,html[data-tema=oscuro] .video-player-card{background:var(--white);border-color:var(--line)}html[data-tema=oscuro] .curso-destacado{background:#2a2300;border-color:#fde047}html[data-tema=oscuro] .curso-destacado-lbl{color:#fde047}html[data-tema=oscuro] .curso-destacado p{color:#fde68a}html[data-tema=claro] .login-logo-circulo img{object-fit:cover;width:118%;height:118%;margin:-9%;display:block}.alumnos-lista{flex-direction:column;gap:8px;display:flex}.alumno-card{background:var(--white);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.alumno-card:hover{border-color:var(--teal)}html[data-tema=oscuro] .alumno-card{background:var(--white);border-color:var(--line)}