:root{--bg:#f8f9fa;--surface:#fff;--surface-2:#f1f3f4;--border:#dadce0;--border-strong:#bdc1c6;--text:#202124;--text-dim:#5f6368;--text-faint:#80868b;--accent:#1a73e8;--accent-hover:#1765cc;--accent-soft:#e8f0fe;--danger:#d93025;--danger-bg:#fce8e6;--success:#1e8e3e;--success-bg:#e6f4ea;--radius:8px;--radius-sm:4px;--radius-lg:14px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--sidebar-w:250px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.015em;margin:0 0 6px;font-size:26px;font-weight:400}h2{letter-spacing:-.01em;margin:0 0 4px;font-size:18px;font-weight:500}.subtitle{color:var(--text-dim);margin:0 0 24px;font-size:14px;line-height:1.5}.muted{color:var(--text-dim);margin:0;font-size:14px;line-height:1.5}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.brand-name{letter-spacing:-.02em;color:var(--text);font-size:16px;font-weight:600}.brand-name b{color:var(--accent);font-weight:600}button{font-family:var(--font);cursor:pointer;border-radius:var(--radius-sm);letter-spacing:.01em;border:none;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s,border-color .15s}.btn{background:var(--accent);color:#fff;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 22px;display:inline-flex}.btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.btn:disabled{background:var(--border);color:var(--text-faint);cursor:default}.btn.secondary{border:1px solid var(--border);color:var(--accent);background:0 0}.btn.secondary:hover:not(:disabled){background:var(--accent-soft);border-color:var(--border-strong);box-shadow:none}.btn.inline{width:auto;padding:9px 18px}.btn.sm{padding:8px 14px;font-size:13px}.btn-link{color:var(--accent);border-radius:var(--radius-sm);background:0 0;padding:6px 8px}.btn-link:hover:not(:disabled){background:var(--accent-soft)}.btn-ghost{color:var(--text-dim);border-radius:var(--radius-sm);background:0 0;padding:8px 12px}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}label{color:var(--text-dim);margin:0 0 6px;font-size:13px;font-weight:500;display:block}input,textarea,select{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:15px;font-family:var(--font);padding:11px 13px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}input::placeholder{color:var(--text-faint)}textarea{resize:vertical;font-size:14px}select{cursor:pointer}.field{margin-bottom:16px}.hint{color:var(--text-faint);margin:6px 0 0;font-size:12px}.error{color:#c5221f;margin:8px 0 0;font-size:13px}.ok{color:var(--success);margin:8px 0 0;font-size:13px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:22px}.panel-pad{padding:22px 24px}.chip{background:var(--surface-2);color:var(--text-dim);text-transform:capitalize;white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.chip.ok{color:var(--success);background:var(--success-bg)}.chip.accent{color:var(--accent);background:var(--accent-soft)}.center-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:40px 36px}.auth-card .brand{margin-bottom:28px}@media (width<=480px){.center-shell{padding:0}.auth-card{border:none;border-radius:0;flex-direction:column;justify-content:center;max-width:none;min-height:100vh;padding:40px 24px;display:flex}}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:30;align-items:center;gap:12px;height:60px;padding:0 20px;display:flex;position:sticky;top:0}.topbar .spacer{flex:1}.icon-btn{width:40px;height:40px;color:var(--text-dim);background:0 0;border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.hamburger{display:none}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar .brand{padding:4px 10px 22px}.nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{text-align:left;border-radius:var(--radius);width:100%;color:var(--text-dim);background:0 0;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.on{background:var(--accent-soft);color:var(--accent)}.sidebar-foot{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.user-row{align-items:center;gap:10px;padding:6px 8px 10px;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.content{width:100%;max-width:940px;margin:0 auto;padding:34px 32px 90px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);cursor:pointer;flex-direction:column;gap:6px;padding:20px;transition:border-color .15s,box-shadow .15s;display:flex}.card:hover{border-color:var(--border-strong);text-decoration:none;box-shadow:0 1px 3px #3c40431f}.card .t{color:var(--text);font-size:15px;font-weight:600}.card .s{color:var(--text-dim);font-size:13px}.course-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;padding:0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.course-card:hover{border-color:var(--border-strong);box-shadow:0 1px 3px #3c40431f}.course-cover{aspect-ratio:16/9;background:var(--surface-2);color:var(--text-faint);place-items:center;display:grid;overflow:hidden}.course-cover img{object-fit:cover;width:100%;height:100%}.course-card__body{flex-direction:column;gap:4px;padding:14px 16px;display:flex}.course-card__body .t{color:var(--text);font-size:15px;font-weight:600}.course-card__body .s{color:var(--text-dim);font-size:13px}.course-banner{border-radius:var(--radius-lg);background:var(--surface-2);margin-bottom:16px;overflow:hidden}.course-banner img{object-fit:cover;width:100%;max-height:260px;display:block}.instructor{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.list{flex-direction:column;display:flex}.row-item{border-bottom:1px solid var(--border);text-align:left;width:100%;color:var(--text);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:14px 4px;font-size:14px;display:flex}.row-item:last-child{border-bottom:none}button.row-item{cursor:pointer}button.row-item:hover{background:var(--surface-2)}.row-item .lead{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.drag-handle{cursor:grab;color:var(--text-faint);flex-shrink:0;place-items:center;display:grid}.drag-handle:active{cursor:grabbing}.drag-handle:hover{color:var(--text-dim)}.row-item .t{color:var(--text);font-weight:500}.row-item .s{color:var(--text-faint);font-size:12px}.avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:600;display:grid}.stats{gap:28px;display:flex}.stat b{font-size:24px;font-weight:500;display:block}.stat span{color:var(--text-dim);font-size:13px}.section-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:12px;font-weight:600}.back{color:var(--accent);background:0 0;align-items:center;gap:4px;margin-bottom:14px;padding:0;font-size:14px;display:inline-flex}.editor{border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.editor:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.ed-toolbar{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;gap:2px;padding:6px;display:flex}.ed-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-dim);background:0 0;place-items:center;display:grid}.ed-btn:hover{background:var(--surface);color:var(--text)}.ed-btn.on{background:var(--accent-soft);color:var(--accent)}.rich .ProseMirror{min-height:120px;color:var(--text);outline:none;padding:12px 14px;font-size:15px;line-height:1.6}.rich .ProseMirror p{margin:0 0 10px}.rich .ProseMirror:focus{outline:none}.rich .ProseMirror p.is-editor-empty:first-child:before{content:"Escribe el contenido…";color:var(--text-faint);float:left;pointer-events:none;height:0}.content-html{color:var(--text);font-size:15px;line-height:1.65}.content-html h2{margin:18px 0 8px;font-size:19px;font-weight:500}.content-html h3{margin:16px 0 6px;font-size:16px;font-weight:600}.content-html p{margin:0 0 12px}.content-html ul,.content-html ol{margin:0 0 12px;padding-left:22px}.content-html li{margin:3px 0}.content-html a{color:var(--accent)}.content-html a:hover{text-decoration:underline}.content-html strong{font-weight:600}.content-html code{background:var(--surface-2);border-radius:4px;padding:1px 5px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.content-html blockquote{border-left:3px solid var(--border-strong);color:var(--text-dim);margin:0 0 12px;padding-left:12px}.quiz-q{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.quiz-opt{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;font-size:14px;display:flex}.quiz-opt:hover{background:var(--surface-2)}.quiz-opt.correct{border-color:var(--success);background:var(--success-bg);color:#1b6e33}.quiz-opt.wrong{border-color:var(--danger);background:var(--danger-bg);color:#c5221f}.alert{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-dim);margin-bottom:14px;padding:12px 14px;font-size:14px;line-height:1.5}.alert.ok{background:var(--success-bg);color:#1b6e33}.alert.danger{background:var(--danger-bg);color:#c5221f}.alert.info{background:var(--accent-soft);color:var(--accent)}.upload-tray{z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(340px,100vw - 32px);position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 6px 24px #2021242e}.upload-tray__head{border-bottom:1px solid var(--border);background:var(--surface-2);padding:12px 16px;font-size:14px;font-weight:600}.upload-job{border-bottom:1px solid var(--border);padding:12px 16px}.upload-job:last-child{border-bottom:none}.upload-job__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.upload-job__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.upload-job__status{color:var(--text-dim);margin-top:4px;font-size:12px}.upload-job__status.ok{color:var(--success)}.upload-job__status.err{color:#c5221f}.progress{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.progress-bar{background:var(--accent);border-radius:999px;min-width:2%;height:100%;transition:width .3s}.video{border-radius:var(--radius);background:#000;margin:4px 0 16px;padding-top:56.25%;position:relative;overflow:hidden}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-poster{cursor:pointer}.video-poster img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.play-btn{color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:64px;height:64px;margin:auto;transition:background .15s;display:grid;position:absolute;inset:0}.video-poster:hover .play-btn{background:#000000b8}.scrim{z-index:40;background:#20212480;position:fixed;inset:0}@media (width<=860px){.hamburger{display:grid}.sidebar{z-index:50;height:100vh;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 16px #2021242e}.sidebar.open{transform:none}.content{padding:22px 18px 70px}.stats{gap:22px}}@media (width>=861px){.app .topbar{display:none}}