:root{--bg: #0b0f17;--bg-soft: #121826;--card: #161d2e;--card-2: #1b2335;--border: #263149;--text: #e8edf6;--muted: #93a0b8;--primary: #5b8cff;--primary-2: #7aa2ff;--accent: #36d399;--danger: #ff6b6b;--warn: #ffcd5b;--radius: 16px;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#16203a 0%,var(--bg) 55%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}.muted{color:var(--muted)}.center{min-height:100%;display:grid;place-items:center;padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.login{width:100%;max-width:420px;padding:32px 28px;display:flex;flex-direction:column;gap:10px}.brand{display:flex;align-items:center;gap:10px}.brand h1{font-size:1.35rem;margin:0;letter-spacing:.2px}.brand.small{font-weight:600}.logo{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#9b7bff);color:#fff;font-size:1.1rem}.tagline{margin:2px 0 14px}label{font-size:.85rem;color:var(--muted);margin-top:8px}input{width:100%;padding:13px 14px;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:1rem;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#5d6b85}.login input{text-transform:uppercase}.login input::placeholder{text-transform:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5b8cff2e}button{cursor:pointer;border:none;border-radius:12px;font-size:.98rem;font-weight:600;padding:13px 16px;transition:transform .05s,opacity .15s,background .15s}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;margin-top:8px}.ghost{background:transparent;color:var(--muted);border:1px solid var(--border);padding:8px 14px;font-weight:500}.ghost:hover{color:var(--text)}.hint{font-size:.82rem;color:var(--muted);margin:12px 0 0}.error{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.35);color:#ffb0b0;padding:10px 12px;border-radius:10px;font-size:.88rem}.app{min-height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:#0b0f17b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5}.brand.small{display:flex;align-items:center;gap:8px}.container{max-width:880px;margin:0 auto;padding:24px 18px 64px}.hero{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.hero h2{margin:0;font-size:1.5rem}.badge{font-size:.78rem;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid transparent}.badge.active{color:var(--accent);background:#36d3991f;border-color:#36d3994d}.badge.expired{color:var(--danger);background:#ff6b6b1f;border-color:#ff6b6b4d}.window-card{background:linear-gradient(135deg,var(--card),var(--card-2));border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;text-align:center;box-shadow:var(--shadow)}.window-card.is-expired{opacity:.85}.big-number{font-size:3.6rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--primary-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.window-card.is-expired .big-number{background:none;color:var(--muted)}.window-label{color:var(--muted);margin:8px 0 0}.progress{margin-top:18px;height:8px;background:var(--bg-soft);border-radius:999px;overflow:hidden}.bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .4s ease}.modules{margin-top:30px}.modules h3{font-size:1.1rem;margin:0 0 14px}.grid{display:grid;grid-template-columns:1fr;gap:12px}.module{display:flex;align-items:center;gap:14px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:14px;transition:border-color .15s,transform .05s}.module:hover{border-color:#34436a}.module.locked{opacity:.6}.m-icon{font-size:1.5rem;width:46px;height:46px;display:grid;place-items:center;background:var(--bg-soft);border-radius:12px;flex-shrink:0}.m-body{flex:1}.m-body h4{margin:0 0 2px;font-size:1rem}.m-body p{margin:0;font-size:.85rem;color:var(--muted)}.soon{font-size:.72rem;font-weight:600;color:var(--warn);background:#ffcd5b1f;border:1px solid rgba(255,205,91,.25);padding:4px 8px;border-radius:999px;white-space:nowrap}.module.clickable{cursor:pointer;text-decoration:none;color:inherit}.module.clickable:hover{border-color:var(--primary);transform:translateY(-1px)}.open{font-size:.78rem;font-weight:700;color:var(--primary-2);background:#5b8cff1f;border:1px solid rgba(91,140,255,.3);padding:4px 10px;border-radius:999px;white-space:nowrap}.chat-app{display:flex;flex-direction:column;height:100vh}.back{color:var(--muted);text-decoration:none;font-weight:500;padding:6px 4px}.back:hover{color:var(--text)}.chat-title{display:flex;align-items:center;gap:8px;font-weight:600}.m-icon.small{width:30px;height:30px;font-size:1.1rem}.spacer{width:64px}.chat-window{flex:1;overflow-y:auto;padding:20px 16px}.chat-inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.bubble{max-width:85%;padding:12px 15px;border-radius:16px;border:1px solid var(--border);font-size:.95rem}.bubble p{margin:0 0 6px}.bubble p:last-child{margin:0}.bubble.assistant{align-self:flex-start;background:var(--card);border-bottom-left-radius:4px}.bubble.user{align-self:flex-end;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:none;border-bottom-right-radius:4px}.chat-error{align-self:flex-start;max-width:85%}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:0 0 8px}.md strong{color:var(--text);font-weight:700}.md ul,.md ol{margin:6px 0 8px;padding-left:20px}.md li{margin:3px 0}.md h1,.md h2,.md h3,.md h4{margin:12px 0 6px;font-size:1rem;line-height:1.3}.md a{color:var(--primary-2)}.md code{background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;padding:1px 5px;font-size:.85em}.md pre{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:10px 12px;overflow-x:auto}.md pre code{background:none;border:none;padding:0}.md blockquote{margin:8px 0;padding-left:12px;border-left:3px solid var(--border);color:var(--muted)}.md table{border-collapse:collapse;margin:8px 0;font-size:.88rem;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--border);padding:5px 9px;text-align:left}.md th{background:var(--bg-soft)}.bubble.typing{display:inline-flex;gap:5px;align-items:center;width:fit-content}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite ease-in-out both}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.composer{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--border);background:var(--bg-soft);max-width:100%}.composer input{flex:1;text-transform:none}.composer .send{padding:13px 22px}.container.narrow{max-width:640px}.intro{margin:4px 0 18px}.form{display:flex;flex-direction:column;gap:8px;padding:20px}select,textarea{width:100%;padding:12px 14px;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:1rem;font-family:inherit;outline:none}textarea{resize:vertical}select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5b8cff2e}.row{display:flex;gap:12px}.row>div{flex:1}.result-map{margin-top:16px;padding:22px}.result-map h3{margin:0 0 12px}.map-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--border);font-size:.95rem}.map-k{color:var(--muted)}.map-v{text-align:right;font-weight:600}.badge.madurez{font-size:.82rem}.badge.madurez.verde{color:var(--accent);background:#36d3991f;border-color:#36d3994d}.badge.madurez.amarillo{color:var(--warn);background:#ffcd5b1f;border-color:#ffcd5b4d}.badge.madurez.rojo{color:var(--danger);background:#ff6b6b1f;border-color:#ff6b6b4d}.ahorro{text-align:center;margin-top:16px}.ahorro p{margin:0;color:var(--muted)}.primer-paso{margin-top:16px;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:13px 15px}.primer-paso h4{margin:0 0 5px;font-size:.95rem}.primer-paso p{margin:0;font-size:.88rem;color:var(--muted)}.primer-paso ul{margin:0;padding-left:20px;font-size:.88rem;color:var(--muted)}.primer-paso li{margin:4px 0}.primer-paso ul.check{list-style:none;padding-left:2px}.primer-paso ul.check li:before{content:"☐ ";color:var(--primary-2)}.big-number.small{font-size:2.6rem}.task-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{background:var(--card);border:1px solid var(--border);color:var(--muted);padding:7px 12px;border-radius:999px;font-size:.85rem;font-weight:500}.chip.active{color:var(--text);border-color:var(--primary);background:#5b8cff1f}.task-enunciado{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:11px 13px;font-size:.92rem;margin-bottom:4px}.feedback{margin-top:16px}.dims{display:grid;grid-template-columns:1fr;gap:10px}.dim{padding:14px}.dim-head{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:4px}.dim p{margin:0;font-size:.85rem;color:var(--muted)}.score{display:inline-flex;gap:3px}.dot-score{width:9px;height:9px;border-radius:50%;background:var(--border)}.dot-score.on{background:var(--accent)}.improved{margin-top:10px}.improved h4{margin:0 0 8px}.improved pre{white-space:pre-wrap;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:.88rem;margin:0 0 10px;font-family:ui-monospace,Cascadia Code,monospace}.general{margin-top:12px}.mod-list{display:flex;flex-direction:column;gap:12px}.mod-card{display:flex;align-items:center;gap:14px;padding:16px;text-decoration:none;color:inherit;transition:border-color .15s}.mod-card:hover{border-color:var(--primary)}.mod-num{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;font-weight:800;font-size:1.2rem;background:linear-gradient(135deg,var(--primary),#9b7bff);color:#fff}.mod-body{flex:1;min-width:0}.mod-body h4{margin:0 0 2px}.mod-body p{margin:0 0 8px;font-size:.85rem;color:var(--muted)}.progress.slim{height:5px;margin:0 0 5px}.mod-progress{font-size:.78rem;color:var(--muted)}.mod-title{margin:0 0 12px;font-size:1.3rem}.lecciones-nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.chip.done{color:var(--accent);border-color:#36d39966}.leccion{padding:22px}.leccion-num{margin:0 0 4px;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.leccion h3{margin:0 0 14px;font-size:1.15rem}.leccion .md{font-size:.95rem}.leccion-acciones{display:flex;justify-content:space-between;gap:10px;margin:16px 0 10px}.leccion-acciones .primary{margin-left:auto}.quiz{display:flex;flex-direction:column;gap:12px;margin:14px 0}.question{padding:16px}.question.right{border-color:#36d39966}.question.wrong{border-color:#ff6b6b66}.q-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.q-num{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--bg-soft);font-size:.8rem;font-weight:700}.q-mod{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.q-text{font-weight:600;margin:0 0 12px}.opciones{display:flex;flex-direction:column;gap:8px}.opcion{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:10px;cursor:pointer}.opcion:hover{border-color:#34436a}.opcion.selected{border-color:var(--primary);background:#5b8cff14}.opcion.correct{border-color:var(--accent);background:#36d3991a}.opcion.incorrect{border-color:var(--danger);background:#ff6b6b1a}.opcion input{width:auto;margin-top:3px}.q-explain{font-size:.85rem;color:var(--muted);margin:10px 0 0}.result-banner{text-align:center;padding:22px;margin-bottom:14px}.result-banner.ok{border-color:var(--accent)}.result-banner.no{border-color:var(--warn)}.result-banner p{color:var(--muted);margin:4px 0 10px}.primary.big{width:100%;margin-top:8px;padding:14px}.certificate{text-align:center;padding:34px 28px;margin-top:8px;border:2px solid var(--border);background:linear-gradient(160deg,var(--card),var(--card-2))}.cert-seal{width:56px;height:56px;margin:0 auto 10px;display:grid;place-items:center;border-radius:50%;font-size:1.6rem;color:#fff;background:linear-gradient(135deg,var(--primary),#9b7bff)}.cert-pre{color:var(--muted);margin:4px 0;font-size:.9rem}.cert-title{font-size:1.9rem;margin:2px 0;font-weight:800;background:linear-gradient(135deg,var(--primary-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.cert-name{font-size:1.4rem;font-weight:700;margin:6px 0 10px}.cert-desc{max-width:420px;margin:0 auto 16px;color:var(--muted);font-size:.92rem}.cert-meta{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;font-size:.92rem}.cert-id{margin-top:14px;font-family:ui-monospace,monospace;color:var(--muted);font-size:.78rem}@media (min-width: 640px){.grid{grid-template-columns:1fr 1fr}.hero h2{font-size:1.8rem}.big-number{font-size:4.2rem}.dims{grid-template-columns:1fr 1fr}}@media print{body{background:#fff}body *{visibility:hidden}.printable,.printable *{visibility:visible}.printable{position:absolute;left:0;top:0;width:100%;background:#fff;color:#111;border:2px solid #333;box-shadow:none}.printable .cert-title{-webkit-text-fill-color:#1a1a1a;color:#1a1a1a}.printable .cert-pre,.printable .cert-desc,.printable .cert-id,.printable .cert-meta{color:#444}.no-print{display:none!important}}