:root{--navy: #0b1f3a;--navy-light: #14315c;--gold: #c9a227;--bg: #f4f6fa;--danger: #c0392b;--ok: #1e824c;--borde: #e3e7ee}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:#1c2536}.page-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--navy);padding:0 24px;text-align:center}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%)}.auth-card{background:#fff;padding:40px;border-radius:12px;width:340px;box-shadow:0 20px 50px #00000040}.auth-card h1{margin:0 0 4px;font-size:22px;color:var(--navy)}.auth-subtitle{margin:0 0 24px;color:#667;font-size:14px}.auth-card label{display:block;margin-bottom:16px;font-size:13px;color:#445}.auth-card input{width:100%;margin-top:6px;padding:10px 12px;border:1px solid #ccd3e0;border-radius:6px;font-size:14px}.auth-card button{width:100%;padding:12px;background:var(--navy);color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer}.auth-card button:disabled{opacity:.6;cursor:default}.auth-error{color:var(--danger);font-size:13px;margin-bottom:12px}.shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:var(--navy);color:#fff}.topbar strong{font-size:16px}.cohorte-badge{margin-left:12px;background:var(--gold);color:#2a2200;padding:3px 10px;border-radius:12px;font-size:12px}.topbar-right{display:flex;align-items:center;gap:16px;font-size:14px}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer}.link-admin,.link-back{color:var(--gold);text-decoration:none;font-size:14px}.dashboard{max-width:820px;margin:0 auto;padding:40px 24px}.dashboard h2{color:var(--navy)}.dashboard-hint{color:#667;margin-bottom:28px;font-size:13.5px;line-height:1.5}.stepper{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.step{display:flex;align-items:center;gap:18px;background:#fff;border-radius:10px;padding:18px 22px;box-shadow:0 2px 8px #141e3c0f}.step-locked{opacity:.55}.step-index{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step-locked .step-index{background:#9aa4b5}.step-body{flex:1}.step-title{font-weight:600;color:var(--navy)}.step-subtitle{font-size:13px;color:#778}.btn-primary{background:var(--gold);color:#2a2200;padding:8px 18px;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}.badge-locked{font-size:12px;color:#99a}.paso-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.paso-bar{display:flex;align-items:center;gap:14px;flex-shrink:0;padding:0 16px;height:54px;background:var(--navy);color:#fff;box-shadow:0 2px 10px #0003;z-index:20}.bar-volver{background:#ffffff1a;border:none;color:#fff;cursor:pointer;width:30px;height:30px;border-radius:6px;font-size:16px;line-height:1;flex-shrink:0}.bar-volver:hover{background:#fff3}.bar-titulo{display:flex;align-items:center;gap:10px;min-width:0}.bar-num{width:24px;height:24px;border-radius:50%;background:var(--gold);color:#2a2200;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.bar-nombre{font-size:14.5px;font-weight:600;line-height:1.2}.bar-sub{font-size:11.5px;color:#b9c6dc;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-acciones{margin-left:auto;display:flex;align-items:center;gap:9px;flex-shrink:0}.bar-btn{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;padding:6px 13px;border-radius:6px;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.bar-btn:hover{background:#ffffff1a}.bar-btn.on{background:#ffffff2e;border-color:#fff9}.bar-btn.primary{background:var(--gold);border-color:var(--gold);color:#2a2200;font-weight:600}.bar-btn.primary:hover{filter:brightness(1.07)}.pill{background:#ffffff38;border-radius:9px;padding:0 6px;font-size:11px;font-weight:600;min-width:18px;text-align:center}.pill.nuevo{background:var(--gold);color:#2a2200}.bar-equipo{font-size:12.5px;color:#b9c6dc;padding-left:4px}.paso-panel{flex:1;width:100%;border:none;display:block;background:#fff}.paso-sin-panel{flex:1;display:flex;align-items:center;justify-content:center;color:#99a;font-size:14px}.cajon-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1f3a59;z-index:30;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cajon{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:92vw;background:#fff;z-index:40;box-shadow:-8px 0 30px #0b1f3a40;transform:translate(100%);transition:transform .2s ease;display:flex;flex-direction:column}.cajon.abierto{transform:translate(0)}.cajon-cabecera{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--borde);flex-shrink:0}.cajon-cabecera strong{font-size:14.5px;color:var(--navy)}.cajon-cabecera button{background:transparent;border:none;font-size:16px;cursor:pointer;color:#889;width:28px;height:28px;border-radius:5px}.cajon-cabecera button:hover{background:#f0f2f7}.cajon-cuerpo{padding:16px 18px 28px;overflow-y:auto;flex:1}.cajon-vacio{font-size:13px;color:#889;line-height:1.55;margin:0}.cajon-nota{font-size:13px;color:#445;line-height:1.5;margin:0 0 8px}.cajon-nota.tenue{color:#889;font-size:12.5px;margin-bottom:14px}.cajon-cuerpo h5{font-size:12px;color:var(--navy);margin:20px 0 6px;text-transform:uppercase;letter-spacing:.03em}.cajon-cuerpo input[type=file]{font-size:12.5px;width:100%}.cajon-lista{list-style:none;padding:0;margin:0}.cajon-lista li{border-bottom:1px solid #eef0f4;padding:13px 0}.cajon-lista li:first-child{padding-top:0}.cajon-lista li:last-child{border-bottom:none}.cajon-lista strong{font-size:13.5px;display:block;margin-top:4px}.cajon-lista p{margin:5px 0;font-size:12.5px;color:#556;line-height:1.5;word-break:break-word}.tipo-badge{display:inline-block;background:#eef1f7;color:var(--navy-light);border-radius:9px;padding:1px 9px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.link-archivo{display:inline-block;background:transparent;border:none;padding:0;color:var(--navy-light);font-size:12.5px;text-decoration:underline;cursor:pointer;margin-top:4px;text-align:left}.upload-msg{font-size:12.5px;color:var(--ok);margin:10px 0 0}.upload-msg.err{color:var(--danger)}.upload-history{list-style:none;padding:0;margin:6px 0 0;font-size:12px;color:#556}.upload-history li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #f2f4f8}.upload-history li span{color:#99a;white-space:nowrap}.admin{max-width:1500px;margin:0 auto;padding:28px 24px 60px}.admin h2{color:var(--navy);font-size:17px;margin:26px 0 4px}.admin h2:first-of-type{margin-top:0}.admin-msg{background:#e7f4ec;border-left:3px solid var(--ok);padding:9px 14px;border-radius:0 6px 6px 0;font-size:13px;margin-bottom:16px}.admin-msg.err{background:#fdecea;border-left-color:var(--danger)}.tabla-wrap{overflow-x:auto;background:#fff;border-radius:10px;box-shadow:0 2px 8px #141e3c0f}.admin-tabla{width:100%;border-collapse:collapse;font-size:13px}.admin-tabla th{background:var(--navy);color:#fff;padding:9px 11px;text-align:left;vertical-align:top}.admin-tabla th.col-paso{min-width:132px}.th-paso{font-size:12px;font-weight:600;margin-bottom:5px;line-height:1.3}.btn-liberar{background:var(--gold);color:#2a2200;border:none;border-radius:4px;padding:3px 8px;font-size:10.5px;font-weight:600;cursor:pointer;white-space:nowrap}.admin-tabla td{padding:9px 11px;border-bottom:1px solid #eef0f4;vertical-align:top}.admin-tabla tr:hover td{background:#f7f9fc}.celda-paso{min-width:128px}.chk{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.chk input{cursor:pointer}.up-ok{font-size:11px;color:var(--ok);margin-top:3px}.up-no{font-size:11px;color:#aab;margin-top:3px}.sin-usuario{font-size:10.5px;color:var(--danger);margin-top:2px}.recursos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px;margin-top:12px}.recurso-col{background:#fff;border-radius:10px;padding:13px 15px;box-shadow:0 2px 8px #141e3c0f}.recurso-col h4{margin:0 0 3px;font-size:13px;color:var(--navy)}.recurso-entrada{font-size:11px;color:#889;margin-bottom:10px;line-height:1.4}.sin-recursos{font-size:12px;color:#aab}.recurso{border:1px solid var(--borde);border-radius:7px;padding:8px 10px;margin-bottom:7px}.recurso.vis{border-color:var(--ok);background:#f3faf6}.recurso-tit{font-size:12.5px;font-weight:600}.recurso-cont{font-size:11.5px;color:#667;margin:3px 0 6px}.recurso-acciones{display:flex;gap:6px;margin-top:6px}.recurso-acciones button{background:transparent;border:1px solid #ccd3e0;border-radius:4px;padding:3px 9px;font-size:11px;cursor:pointer}.recurso.vis .recurso-acciones button:first-child{border-color:var(--ok);color:var(--ok)}.recurso-acciones .borrar{color:var(--danger);border-color:#f0c5c0}.form-recurso{display:flex;gap:9px;align-items:center;flex-wrap:wrap;background:#fff;border-radius:10px;padding:15px;box-shadow:0 2px 8px #141e3c0f;margin-top:16px}.form-recurso h4{margin:0 12px 0 0;font-size:13px;color:var(--navy)}.form-recurso input,.form-recurso select{padding:7px 9px;border:1px solid #ccd3e0;border-radius:5px;font-size:12.5px}.form-recurso input[name=titulo]{min-width:190px}.form-recurso input[name=contenido]{min-width:210px;flex:1}.form-recurso .btn-primary{border:none;cursor:pointer}.form-recurso .btn-primary:disabled{opacity:.6;cursor:default}.file-field{display:flex;align-items:center;gap:7px;font-size:12px;color:#556}.file-field input[type=file]{font-size:11.5px;max-width:200px}@media (max-width: 720px){.bar-sub,.bar-equipo{display:none}.bar-btn{padding:6px 10px;font-size:12px}}.nota{font-size:12.5px;color:#667;line-height:1.5;max-width:760px;margin:6px 0 12px}.nota code{background:#eef1f7;padding:1px 5px;border-radius:4px;font-size:11.5px}.tabla-paneles{width:100%;border-collapse:collapse;font-size:13px}.tabla-paneles th{text-align:left;padding:8px 10px;background:#1b2a4a;color:#fff;font-weight:600}.tabla-paneles td{padding:8px 10px;border-bottom:1px solid #e6e9f0;vertical-align:middle}.tabla-paneles code{font-size:11.5px;color:#445}.tabla-paneles .ok{color:#1f7a45}.tabla-paneles .falta{color:#b23b3b;font-weight:600}.file-field.compacto span{display:inline-block;padding:4px 10px;border:1px solid #c6cde0;border-radius:6px;background:#f6f8fc;cursor:pointer;white-space:nowrap}.file-field.compacto input[type=file]{display:none}.tabla-paneles .leve{color:#8a91a3}.tabla-paneles tr.desfasada td{background:#fff5f5}.alarma{background:#fff5f5;border-left:3px solid #b23b3b;color:#8a2b2b;padding:10px 14px;border-radius:0 6px 6px 0;font-size:13px;max-width:760px;margin:0 0 12px}.btn-sec{padding:5px 12px;border:1px solid #c6cde0;border-radius:6px;background:#f6f8fc;font-size:12.5px;cursor:pointer;color:#334}.btn-sec:hover{background:#eef2fa}.btn-sec:disabled{opacity:.6;cursor:default}