:root{--fondo: #1d2126;--panel: #262b31;--panel-2: #2f353c;--texto: #e7eaee;--tenue: #a4adb7;--acento: #f3c300;--acento-osc: #b58f00;--ok: #7fd48a;--peligro: #ff7a6e;--borde: #3b424a;--amarillo: #f3c300;--goma: #1a1b1d;--opcion: #2f353c;--pista: #ffcf6b;--vidrio: #262b31}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--fondo: #e9ecef;--panel: #ffffff;--panel-2: #f3f5f7;--texto: #1f252b;--tenue: #5b6570;--borde: #d3d8de;--acento-osc: #8a6d00;--opcion: #ffffff;--pista: #8a5200;--vidrio: #ffffff}}:root[data-theme=light]{--fondo: #e9ecef;--panel: #ffffff;--panel-2: #f3f5f7;--texto: #1f252b;--tenue: #5b6570;--borde: #d3d8de;--acento-osc: #8a6d00;--opcion: #ffffff;--pista: #8a5200;--vidrio: #ffffff}:root.con-fondo{--panel: rgba(24, 28, 33, .52);--panel-2: rgba(40, 46, 54, .55);--vidrio: rgba(20, 23, 28, .7);--borde: rgba(255, 255, 255, .13);--tenue: #b9c1ca}@media(prefers-color-scheme:light){:root.con-fondo:not([data-theme=dark]){--texto: #1c2227;--tenue: #414b55;--panel: rgba(248, 250, 252, .55);--panel-2: rgba(255, 255, 255, .6);--vidrio: rgba(255, 255, 255, .78);--borde: rgba(20, 30, 40, .16)}}:root.con-fondo[data-theme=light]{--texto: #1c2227;--tenue: #414b55;--panel: rgba(248, 250, 252, .55);--panel-2: rgba(255, 255, 255, .6);--vidrio: rgba(255, 255, 255, .78);--borde: rgba(20, 30, 40, .16)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--fondo);color:var(--texto);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#app{display:flex;min-height:100vh}#fondo{position:fixed;inset:0;width:100%;height:100%;z-index:-1;display:block;opacity:0;transition:opacity 1s}#fondo.listo{opacity:1}:root:not(.con-fondo) #fondo,:root:not(.con-fondo) #btn-fondo{display:none}.fondo-css{width:140vw!important;background-size:cover;background-position:center}.fondo-css.mueve{animation:fondo-desliza 480s ease-in-out infinite alternate}@keyframes fondo-desliza{to{transform:translate(-40vw)}}select option{background:var(--opcion);color:var(--texto)}#zona-equipo{flex:0 0 auto;width:min(46vw,560px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px 8px;position:sticky;top:0;height:100vh}#equipo-escala{flex:1 1 auto;width:100%;display:flex;align-items:center;justify-content:center;min-height:0;position:relative}#equipo{--carcasa: #f3c300;--carcasa-claro: #ffd83a;--carcasa-luz: #ffe066;--carcasa-oscuro: #d9ab00;--carcasa-sombra: #a98200;--carcasa-tinta: #2a2100;position:absolute;left:50%;top:50%;width:344px;height:700px;transform-origin:50% 50%;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}#equipo:before{content:"";position:absolute;inset:0 12px;background:linear-gradient(90deg,#111,#2a2b2e 12%,#1b1c1e,#2a2b2e 88%,#111);border-radius:150px 150px 120px 120px/90px 90px 80px 80px;box-shadow:0 18px 40px #00000073,inset 0 2px 3px #ffffff14}.bisel{position:absolute;inset:10px 24px 12px;background:linear-gradient(160deg,var(--carcasa-claro) 0%,var(--carcasa) 40%,var(--carcasa-oscuro) 100%);border-radius:130px 130px 105px 105px/80px 80px 70px 70px;box-shadow:inset 0 3px 4px #ffffff73,inset 0 -4px 6px #00000040}.cara{position:absolute;inset:16px 14px 18px;background:radial-gradient(120% 70% at 50% 0%,#26282b,#0d0e10 60%);border-radius:115px 115px 92px 92px/66px 66px 58px 58px;box-shadow:inset 0 0 0 2px #000,inset 0 6px 14px #000000b3}.logo-modelo{position:absolute;left:36px;top:64px;color:#eee;font:italic 600 21px/1 Segoe UI,Arial,sans-serif;letter-spacing:.5px}.logo-modelo b{font-size:26px;font-weight:400}.logo-modelo span{font-weight:400;font-size:17px;margin-left:2px}.marca{position:absolute;left:0;right:0;bottom:92px;text-align:center;color:#e9e9e9;font:700 22px/1 Segoe UI,Arial,sans-serif;letter-spacing:3px}.marco-pantalla{position:absolute;left:50%;top:142px;transform:translate(-50%);padding:7px;background:#050505;border-radius:6px;box-shadow:0 0 0 2px #2c2d30,inset 0 0 8px #000}#lcd{display:block;width:216px;height:270px;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:2px;box-shadow:inset 0 0 6px #0006}#stick{position:absolute;right:34px;top:46px;width:64px;height:64px;border-radius:50%;cursor:pointer;touch-action:none}#stick:before{content:"";position:absolute;inset:-16px;border-radius:50%}#stick .aro{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--carcasa-luz),var(--carcasa) 55%,var(--carcasa-sombra) 100%);box-shadow:0 2px 5px #0009,inset 0 -2px 3px #0000004d}#stick .perilla{position:absolute;inset:13px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#555a60,#1c1d1f 70%);box-shadow:inset 0 1px 2px #fff3,0 1px 2px #000;transition:transform .06s}#stick.presionado .perilla{transform:scale(.9)}#stick[data-dir=arriba] .perilla{transform:translateY(-4px)}#stick[data-dir=abajo] .perilla{transform:translateY(4px)}#stick[data-dir=izq] .perilla{transform:translate(-4px)}#stick[data-dir=der] .perilla{transform:translate(4px)}.lateral{position:absolute;top:0;bottom:0;width:24px;z-index:1}.lateral.izq{left:0}.lateral.der{right:0}.btn-lat{position:absolute;width:20px;height:46px;border:0;padding:0;cursor:pointer;background:linear-gradient(90deg,#0c0c0d,#3a3c40 55%,#151517);border-radius:9px;box-shadow:0 2px 3px #0009;touch-action:none}.btn-lat:after{content:"";position:absolute;inset:-5px -14px}.btn-lat.largo{height:60px}.lateral.izq .btn-lat{left:2px}.lateral.der .btn-lat{right:2px;background:linear-gradient(270deg,#0c0c0d,#3a3c40 55%,#151517)}.btn-lat:active,.btn-lat.presionado{transform:translate(3px);filter:brightness(1.3)}.lateral.der .btn-lat:active,.lateral.der .btn-lat.presionado{transform:translate(-3px)}.btn-lat:focus-visible,#stick:focus-visible{outline:2px solid #4da3ff;outline-offset:2px}.rotulos-izq,.rotulos-der{position:absolute;top:0;width:18px;color:var(--carcasa-tinta);font-style:normal}.rotulos-izq{left:1px}.rotulos-der{right:1px}.rotulos-izq i,.rotulos-der i{position:absolute;left:0;width:16px;text-align:center;font:700 11px/1 Arial,sans-serif;font-style:normal}.rotulos-izq i:nth-child(1){top:128px}.rotulos-izq i:nth-child(2){top:186px}.rotulos-izq i.txt{top:272px;transform:rotate(-90deg);font-size:10px;width:30px;left:-7px}.rotulos-der .ico-back{top:145px;width:12px;height:10px;left:2px;border:2px solid var(--carcasa-tinta);border-left:0;border-radius:0 6px 6px 0}.rotulos-der .ico-back:before{content:"";position:absolute;left:-3px;top:-5px;border:4px solid transparent;border-right-color:var(--carcasa-tinta)}.rotulos-der .ico-power{top:235px;width:12px;height:12px;left:2px;border:2px solid var(--carcasa-tinta);border-radius:50%;border-top-color:transparent}.rotulos-der .ico-power:after{content:"";position:absolute;left:3px;top:-5px;width:2px;height:8px;background:var(--carcasa-tinta)}#vista3d{position:absolute;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#vista3d[hidden]{display:none}#vista3d .lienzo3d{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}#vista3d.cargando:after{content:"Cargando el modelo 3D…";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--tenue);font-size:13px}.vista3d-botones{position:absolute;top:6px;left:6px;display:flex;gap:6px;z-index:1}.vista3d-botones button{padding:3px 10px;font-size:12px;opacity:.85}.vista3d-nota{position:absolute;bottom:2px;left:0;right:0;margin:0;text-align:center;font-size:11px;color:var(--tenue);pointer-events:none}.practica-pilas{position:absolute;left:8px;right:8px;bottom:20px;z-index:2;background:#14161ae0;color:#eee;border:1px solid var(--acento);border-radius:8px;padding:8px 12px;font-size:13px;box-shadow:0 6px 18px #00000059}.practica-pilas .titulo{color:var(--acento);font-size:12px}.practica-pilas p{margin:4px 0}.practica-pilas .pista{color:var(--pista)}.practica-pilas .acciones{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.practica-pilas button{padding:4px 10px;font-size:12px}#barra-equipo{display:flex;gap:8px;align-items:center;color:var(--tenue);font-size:12px;min-height:26px}#barra-equipo button{padding:2px 8px}#barra-equipo{position:relative}#btn-color .muestra{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-2px;background:var(--muestra, #f3c300);border:1px solid rgba(0,0,0,.45);box-shadow:inset 0 1px 1px #ffffff59}#paleta{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:5;display:grid;grid-template-columns:repeat(4,34px);gap:8px;padding:10px;background:var(--panel);border:1px solid var(--borde);border-radius:10px;box-shadow:0 8px 24px #00000059}#paleta[hidden]{display:none}#paleta .tono{width:34px;height:34px;padding:0;border-radius:50%;border:2px solid rgba(0,0,0,.35);box-shadow:inset 0 2px 3px #ffffff4d}#paleta .tono.activo{outline:2px solid var(--texto);outline-offset:2px}#paleta .otro{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;color:var(--texto);font-size:12px}#paleta input[type=color]{width:44px;height:28px;padding:0;border:1px solid var(--borde);border-radius:6px;background:none;cursor:pointer}#panel{flex:1 1 auto;min-width:0;background:var(--panel);border-left:1px solid var(--borde);padding:14px 16px 30px;display:flex;flex-direction:column;gap:12px}#ayuda-pantalla{background:var(--panel-2);border:1px solid var(--borde);border-left:4px solid var(--acento);border-radius:8px;padding:8px 12px;min-height:76px}.ayuda-titulo{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--tenue)}#ayuda-texto{margin:2px 0 0}#pestanas{display:flex;gap:4px;border-bottom:1px solid var(--borde)}#pestanas button{background:none;border:0;border-bottom:3px solid transparent;color:var(--tenue);padding:6px 12px;font:inherit;cursor:pointer;border-radius:0}#pestanas button.activa{color:var(--texto);border-bottom-color:var(--acento)}.pestana{display:none;flex-direction:column;gap:10px}.pestana.activa{display:flex}.fila{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--tenue)}label.chk{flex-direction:row;align-items:center;gap:6px;color:var(--texto);font-size:13px}select,button,input[type=number]{font:inherit;color:var(--texto);background:var(--panel-2);border:1px solid var(--borde);border-radius:6px;padding:6px 10px}button{cursor:pointer}button:hover{border-color:var(--acento)}button.peligro{color:var(--peligro)}.boton-archivo{flex-direction:row;align-items:center;color:var(--texto);font-size:14px;background:var(--panel-2);border:1px solid var(--borde);border-radius:6px;padding:6px 10px;cursor:pointer}.boton-archivo input{display:none}h3{margin:8px 0 0;font-size:14px}.nota{color:var(--tenue);font-size:12px;margin:0}.lectura{font:12px/1.5 ui-monospace,Consolas,monospace;color:var(--tenue);white-space:pre-line}#mapa-instructor{width:100%;height:auto;aspect-ratio:600 / 420;border-radius:8px;border:1px solid var(--borde);background:#cfd8c4;cursor:crosshair;touch-action:none}.leyenda{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--tenue)}.lg{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-2px}.lg.verdad{background:#1f6fe0}.lg.gps{background:#e03a2f}.lg.circulo{border:2px solid #e03a2f;background:#e03a2f26}.controles-caminar{align-items:flex-start}.cruceta{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,40px);gap:4px}.cruceta button{padding:0;font-size:18px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.cruceta [data-camina=adelante]{grid-column:2;grid-row:1}.cruceta [data-camina=izq]{grid-column:1;grid-row:2}.cruceta #btn-detener{grid-column:2;grid-row:2}.cruceta [data-camina=der]{grid-column:3;grid-row:2}.cruceta [data-camina=atras]{grid-column:2;grid-row:3}.cruceta button.presionado{background:var(--acento);color:#000}.col{display:flex;flex-direction:column;gap:6px}.tabla-teclas{border-collapse:collapse;font-size:13px;width:100%}.tabla-teclas th,.tabla-teclas td{text-align:left;padding:5px 8px;border-bottom:1px solid var(--borde)}.tabla-teclas th{color:var(--tenue);font-weight:600;font-size:12px}kbd{background:var(--panel-2);border:1px solid var(--borde);border-radius:4px;padding:0 4px;font-size:12px}.leccion{border:1px solid var(--borde);border-radius:8px;background:var(--panel-2)}.leccion>summary{padding:8px 12px;cursor:pointer;display:flex;gap:8px;align-items:baseline}.leccion>summary .num{color:var(--acento-osc);font-weight:700;min-width:22px}.leccion>summary .prog{margin-left:auto;font-size:12px;color:var(--tenue)}.leccion.completa>summary .prog{color:var(--ok)}.leccion .cuerpo{padding:0 12px 12px}.leccion ol{margin:6px 0;padding-left:20px}.leccion li{margin:4px 0}.leccion li.hecho{color:var(--tenue);text-decoration:line-through;text-decoration-color:var(--ok)}.leccion li.hecho::marker{color:var(--ok)}.leccion li.actual{font-weight:600}.leccion .objetivo{color:var(--tenue);margin:4px 0;font-size:13px}.leccion .acciones{display:flex;gap:8px;margin-top:6px}#aviso{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:#111;color:#fff;border:1px solid var(--acento);padding:10px 16px;border-radius:8px;max-width:90vw;box-shadow:0 6px 20px #0006;z-index:10}@media(max-width:900px){#app{flex-direction:column}#zona-equipo{width:100%;height:78vh;position:relative;padding:8px 4px 4px}#panel{border-left:0;border-top:1px solid var(--borde);padding:12px 16px 30px}}body.solo-equipo #panel{display:none}body.solo-equipo #zona-equipo{width:100%;height:100vh}.con-fondo #panel{-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15)}.con-fondo #barra-equipo{background:var(--vidrio);border:1px solid var(--borde);border-radius:999px;padding:3px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--texto)}.vista3d-nota{left:50%;right:auto;transform:translate(-50%);width:max-content;max-width:94%;background:var(--vidrio);border-radius:999px;padding:1px 10px;color:var(--texto);opacity:.85}.vista3d-botones button,.con-fondo #paleta,.con-fondo #aviso,.practica-pilas{background:var(--vidrio);color:var(--texto);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.practica-pilas{border-color:var(--acento)}