:root{--fondo: #0b1220;--panel: #151e2e;--panel2: #1e293b;--borde: #273449;--texto: #e2e8f0;--texto2: #94a3b8;--texto3: #64748b;--acento: #38bdf8;--ambar: #f59e0b;--ok: #22c55e;--mal: #ef4444;--violeta: #a78bfa;--lcd: #b5e48c;--lcd-texto: #14532d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--fondo);color:var(--texto);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--panel2);border:1px solid var(--borde);border-radius:8px;padding:6px 12px;cursor:pointer;color:var(--texto)}button:hover{border-color:var(--acento)}button.primario{background:var(--acento);color:#0b1220;font-weight:700;border-color:transparent}button.peligro{background:#7f1d1d;border-color:#b91c1c}button.activo{background:#0ea5e9;color:#0b1220;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{background:#0b1220;border:1px solid var(--borde);border-radius:8px;padding:7px 10px;width:100%}textarea{min-height:80px;resize:vertical}a{color:var(--acento)}h1,h2,h3{margin:0 0 8px}h2{font-size:16px}h3{font-size:14px;color:var(--texto2);font-weight:600}.barra{height:52px;background:#0b1220;border-bottom:1px solid var(--borde);display:flex;align-items:center;gap:16px;padding:0 16px;position:sticky;top:0;z-index:5}.barra .logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px}.barra .logo i{width:18px;height:18px;border-radius:50%;background:var(--acento);display:inline-block}.barra .espacio{flex:1}.chip{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--panel2);border:1px solid var(--borde);font-size:12px;color:var(--texto2)}.chip.ambar{background:var(--ambar);color:#0b1220;font-weight:700;border-color:transparent}.chip.ok{background:#14532d;color:#bbf7d0}.chip.mal{background:#7f1d1d;color:#fecaca}.chip.azul{background:#0c4a6e;color:#bae6fd}.contenido{padding:16px;max-width:1500px;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--borde);border-radius:14px;padding:14px}.fila{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.grilla{display:grid;gap:12px}.puesto{display:grid;grid-template-columns:64px minmax(520px,1fr) 360px;gap:12px;align-items:start}@media (max-width: 1200px){.puesto{grid-template-columns:64px 1fr!important}.puesto .derecha{grid-column:1 / -1}}@media (min-width: 1201px){.puesto .derecha{position:sticky;top:62px;max-height:calc(100vh - 72px);overflow-y:auto;padding-right:4px}.puesto .caja-herr{position:sticky;top:62px}}.caja-herr{display:flex;flex-direction:column;gap:6px}.caja-herr button{width:56px;height:56px;padding:0;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.caja-herr button b{font-size:15px}.esquema{background:#0f172a;border-radius:12px;border:1px solid var(--borde);position:relative}.esquema svg{width:100%;height:auto;display:block}.nota{color:var(--texto3);font-size:12px}.error{background:#7f1d1d;color:#fecaca;padding:8px 12px;border-radius:8px}.aviso{background:#78350f;color:#fde68a;padding:8px 12px;border-radius:8px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--borde);font-size:13px}th{color:var(--texto2);font-weight:600}.mono{font-family:ui-monospace,Consolas,Courier New,monospace}.lcd{background:linear-gradient(#d9f99d,#a3e635);color:var(--lcd-texto);border-radius:8px;padding:8px 12px;font-family:ui-monospace,Consolas,monospace;min-height:70px;border:2px solid #365314}.lcd .valor{font-size:40px;font-weight:700;text-align:right;line-height:1}.lcd .unidad{text-align:right;font-weight:700}.lcd .nota{color:#3f6212;font-size:11px}.selector{width:200px;height:200px;margin:0 auto}.tarjeta-puesto{background:var(--panel2);border:1px solid var(--borde);border-radius:12px;padding:10px;cursor:pointer}.tarjeta-puesto.sel{border-color:var(--acento)}.tarjeta-puesto.ok{border-left:4px solid var(--ok)}.tarjeta-puesto.ambar{border-left:4px solid var(--ambar)}.tarjeta-puesto.mal{border-left:4px solid var(--mal)}.pestanas{display:flex;gap:4px;border-bottom:1px solid var(--borde);margin-bottom:10px}.pestanas button{border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:8px 12px;color:var(--texto2)}.pestanas button.activo{color:var(--texto);border-bottom-color:var(--acento);background:transparent;font-weight:600}.login{max-width:380px;margin:80px auto}.registro{max-height:260px;overflow:auto;font-size:12px}.tutor-msg{background:#0b1220;border:1px solid #1e3a5f;border-radius:10px;padding:10px;white-space:pre-wrap}.pin{cursor:pointer}.pin:hover{stroke:#fff;stroke-width:2}.cable:hover{stroke-width:5;cursor:pointer}.comp{cursor:pointer}.comp:hover rect{stroke:var(--acento)}.leyenda{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--texto2)}.leyenda i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}h1{font-size:22px}.puesto{grid-template-columns:64px minmax(520px,1fr) 380px}details>summary{cursor:pointer;color:var(--texto2);font-size:13px;-webkit-user-select:none;user-select:none}details>summary:hover{color:var(--texto)}.explica{background:#0e1a2b;border:1px solid #1e3a5f;border-radius:10px;padding:9px 12px;font-size:13px;line-height:1.45;color:#cbd5e1}.explica b{color:#e2e8f0}button.grande{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:9px 14px;width:100%}button.grande b{font-size:14px}button.grande small{color:var(--texto2);font-size:12px;font-weight:400}button.grande.activo small{color:#0b1220}button.grande.verde{border-color:#166534;background:#0f2a1b}button.grande.verde:hover{border-color:var(--ok)}button.grande.verde.activo{background:var(--ok)}.grande.estatico{padding:9px 14px;border:1px dashed var(--borde);border-radius:8px;display:flex;flex-direction:column;gap:2px}.grande.estatico small{color:var(--texto2);font-size:12px}.motor3d{position:relative;border-radius:12px;border:1px solid var(--borde);background:#0a0f16;overflow:hidden}.motor3d-lienzo{width:100%;height:clamp(360px,52vh,560px)}.motor3d-etiquetas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.etq{position:absolute;left:0;top:0;pointer-events:auto;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;background:#0b1220d1;border:1px solid rgba(148,163,184,.35);color:#cbd5e1;will-change:transform}.etq:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:9px;background:#94a3b899}.etq.activa{background:#0c4a6e;border-color:var(--acento);color:#fff;z-index:3;font-weight:700}.etq.sel{background:#0e7490;border-color:#67e8f9}.etq i{width:16px;height:16px;border-radius:50%;border:1.5px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:800;color:#fff}.etq b{color:#fbbf24}.motor3d-barra{position:absolute;left:8px;right:8px;top:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.motor3d-barra button,.motor3d-fuera button{font-size:12px;padding:4px 10px;background:#151e2ed9}.motor3d-barra button.activo,.motor3d-fuera button.activo{background:#0ea5e9}.motor3d-estado{position:absolute;left:10px;bottom:34px;display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700;background:#0b1220c7;padding:5px 12px;border-radius:999px;border:1px solid var(--borde)}.luz{width:10px;height:10px;border-radius:50%;background:#475569;display:inline-block}.luz.verde{background:var(--ok);box-shadow:0 0 8px var(--ok)}.luz.ambar{background:var(--ambar);box-shadow:0 0 8px var(--ambar)}.motor3d-pie{position:absolute;left:0;right:0;bottom:0;display:flex;gap:12px;justify-content:space-between;padding:6px 12px;font-size:12px;color:var(--texto2);background:linear-gradient(transparent,#05080de6);pointer-events:none}.motor3d-pie b{color:#67e8f9}.motor3d-fuera{position:absolute;right:8px;bottom:30px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:60%}.pestanas.laminas{margin-bottom:0}.pieza-select{width:190px;font-size:12px;padding:4px 8px;background:#151e2ee6}.control-motor{display:grid;grid-template-columns:250px 1fr;column-gap:14px;align-items:center;padding:10px 14px}.control-motor .tablero{width:100%}.control-lado{gap:8px;min-width:0}.llave-fila{display:flex;gap:10px;align-items:center}.llave{width:62px;height:62px;flex:none}.llave-botones{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:1}button.chico{font-size:12px;padding:3px 10px}@media (max-width: 900px){.control-motor,.llave-botones{grid-template-columns:1fr}}.instrumento{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.aparato{width:100%;max-width:300px;flex:1 1 240px;margin:0 auto;-webkit-user-select:none;user-select:none}.aparato.chico{max-width:200px}.aparato.ancho{max-width:340px}.instrumento-lado{flex:1 1 240px;min-width:0}.lectura-grande{font-family:ui-monospace,Consolas,monospace;background:#0b1220;border:1px solid var(--borde);border-radius:10px;padding:6px 12px;text-align:right}.lectura-grande span{font-size:30px;font-weight:800;color:#a7f3d0}.lectura-grande small{font-size:16px;color:var(--texto2);font-weight:700}button.punta{display:flex;align-items:center;gap:10px;text-align:left;width:100%;font-size:13px}button.punta span{overflow:hidden;text-overflow:ellipsis}ol.pasos{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--texto2)}ol.pasos li.ok{color:#86efac}ol.pasos li.ok::marker{content:"✔  "}ol.pasos li.mal{color:#fca5a5}button.cable-op{display:flex;align-items:center;gap:8px;text-align:left;font-size:12px}button.cable-op i,.cable-fila i,.terminal i,.elegir-sonda i{width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.5);display:inline-block;flex:none}.osc-mano{max-width:360px;width:100%;margin:0 auto;background:linear-gradient(135deg,#4a4f58,#23262b);border-radius:26px;padding:10px 12px 12px;border:5px solid #e9a800;box-shadow:0 8px 18px #0000008c,inset 0 1px #ffffff26;-webkit-user-select:none;user-select:none}.osc-bornes{display:flex;align-items:center;gap:12px;padding:0 4px 8px}.osc-bornes b{margin-left:auto;font-size:8.5px;letter-spacing:1.2px;color:#cbd5e1}.osc-borne{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:8.5px;font-weight:800}.osc-borne i{width:18px;height:18px;border-radius:50%;border:3px solid;box-shadow:0 0 0 2px #9aa0a8;display:block}.osc-pantalla{background:#05070a;border-radius:10px;padding:6px;box-shadow:inset 0 0 0 2px #0b0c0e}.osc-pantalla canvas{width:100%;display:block;border-radius:5px}.osc-rotulos{display:flex;justify-content:space-between;gap:6px;font-family:ui-monospace,Consolas,monospace;font-size:10.5px;font-weight:700;color:#e2e8f0;padding:1px 3px 5px;white-space:nowrap}.osc-teclado{width:100%;display:block;margin-top:8px}.medidas{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--texto2)}.medidas b{color:var(--texto);font-family:ui-monospace,Consolas,monospace}.scan{max-width:900px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.scan-marco{width:100%;background:linear-gradient(160deg,#3a3f47,#16181c);border-radius:26px;padding:12px 16px 10px;border:4px solid #b91c1c;box-shadow:0 10px 22px #0000008c,inset 0 1px #ffffff1f}.scan-barra{display:flex;align-items:center;gap:12px;background:#0a1322;border-radius:8px 8px 0 0;padding:6px 12px;font-size:12px;color:#cbd5e1;border:2px solid #05080d;border-bottom:none}.scan-barra>b{letter-spacing:1.5px;font-size:11px;color:#fff}.scan-ruta{flex:1;color:#7dd3fc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-estado{font-family:ui-monospace,Consolas,monospace;font-weight:700;color:#a7f3d0}.scan-vci{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.8px;color:#94a3b8}.scan-vci i{width:9px;height:9px;border-radius:50%;background:#475569}.scan-vci.on{color:#86efac}.scan-vci.on i{background:var(--ok);box-shadow:0 0 8px var(--ok)}.scan-pantalla{position:relative;background:linear-gradient(#0d1b30,#0a1424);border:2px solid #05080d;border-top:1px solid #1e3a5f;border-bottom:none;padding:14px;min-height:330px;max-height:560px;overflow:auto}.scan-pantalla h2{font-size:18px;margin:0}.scan-texto{color:#9fb3c8;font-size:13px;line-height:1.45}.scan-texto b{color:#e2e8f0}.scan-centro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:18px 10px;max-width:560px;margin:0 auto}.scan-alerta{width:54px;height:54px;border-radius:50%;background:#7f1d1d;color:#fecaca;font-size:32px;font-weight:800;display:flex;align-items:center;justify-content:center}button.scan-boton{background:#0ea5e9;color:#04121f;font-weight:800;border:none;border-radius:10px;padding:12px 22px;font-size:15px}button.scan-boton.rojo{background:#dc2626;color:#fff}button.scan-sec{background:#16263d;border:1px solid #27466e;border-radius:9px;padding:7px 14px;color:#e2e8f0}button.scan-sec.rojo{border-color:#b91c1c;color:#fecaca}button.scan-sec.activo{background:#0ea5e9;color:#04121f;font-weight:700}.scan-ocupado{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#060c16d1;display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;color:#e2e8f0}.scan-rueda{width:22px;height:22px;border-radius:50%;border:3px solid #1e3a5f;border-top-color:#38bdf8;animation:scan-gira .8s linear infinite}@keyframes scan-gira{to{transform:rotate(360deg)}}.scan-vehiculo{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.scan-vehiculo>div{background:#0f2238;border:1px solid #1e3a5f;border-radius:10px;padding:8px 12px;display:flex;flex-direction:column}.scan-vehiculo small{color:#7b93ad;font-size:11px}.scan-vehiculo b{font-size:13px}.scan-lista{display:flex;flex-direction:column;gap:6px}.scan-fila{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:#10233a;border:1px solid #1e3a5f;border-radius:12px;padding:10px 12px;color:#e2e8f0}button.scan-fila:hover{border-color:#38bdf8;background:#13304d}.scan-fila.estatica{cursor:default}.scan-fila-texto{flex:1;display:flex;flex-direction:column;min-width:0}.scan-fila-texto b{font-size:14px}.scan-fila-texto small{color:#8aa2bb;font-size:12px}.scan-fila-texto small.ok{color:#86efac}.scan-fila-texto small.mal{color:#fca5a5}.scan-icono{width:38px;height:38px;border-radius:10px;background:#173353;display:flex;align-items:center;justify-content:center;font-size:19px;color:#7dd3fc;flex:none}.scan-flecha{color:#5b7896;font-size:22px}.scan-codigo{font-family:ui-monospace,Consolas,monospace;font-weight:800;font-size:17px;color:#fde68a;background:#2a2208;border:1px solid #6b5514;border-radius:8px;padding:4px 9px;flex:none}.scan-pill{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.scan-pill.ok{background:#14532d;color:#bbf7d0}.scan-pill.mal{background:#7f1d1d;color:#fecaca}.scan-pill.ambar{background:#78350f;color:#fde68a}.scan-detalle{background:#0b1a2c;border-left:3px solid #fde68a;border-radius:0 10px 10px 0;padding:10px 12px;margin:-2px 0 2px 14px;display:flex;flex-direction:column;gap:8px;font-size:13px}.scan-detalle small{color:#8aa2bb}.scan-congelado{display:flex;flex-wrap:wrap;gap:8px}.scan-congelado span{background:#10233a;border:1px solid #1e3a5f;border-radius:8px;padding:4px 10px;display:flex;flex-direction:column}.scan-congelado b{font-family:ui-monospace,Consolas,monospace}.scan-vacio{padding:18px;text-align:center;color:#86efac;background:#0d2b22;border-radius:10px}.scan-confirmar{background:#2a0f0f;border:1px solid #b91c1c;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#fecaca}.scan-mosaico{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}button.scan-mos{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background:#10233a;border:1px solid #1e3a5f;border-radius:14px;padding:14px;min-height:128px;color:#e2e8f0}button.scan-mos:hover{border-color:#38bdf8;background:#13304d}button.scan-mos span{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#06101d}button.scan-mos b{font-size:15px}button.scan-mos small{color:#8aa2bb;font-size:12px;line-height:1.35}.scan-tabla{display:flex;flex-direction:column;border:1px solid #1e3a5f;border-radius:10px;overflow:hidden}.scan-tabla-cab,.scan-tabla-fila{display:grid;grid-template-columns:26px minmax(160px,1fr) 90px 60px minmax(90px,150px);gap:8px;align-items:center;padding:6px 10px;font-size:13px}.scan-tabla-cab{background:#0f2238;color:#7b93ad;font-size:11px;text-transform:uppercase;letter-spacing:.6px}.scan-tabla-fila{border-top:1px solid #142a44;cursor:pointer}.scan-tabla-fila:hover{background:#0f2238}.scan-tabla-fila input{width:16px;height:16px;padding:0}.scan-tabla-fila b{font-family:ui-monospace,Consolas,monospace;font-size:15px;text-align:right;color:#a7f3d0}.scan-tabla-fila small{color:#7b93ad;font-family:ui-monospace,Consolas,monospace;font-size:11px}.scan-tabla-fila.sust b,.scan-tabla-fila.sust small{color:#fbbf24}.scan-grafico{background:#06101d;border:1px solid #1e3a5f;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px}.scan-grafico canvas{width:100%;display:block;border-radius:6px}.scan-leyenda{font-size:12px;color:#cbd5e1;display:inline-flex;align-items:center;gap:6px}.scan-leyenda i{width:12px;height:4px;border-radius:2px;display:inline-block}.scan-leyenda b{font-family:ui-monospace,Consolas,monospace}.scan-leyenda small{color:#7b93ad}.scan-teclas{display:flex;align-items:center;gap:8px;background:#0a1322;border:2px solid #05080d;border-top:1px solid #1e3a5f;border-radius:0 0 8px 8px;padding:6px 8px}.scan-teclas button{background:#16263d;border:1px solid #27466e;border-radius:8px;padding:6px 14px;font-size:13px}.scan-titulo{margin-left:auto;color:#7b93ad;font-size:12px;padding-right:6px}.scan-cable{width:16px;height:22px;background:#0b0c0e;border-radius:0 0 6px 6px;position:relative}.scan-cable i{position:absolute;left:5px;top:18px;width:6px;height:18px;background:#0b0c0e;border-radius:0 0 4px 4px}.ficha-pieza{border-color:#155e75}.ficha-cuerpo{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.conector{width:100%;flex:0 1 auto;background:#0f172a;border-radius:10px;border:1px solid var(--borde)}.terminales{display:flex;flex-direction:column;gap:4px;max-height:330px;overflow:auto}button.terminal{display:flex;align-items:center;gap:8px;text-align:left;padding:5px 10px;font-size:13px}button.terminal b{min-width:48px;font-family:ui-monospace,Consolas,monospace;font-size:12px}button.terminal small{color:var(--texto3);margin-left:auto;font-size:11px;text-align:right}button.terminal.activo small{color:#0b1220}button.terminal em{font-style:normal;width:18px;height:18px;border-radius:50%;border:1.5px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex:none}.elegir-sonda{display:flex;gap:6px;flex-wrap:wrap;align-items:center;background:#0c4a6e;border-radius:8px;padding:6px 8px}.elegir-sonda button{display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 9px}.elegir-sonda button.sugerida{border-color:#67e8f9;font-weight:700}.elegir-sonda .nota{color:#bae6fd}.cable-fila{font-size:13px;padding:3px 0}.ayuda-boton{position:fixed;right:18px;bottom:18px;z-index:30;background:var(--acento);color:#0b1220;font-weight:800;border:none;border-radius:999px;padding:10px 18px;font-size:15px;box-shadow:0 6px 18px #00000080}.ayuda-boton b{display:inline-flex;width:22px;height:22px;border-radius:50%;background:#0b1220;color:var(--acento);align-items:center;justify-content:center;margin-right:6px}.ayuda-panel{position:fixed;right:0;top:52px;bottom:0;width:min(430px,100vw);z-index:29;background:#0f1726;border-left:1px solid var(--borde);padding:16px 16px 80px;overflow:auto;display:flex;flex-direction:column;gap:10px;box-shadow:-12px 0 30px #00000073}.tema{background:var(--panel);border:1px solid var(--borde);border-radius:12px;padding:12px;font-size:13px;line-height:1.45}.tema ol{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.cuidado{margin-top:8px;color:#fde68a}.glosario dt{font-weight:700;margin-top:10px}.glosario dd{margin:2px 0 0;color:var(--texto2);font-size:13px;line-height:1.45}.guia{background:#0d2b22;border:1px solid #166534;border-radius:12px;padding:10px 14px}.guia ol{margin:8px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--texto2)}.guia li.ok{color:#86efac;text-decoration:line-through;text-decoration-color:#86efac66}.guia li.actual{color:#fff;font-weight:700}.guia-paso{font-size:15px;color:#fff}.guia details{margin-top:4px}.libre{border-color:#155e75;background:linear-gradient(135deg,#10202e,#151e2e 60%)}.libre-opciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;align-items:start}.aviso.alta-tension{background:#7c2d12;color:#fed7aa;border-left:5px solid #f97316;font-size:13px}.vehiculos{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}button.vehiculo{display:grid;grid-template-columns:64px 1fr;column-gap:10px;align-items:center;text-align:left;padding:8px 12px}button.vehiculo svg{grid-row:1 / 3}button.vehiculo b{font-size:15px;align-self:end}button.vehiculo small{color:var(--texto2);font-size:12px;align-self:start}button.vehiculo.activo{background:#0c4a6e;border-color:var(--acento);color:#fff;font-weight:400}button.vehiculo.activo small{color:#bae6fd}.pieza-real{flex:0 0 250px;display:flex;flex-direction:column;align-items:center;gap:2px;background:radial-gradient(circle at 50% 40%,#24344d,#0f172a 75%);border:1px solid var(--borde);border-radius:10px;padding-bottom:4px}.pieza-real-lienzo{width:250px;height:210px}.pieza-real small{color:var(--texto3);font-size:11px}.ficha-cuerpo>.conector{flex:0 1 300px}.motores{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:8px}button.motor-op{display:flex;align-items:center;gap:12px;text-align:left;padding:8px 12px}button.motor-op>span:last-child{display:flex;flex-direction:column;min-width:0}button.motor-op b{font-size:13.5px}button.motor-op small{color:var(--texto2);font-size:12px;font-weight:400}button.motor-op .cil{flex:none;width:46px;height:46px;border-radius:10px;background:#0b1220;border:1px solid var(--borde);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#7dd3fc;line-height:1}button.motor-op .cil i{font-style:normal;font-size:8.5px;font-weight:600;color:var(--texto2);margin-top:2px}button.motor-op.activo{background:#0c4a6e;border-color:var(--acento);color:#fff;font-weight:400}button.motor-op.activo small{color:#bae6fd}.motor3d-marca{position:absolute;left:0;top:0;border-radius:50%;border:3px solid #67e8f9;box-shadow:0 0 0 3px #082f498c,0 0 18px #22d3ee,inset 0 0 14px #22d3ee59;pointer-events:none;animation:marca-late 1.4s ease-in-out infinite;will-change:transform}@keyframes marca-late{0%,to{opacity:1;outline:0 solid rgba(103,232,249,.5)}50%{opacity:.65;outline:9px solid rgba(103,232,249,0)}}.etq.activa{font-size:13px;padding:4px 11px}.grupo-motores{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--texto2);margin-top:6px}button.entrada-vt{display:flex;align-items:center;gap:16px;text-align:left;width:100%;padding:14px 18px;border-color:#0e7490;background:linear-gradient(90deg,#0e749040,#0f172a33);cursor:pointer}button.entrada-vt:hover{border-color:var(--acento)}button.entrada-vt>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}button.entrada-vt b{font-size:17px}button.entrada-vt small{color:var(--texto2);font-size:13px;font-weight:400}.vt-opciones{display:flex;flex-wrap:wrap;gap:14px 28px}button.vt-op{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px;max-width:250px;text-align:left}button.vt-op b{font-size:14px}button.vt-op small{color:var(--texto2);font-size:11.5px;font-weight:400;line-height:1.3}button.vt-op.activo{background:#0c4a6e;border-color:var(--acento);color:#fff}button.vt-op.activo small{color:#bae6fd}.vt-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:14px;align-items:start}@media (max-width: 1100px){.vt-cuerpo{grid-template-columns:1fr}}.vt-escena{padding:10px;display:flex;flex-direction:column;gap:8px;position:sticky;top:8px}.vt-barra{flex-wrap:wrap;gap:6px}.vt-lienzo{position:relative;height:min(68vh,720px);min-height:380px;border-radius:10px;overflow:hidden;background:#0b1220;cursor:grab}.vt-lienzo canvas{display:block}.vt-etq{position:absolute;left:0;top:0;pointer-events:none;white-space:nowrap}.vt-pie{font-size:12px}.vt-lado{gap:14px}.vt-ficha h2{margin:0;font-size:18px}.vt-punto{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.vt-sistemas{gap:6px}.vt-sis{border:1px solid var(--borde);border-radius:10px;padding:4px 6px}.vt-sis.apagado{opacity:.55}.vt-sis-cab{gap:8px;flex-wrap:nowrap}button.vt-ojo{flex:none;width:22px;height:22px;padding:0;border-radius:6px;border-width:2px}button.vt-sis-nombre{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;background:transparent;border-color:transparent;padding:4px 6px;text-align:left}button.vt-sis-nombre b{font-size:13.5px}button.vt-sis-nombre small{color:var(--texto2);font-size:11.5px;font-weight:400}.vt-piezas{display:flex;flex-direction:column;gap:3px;padding:4px 0 6px 30px}.vt-piezas button{text-align:left;font-size:13px;padding:5px 9px;background:transparent}.vt-piezas button.activo{background:#0c4a6e;border-color:var(--acento);color:#fff}.led-parpadea{animation:led-parpadeo .45s steps(2,start) infinite}@keyframes led-parpadeo{to{opacity:.25}}.bloques-cursos{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}button.bloque-curso{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;padding:12px 14px;border-left-width:5px;height:100%}button.bloque-curso b{font-size:15px}button.bloque-curso small{color:var(--texto2);font-size:12.5px;font-weight:400;line-height:1.35}button.bloque-curso i{font-style:normal;font-size:12px;color:var(--acento);margin-top:auto}.cursos-grilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}.curso-tarjeta{border-top:4px solid}.barra-progreso{height:8px;border-radius:4px;background:#0b1220;border:1px solid var(--borde);overflow:hidden}.barra-progreso i{display:block;height:100%;border-radius:4px;transition:width .3s}.curso{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start;scroll-margin-top:70px}@media (max-width: 1000px){.curso{grid-template-columns:1fr}}.curso-indice{display:flex;flex-direction:column;gap:8px;position:sticky;top:8px;max-height:calc(100vh - 80px);overflow:auto}@media (max-width: 1000px){.curso-indice{position:static;max-height:320px}}.curso-parte{margin-top:10px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--acento)}.curso-nivel{margin-top:6px;font-size:12.5px;font-weight:700;color:var(--texto2)}button.curso-leccion{display:flex;gap:8px;align-items:flex-start;text-align:left;background:transparent;border-color:transparent;padding:5px 6px;font-size:13px;font-weight:400;line-height:1.3}button.curso-leccion.activo{background:#0c4a6e;border-color:var(--acento);color:#fff}button.curso-leccion i{flex:none;width:16px;height:16px;margin-top:1px;border-radius:50%;border:2px solid #475569;font-style:normal;font-size:10px;line-height:12px;text-align:center;color:#052e16}button.curso-leccion i.vista{border-color:#38bdf8}button.curso-leccion i.ok{background:#22c55e;border-color:#22c55e}.curso-cuerpo{gap:14px;min-width:0}.leccion{gap:14px;padding:22px 26px}.leccion h1{font-size:26px;margin:0;line-height:1.2}.leccion-objetivos,.leccion-resumen{border:1px solid var(--borde);border-radius:10px;padding:10px 14px;background:#0f172a80;font-size:14px}.leccion-objetivos ul,.leccion-resumen ul{margin:6px 0 0;padding-left:20px}.leccion-objetivos li,.leccion-resumen li{margin:3px 0}.leccion-resumen{border-color:#166534;background:#16653426}.lb-texto{font-size:15.5px;line-height:1.62;max-width:78ch}.lb-texto p{margin:0 0 10px}.lb-texto ul,.lb-texto ol{margin:0 0 10px;padding-left:22px}.lb-texto li{margin:4px 0}.lb-clave{display:flex;flex-direction:column;gap:4px;border-left:5px solid var(--acento);background:#0e749038;padding:12px 16px;border-radius:0 10px 10px 0;font-size:16px;line-height:1.5}.lb-clave b,.lb-caja b,.lb-pasos>b{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}.lb-clave b{color:var(--acento)}.lb-caja{display:flex;flex-direction:column;gap:4px;border:1px solid var(--borde);border-radius:10px;padding:10px 14px;font-size:14.5px;line-height:1.55;max-width:82ch}.lb-caja.analogia{border-color:#6d28d9;background:#6d28d91f}.lb-caja.analogia b{color:#c4b5fd}.lb-caja.ejemplo{border-color:#0f766e;background:#0f766e24}.lb-caja.ejemplo b{color:#5eead4}.lb-caja.cuidado{border-color:#b91c1c;background:#b91c1c29}.lb-caja.cuidado b{color:#fca5a5}.lb-caja.error{border-color:#b45309;background:#b4530924}.lb-caja.error b{color:#fcd34d}.lb-formula{display:flex;flex-direction:column;gap:8px;align-items:flex-start;border:1px solid var(--borde);border-radius:10px;padding:12px 16px;background:#0b1220}.lb-formula .expr{font-family:ui-monospace,Consolas,monospace;font-size:22px;font-weight:700;color:#fde68a}.lb-formula .donde{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:14px}.lb-formula .donde>div{display:contents}.lb-formula .donde b{font-family:ui-monospace,Consolas,monospace;color:#fde68a}.lb-tabla{overflow-x:auto}.lb-tabla table{font-size:14px}.lb-tabla th{text-align:left;background:#0b1220}.lb-tabla td,.lb-tabla th{padding:7px 10px;vertical-align:top}.lb-figura{margin:0;display:flex;flex-direction:column;gap:6px;align-items:center}.lb-figura>div{width:100%;max-width:720px;background:#0f172a;border:1px solid var(--borde);border-radius:10px;padding:8px}.lb-figura svg{display:block;width:100%;height:auto}.lb-figura figcaption{font-size:13px;color:var(--texto2);text-align:center;max-width:70ch}.lb-pasos{border:1px solid var(--borde);border-radius:10px;padding:10px 14px;font-size:14.5px;line-height:1.5;max-width:82ch}.lb-pasos>b{color:#7dd3fc}.lb-pasos ol{margin:6px 0 0;padding-left:22px}.lb-pasos li{margin:5px 0}.lb-interactivo{border:1px solid #0e7490;border-radius:12px;padding:12px 14px;background:#082f4959;display:flex;flex-direction:column;gap:10px}.lb-interactivo .cab{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lb-practica{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid #166534;background:#16653429;border-radius:12px;padding:12px 16px}.lb-practica>div{display:flex;flex-direction:column;gap:3px;flex:1;min-width:260px;font-size:14.5px;line-height:1.5}.lb-practica b{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#86efac}.preguntas{gap:14px;padding:18px 22px}.pregunta{display:flex;flex-direction:column;gap:8px;font-size:15px}button.opcion{text-align:left;font-weight:400;font-size:14.5px;padding:8px 12px;line-height:1.4}button.opcion.activo{border-color:var(--acento);background:#0c4a6e;color:#fff}button.bien,button.opcion.bien{border-color:#22c55e!important;background:#22c55e38!important;color:#fff!important}button.mal,button.opcion.mal{border-color:#ef4444!important;background:#ef444433!important;color:#fff!important}.ci{display:flex;flex-direction:column;gap:10px}.ci-dibujo,.ci-pantalla{display:block;width:100%;max-width:720px;height:auto;margin:0 auto;background:#0f172a;border-radius:10px}.ci-pantalla{background:transparent}.ci-controles{display:flex;flex-direction:column;gap:8px}.ci-desl{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:13.5px}.ci-desl input{grid-column:1 / -1;width:100%}.ci-ops{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ci-ops button{font-size:13px;padding:5px 10px;font-weight:400}.ci-ops button.activo{background:#0c4a6e;border-color:var(--acento);color:#fff}.ci-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.ci-dato{border:1px solid var(--borde);border-radius:8px;padding:6px 10px;background:#0b1220;display:flex;flex-direction:column;gap:2px}.ci-dato small{color:var(--texto2);font-size:11.5px}.ci-dato b{font-size:15px}.ci-tarea{font-size:15.5px;line-height:1.45;padding:8px 12px;border-left:4px solid #facc15;background:#facc1514;border-radius:0 8px 8px 0}.ci-campo{display:flex;flex-direction:column;gap:5px;font-size:14px}.ci-ok,.ci-mal{border-radius:8px;padding:8px 12px;font-size:14px;line-height:1.5}.ci-ok{border:1px solid #166534;background:#16653438}.ci-mal{border:1px solid #92400e;background:#92400e33}.ci-perillas{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end}.ci-perillas>div{display:flex;flex-direction:column;gap:4px}.ci-perillas small{color:var(--texto2);font-size:11.5px}.ci-perillas .fila{flex-wrap:nowrap}.ci-perillas .fila b{flex:1;text-align:center}.ci-perillas input[type=range]{width:100%}.flujo{stroke-dasharray:10 6;animation:flujo-corre .7s linear infinite}@keyframes flujo-corre{to{stroke-dashoffset:-16}}.lb-figura figcaption{display:flex;flex-direction:column;align-items:center;gap:6px}button.lb-pausa{font-size:12px;padding:3px 10px;font-weight:400}.lb-figura .a-flujo,.lb-figura .a-flujo-rev{stroke-dasharray:10 8;animation:a-flujo .9s linear infinite}.lb-figura .a-flujo-rev{animation-direction:reverse}.lb-figura .a-lento{animation-duration:2.2s!important}.lb-figura .a-rapido{animation-duration:.4s!important}@keyframes a-flujo{to{stroke-dashoffset:-18}}.lb-figura .a-parpadea{animation:a-parpadea 1.1s ease-in-out infinite}@keyframes a-parpadea{50%{opacity:.2}}.lb-figura .a-late,.lb-figura .a-gira,.lb-figura .a-gira-rev,.lb-figura .a-vibra{transform-box:fill-box;transform-origin:center}.lb-figura .a-late{animation:a-late 1.2s ease-in-out infinite}@keyframes a-late{50%{transform:scale(1.12)}}.lb-figura .a-gira{animation:a-gira 3s linear infinite}.lb-figura .a-gira-rev{animation:a-gira 3s linear infinite reverse}@keyframes a-gira{to{transform:rotate(360deg)}}.lb-figura .a-vibra{animation:a-vibra .25s linear infinite}@keyframes a-vibra{25%{transform:translate(1px,-1px)}75%{transform:translate(-1px,1px)}}.lb-figura [class*=a-paso-]{opacity:.18;animation:a-paso 8s linear infinite}.lb-figura .a-paso-1{animation-delay:0s}.lb-figura .a-paso-2{animation-delay:1.3s}.lb-figura .a-paso-3{animation-delay:2.6s}.lb-figura .a-paso-4{animation-delay:3.9s}.lb-figura .a-paso-5{animation-delay:5.2s}.lb-figura .a-paso-6{animation-delay:6.5s}@keyframes a-paso{0%{opacity:.18}3%{opacity:1}16%{opacity:1}19%{opacity:.18}to{opacity:.18}}.lb-figura.pausada svg *{animation-play-state:paused!important}.perfil{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.perfil.compacto{gap:6px 10px;font-size:12px}.perfil-nivel{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-weight:800;padding:3px 10px;border-radius:999px}.perfil-barra{width:110px;height:8px;border-radius:4px;background:#0b1220;border:1px solid var(--borde);overflow:hidden}.perfil-barra i{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#38bdf8)}.perfil-dato{color:var(--texto2)}.curso-estrellas{margin-left:auto;font-style:normal;color:#facc15;font-size:11px;letter-spacing:1px;flex:none}.dj{padding:0;overflow:hidden;scroll-margin-top:70px}.dj.abierto{border-color:#7c3aed}button.dj-cabecera{width:100%;display:flex;align-items:center;gap:14px;padding:14px 20px;border:0;border-radius:0;text-align:left;background:linear-gradient(90deg,#7c3aed47,#2563eb24)}button.dj-cabecera:hover{background:linear-gradient(90deg,#7c3aed66,#2563eb38)}.dj-icono{font-size:26px}.dj-icono.grande{font-size:54px}.dj-titulo{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dj-titulo b{font-size:17px}.dj-titulo small{color:var(--texto2);font-size:12.5px;font-weight:400}.dj-flecha{color:var(--texto2);font-size:12px}.dj-estrellas i{font-style:normal;color:#334155;font-size:20px}.dj-estrellas i.on{color:#facc15;text-shadow:0 0 10px rgba(250,204,21,.6)}.dj-estrellas.grande i{font-size:58px}.dj-estrellas.grande i.on{animation:dj-estrella .5s cubic-bezier(.2,2.2,.4,1) both}@keyframes dj-estrella{0%{transform:scale(0) rotate(-40deg);opacity:0}}.dj-portada,.dj-juego,.dj-final{padding:18px 22px 22px;gap:14px}.dj-portada{font-size:14.5px;line-height:1.5}.dj-rondas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.dj-ronda-chip{display:flex;gap:10px;align-items:center;border:1px solid var(--borde);border-radius:10px;padding:8px 12px;background:#0b1220}.dj-ronda-chip i{font-style:normal;font-size:22px;width:30px;text-align:center}.dj-ronda-chip span{display:flex;flex-direction:column}.dj-ronda-chip b{font-size:13.5px}.dj-ronda-chip small{color:var(--texto2);font-size:12px}.dj-ajuste{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--texto2);cursor:pointer}button.dj-jugar{align-self:center;font-size:18px;padding:12px 46px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#2563eb);border-color:transparent;color:#fff;box-shadow:0 6px 22px #7c3aed66}button.dj-jugar:hover{filter:brightness(1.15);transform:translateY(-1px)}.dj-marcador{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.dj-progreso{display:flex;gap:5px;flex:1;min-width:120px}.dj-progreso i{flex:1;height:8px;border-radius:4px;background:#1e293b}.dj-progreso i.hecha{background:#7c3aed}.dj-progreso i.actual{background:#38bdf8;animation:a-parpadea 1.2s infinite}.dj-puntos{position:relative;font-size:24px;font-weight:800;font-family:ui-monospace,Consolas,monospace}.dj-puntos small{font-size:12px;font-weight:400;color:var(--texto2);font-family:inherit}.dj-puntos em{position:absolute;right:0;top:-6px;font-style:normal;font-size:16px;animation:dj-sube 1s ease-out forwards;pointer-events:none}.dj-puntos em.sube{color:#4ade80}.dj-puntos em.nada{color:#f87171}@keyframes dj-sube{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-34px)}}.dj-racha{font-size:13px;color:var(--texto2);border:1px solid var(--borde);border-radius:999px;padding:3px 12px}.dj-racha.fuego{color:#fff;border-color:#f97316;background:linear-gradient(90deg,#f9731659,#ef444440)}.dj-intermedio{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 10px;text-align:center;animation:dj-entra .35s ease-out}.dj-intermedio b{font-size:26px}.dj-intermedio small{color:var(--acento);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.dj-intermedio span{color:var(--texto2)}@keyframes dj-entra{0%{opacity:0;transform:translateY(14px) scale(.97)}}.dj-ronda{display:flex;flex-direction:column;gap:12px;animation:dj-entra .3s ease-out}.dj-cuenta{font-size:12px;color:var(--texto2);letter-spacing:.06em;text-transform:uppercase}.dj-tiempo{height:8px;border-radius:4px;background:#0b1220;overflow:hidden}.dj-tiempo i{display:block;height:100%;transition:width .1s linear,background .3s}.dj-enunciado{font-size:20px;line-height:1.4;font-weight:600;text-align:center;padding:16px 12px;border-radius:12px;background:#0b1220;border:1px solid var(--borde)}.dj-enunciado.clasificar{font-size:19px;border-style:dashed}.dj-enunciado.caso{font-size:17px;text-align:left}.dj-hueco{display:inline-block;min-width:70px;text-align:center;border-bottom:3px solid #facc15;color:#facc15;text-decoration:none;margin:0 4px}.dj-opciones{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dj-opciones.n3.completar,.dj-opciones.n3.clasificar{grid-template-columns:repeat(3,1fr)}@media (max-width: 640px){.dj-opciones,.dj-opciones.n3.completar,.dj-opciones.n3.clasificar{grid-template-columns:1fr}}button.dj-ficha{display:flex;align-items:center;gap:12px;min-height:66px;padding:12px 16px;text-align:left;font-size:15.5px;font-weight:600;line-height:1.3;color:#fff;background:var(--c);border:0;border-bottom:5px solid rgba(0,0,0,.3);border-radius:12px;transition:transform .08s,filter .15s,opacity .2s}button.dj-ficha:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}button.dj-ficha:active:not(:disabled){transform:translateY(2px);border-bottom-width:2px}button.dj-ficha i{font-style:normal;font-size:20px;opacity:.85;flex:none;width:22px;text-align:center}button.dj-ficha.apagada{opacity:.28}button.dj-ficha.errada{opacity:.75;outline:3px solid #fff;animation:dj-tiembla .4s}button.dj-ficha.correcta{outline:4px solid #4ade80;box-shadow:0 0 24px #4ade808c;opacity:1}button.dj-ficha:disabled{cursor:default}@keyframes dj-tiembla{20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.tiembla{animation:dj-tiembla .4s;border-color:#ef4444!important}.dj-devolucion{border-radius:12px;padding:12px 16px;font-size:15px;line-height:1.5;display:flex;flex-direction:column;gap:10px;animation:dj-entra .25s ease-out}.dj-devolucion.bien{border:1px solid #16a34a;background:#16a34a29}.dj-devolucion.mal{border:1px solid #d97706;background:#d9770629}.dj-devolucion>b:first-child{font-size:17px}button.dj-seguir{align-self:flex-end;padding:9px 26px;font-size:15px}.dj-orden{display:flex;flex-direction:column;gap:8px}button.dj-paso{display:flex;align-items:center;gap:12px;text-align:left;padding:11px 14px;font-size:15px;font-weight:400;line-height:1.35;border-radius:10px;transition:transform .1s}button.dj-paso:hover{border-color:var(--acento);transform:translate(3px)}button.dj-paso i{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid #475569;font-style:normal;font-weight:800;display:grid;place-items:center}button.dj-paso.puesto{background:#16a34a2e;border-color:#16a34a;cursor:default}button.dj-paso.puesto i{background:#16a34a;border-color:#16a34a;color:#052e16}.dj-parejas{display:grid;grid-template-columns:1fr 1.25fr;gap:12px}.dj-parejas .col{gap:8px}button.dj-par{min-height:52px;padding:9px 12px;text-align:left;font-size:14.5px;font-weight:400;line-height:1.3;border-radius:10px}button.dj-par.elegido{border-color:#facc15;background:#facc1529;color:#fff}button.dj-par.unido{border-color:var(--c);background:color-mix(in srgb,var(--c) 30%,transparent);color:#fff;opacity:1;cursor:default}.dj-caso{display:flex;flex-direction:column;gap:5px;border-left:5px solid #f97316;background:#f973161f;border-radius:0 12px 12px 0;padding:12px 16px;font-size:15px;line-height:1.5}.dj-caso b{font-size:17px}.dj-opciones.caso{grid-template-columns:1fr}button.dj-decision{text-align:left;padding:12px 16px;font-size:15px;font-weight:400;line-height:1.35;border-radius:10px;border-left:5px solid #475569}button.dj-decision:hover:not(:disabled){border-color:var(--acento);transform:translate(3px)}button.dj-decision.correcta{border-color:#16a34a;background:#16a34a33;color:#fff;opacity:1}button.dj-decision.errada{border-color:#d97706;background:#d9770633;color:#fff;opacity:1}button.dj-decision.apagada{opacity:.4}.dj-final{position:relative;align-items:center;text-align:center;overflow:hidden}.dj-final h2{font-size:28px;margin:0}.dj-resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;width:100%}.dj-resumen>div{display:flex;flex-direction:column;gap:2px;border:1px solid var(--borde);border-radius:12px;padding:10px;background:#0b1220}.dj-resumen b{font-size:24px;font-family:ui-monospace,Consolas,monospace}.dj-resumen small{color:var(--texto2);font-size:12px}.dj-repaso{width:100%;text-align:left;border:1px solid var(--borde);border-radius:12px;padding:10px 14px}.dj-repaso summary{cursor:pointer;font-weight:700}.dj-repaso>div{display:flex;flex-direction:column;gap:3px;padding:9px 0;border-top:1px solid var(--borde);margin-top:9px;font-size:14px;line-height:1.45}.dj-repaso span{color:var(--texto2)}.dj-confeti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.dj-confeti i{position:absolute;top:-14px;width:9px;height:15px;border-radius:2px;animation:dj-cae linear forwards}@keyframes dj-cae{to{top:105%;transform:rotate(720deg)}}@media (prefers-reduced-motion: reduce){.dj-confeti{display:none}.dj-ronda,.dj-intermedio,.dj-devolucion{animation:none}}.narrador{position:sticky;top:6px;z-index:5;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--borde);border-radius:12px;background:#0b1220f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.narrador.activo{border-color:#38bdf8;box-shadow:0 4px 18px #38bdf82e}button.narrador-play{font-size:15px;padding:8px 18px}.narrador button{font-size:14px;padding:6px 12px}.narrador-avance{position:relative;font-size:12px;color:var(--texto2);padding-bottom:5px;min-width:70px}.narrador-avance i{position:absolute;left:0;bottom:0;height:3px;border-radius:2px;background:#38bdf8}.narrador-op{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--texto2)}.narrador-op select{font-size:12.5px;max-width:220px}.lb-voz{border-radius:12px;transition:box-shadow .3s,background .3s}.lb-voz.leyendo{box-shadow:0 0 0 3px #38bdf88c;background:#38bdf80f}button.narrador-parar{font-size:15px;padding:8px 18px;background:#b91c1c;border-color:#b91c1c;color:#fff}button.narrador-parar:hover{background:#dc2626}.clase{display:flex;flex-direction:column;gap:10px}.clase.completa{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;padding:12px 18px 14px;background:#060b16}.clase-arriba,.clase-controles{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.clase-arriba b{font-size:17px}.clase:not(.completa) .clase-arriba b{display:none}.clase-escena{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.clase.completa .clase-escena{flex:1;min-height:0}.clase-escena.lb-figura>div{width:100%;max-width:clamp(480px,calc((100vh - 330px) * 16 / 9),1000px);padding:0;border-radius:16px;background:radial-gradient(ellipse at 50% 35%,#16213a,#0b1220 75%)}.clase.completa .clase-escena.lb-figura>div{width:min(100%,calc((100vh - 250px) * 16 / 9));max-width:none}.clase-enpausa{position:absolute;top:14px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:999px;background:#0f172ae6;border:1px solid #38bdf8;font-size:14px}button.clase-empezar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;padding:16px 34px;border-radius:999px;box-shadow:0 8px 30px #38bdf859}.clase-escena [data-f]{opacity:0;transition:opacity .55s ease}.clase-escena [data-f].ver{opacity:1}.clase-escena [data-mov]{transition:transform 1.1s cubic-bezier(.4,0,.2,1)}.clase-escena .traza{stroke-dasharray:1000;stroke-dashoffset:1000}.clase-escena .ver>.traza{animation:c-traza 1.2s ease forwards}@keyframes c-traza{to{stroke-dashoffset:0}}.clase-escena .marco{transition:stroke .4s,fill .4s}.clase-escena .ahora .marco{stroke:#38bdf8;fill:#12284a;stroke-width:3}.clase-texto{min-height:84px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(17px,2.1vw,25px);line-height:1.35;padding:0 4vw}.clase:not(.completa) .clase-texto{font-size:clamp(16px,1.5vw,20px);min-height:60px;padding:0 12px}.clase-texto span{max-width:62ch;animation:c-texto .45s ease}@keyframes c-texto{0%{opacity:0;transform:translateY(8px)}}.clase-avance{display:flex;gap:5px}.clase-avance button{flex:1;height:10px;padding:0;border:0;border-radius:5px;background:#1e293b;overflow:hidden;cursor:pointer}.clase-avance button i{display:block;height:100%;background:#38bdf8}.clase-avance button.hecha i{background:#7c3aed}button.clase-play{font-size:16px;padding:9px 24px;min-width:130px}.clase-fin{min-height:300px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;font-size:18px}.leccion-apoyo{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--borde);font-size:17px;color:var(--texto2)}