:root{--casco: #ffc61a;--casco-osc: #e0a500;--chaleco: #e8202a;--uniforme: #1d5fe0;--uniforme-osc: #1747a8;--marino: #22305e;--melena: #c2541a;--verde: #1f9d55;--verde-osc: #157a41;--verde-claro: #d7f5e3;--rojo: #e5484d;--rojo-osc: #b8363a;--rojo-claro: #ffe1e1;--amarillo: #ffc21a;--naranja: #ff8a1f;--azul: #1c8ee6;--texto: #2b2f36;--suave: #6b7280;--borde: #e3e6ea;--fondo: #ffffff;--fondo-2: #f6f7f9}*{box-sizing:border-box}html,body{margin:0}html{scroll-padding-top:72px}body{font-family:Nunito,system-ui,sans-serif;font-weight:700;color:var(--texto);background:var(--fondo)}button{font:inherit;cursor:pointer}button:disabled{cursor:default}.boton{border:2px solid var(--borde);border-bottom-width:5px;background:#fff;color:var(--texto);padding:12px 22px;border-radius:16px;text-transform:uppercase;letter-spacing:.5px;font-weight:900;min-width:160px;transition:transform .05s}.boton:active:not(:disabled){transform:translateY(3px);border-bottom-width:2px}.boton.primario{background:var(--uniforme);border-color:var(--uniforme-osc);color:#fff}.pie-leccion.ok .boton.primario{background:var(--verde);border-color:var(--verde-osc)}.boton.peligro{background:var(--rojo);border-color:var(--rojo-osc);color:#fff}.boton:disabled{background:#e5e7eb;border-color:#d1d5db;color:#9ca3af}.enlace{background:none;border:none;color:var(--azul);font-weight:800;padding:8px}.bienvenida{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;text-align:center}.bienvenida h1{font-size:56px;color:var(--marino);margin:8px 0 0;font-weight:900}.lema{max-width:440px;color:var(--suave);font-size:18px}.botones-columna,.formulario{display:flex;flex-direction:column;gap:12px;width:min(340px,100%);margin-top:12px}.formulario label{display:flex;flex-direction:column;gap:6px;text-align:left;font-size:14px;color:var(--suave)}.formulario input{font:inherit;padding:12px 14px;border:2px solid var(--borde);border-radius:12px;background:var(--fondo-2);color:var(--texto)}.formulario input:focus-visible{outline:3px solid var(--uniforme);outline-offset:1px;border-color:var(--uniforme)}.nota{color:var(--suave);font-size:14px}.error{color:var(--rojo);font-size:14px}.app{min-height:100vh;display:flex;flex-direction:column}.barra{min-height:58px;position:sticky;top:0;z-index:5;background:#fff;border-bottom:2px solid var(--borde);display:flex;align-items:center;gap:16px;padding:8px 20px;flex-wrap:wrap}.marca{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:900;color:var(--marino)}.contadores{margin-left:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.contador{font-weight:900;font-size:16px;white-space:nowrap}.racha{color:#c2410c}.xp{color:#8a6100}.vidas{color:var(--rojo-osc)}.meta{width:90px;height:12px;border-radius:99px;background:var(--borde);overflow:hidden}.meta-relleno{height:100%;background:var(--casco);transition:width .4s}.pie{color:var(--suave);font-size:12px;text-align:center;padding:16px;border-top:2px solid var(--borde);font-weight:600}.leccion{min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}.leccion-arriba{display:flex;align-items:center;gap:16px;width:min(1000px,100%);margin:0 auto;padding:24px 16px 0}.cerrar{background:none;border:none;font-size:24px;color:var(--suave)}.progreso{flex:1;height:16px;border-radius:99px;background:var(--borde);overflow:hidden}.progreso div{height:100%;background:var(--casco);border-radius:99px;transition:width .35s;box-shadow:inset 0 4px #ffffff4d}.ejercicio{flex:1;width:min(640px,100%);margin:0 auto;padding:36px 16px 180px;animation:entrar .25s ease-out}@keyframes entrar{0%{opacity:0;transform:translate(20px)}}.etiqueta-repaso{color:var(--naranja);font-size:13px;text-transform:uppercase;margin-bottom:6px}.tipo{color:var(--suave);margin:0 0 4px;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.enunciado{font-size:24px;font-weight:900;line-height:1.3;margin:0 0 24px}.opciones{display:flex;flex-direction:column;gap:12px}.opciones.dos{flex-direction:row}.opciones.dos .opcion{flex:1;justify-content:center;font-size:18px;padding:22px}.opcion{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:2px solid var(--borde);border-bottom-width:5px;border-radius:14px;padding:14px 16px;color:var(--texto);font-size:16px}.opcion:hover:not(:disabled){background:var(--fondo-2)}.opcion.elegida{border-color:#84d8ff;background:#ddf4ff;color:#1478c2}.opcion.emparejada{opacity:.35;border-color:var(--verde)}.opcion.sacudir{border-color:var(--rojo);background:var(--rojo-claro);animation:sacudir .3s}@keyframes sacudir{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.tecla{border:2px solid var(--borde);border-radius:8px;min-width:28px;height:28px;display:grid;place-items:center;font-size:13px;color:var(--suave)}.parejas{display:grid;grid-template-columns:1fr 1fr;gap:12px}.parejas>div{display:flex;flex-direction:column;gap:10px}.parejas .opcion{justify-content:center;text-align:center;min-height:64px;font-size:15px}.linea-respuesta{min-height:64px;border-bottom:2px solid var(--borde);display:flex;flex-wrap:wrap;gap:8px;padding-bottom:10px;margin-bottom:20px}.banco{display:flex;flex-wrap:wrap;gap:8px}.ficha{background:#fff;border:2px solid var(--borde);border-bottom-width:4px;border-radius:12px;padding:10px 14px;color:var(--texto)}.ficha.usada{background:var(--borde);color:transparent;border-color:var(--borde)}.ficha small{color:var(--suave)}.pie-leccion{position:fixed;left:0;right:0;bottom:0;border-top:2px solid var(--borde);background:#fff}.pie-leccion.ok{background:var(--verde-claro);border-color:transparent;color:var(--verde-osc)}.pie-leccion.mal{background:var(--rojo-claro);border-color:transparent;color:var(--rojo-osc)}.pie-contenido{width:min(1000px,100%);margin:0 auto;padding:20px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.retro{max-width:680px}.retro strong{font-size:22px;font-weight:900}.retro p{margin:6px 0;font-weight:600;color:var(--texto)}.retro .correcta{color:inherit}.retro small{color:var(--suave);font-weight:600}@media (max-width: 640px){.pie-contenido{flex-direction:column;align-items:stretch}.opciones.dos{flex-direction:column}.enunciado{font-size:20px}}.leccion.fin{align-items:center;justify-content:center;text-align:center;gap:10px;padding:24px 16px}.leccion.fin h2{font-size:30px;color:var(--marino);margin:8px 0 0;font-weight:900}.resultado-titulo{text-decoration:underline;text-decoration-color:var(--casco);text-decoration-thickness:6px;text-underline-offset:6px}.tarjetas{display:flex;gap:12px;margin:16px 0 24px;flex-wrap:wrap;justify-content:center}.tarjeta{border-radius:16px;border:2px solid;min-width:120px;overflow:hidden}.tarjeta small{display:block;color:var(--marino);padding:4px 8px;text-transform:uppercase;font-size:12px}.tarjeta b{display:block;padding:12px;font-size:20px;background:#fff}.tarjeta.amarilla{border-color:var(--amarillo)}.tarjeta.amarilla small{background:var(--amarillo)}.tarjeta.amarilla b{color:#8a6100}.tarjeta.verde{border-color:var(--verde)}.tarjeta.verde small{background:var(--verde-claro)}.tarjeta.verde b{color:var(--verde-osc)}.tarjeta.naranja{border-color:var(--naranja)}.tarjeta.naranja small{background:#ffe0c2}.tarjeta.naranja b{color:#c2410c}@media (max-width: 480px){.tarjetas{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.tarjeta{min-width:0}}.ranking{width:min(560px,100%);margin:0 auto;padding:24px 16px;flex:1}.ranking h2{font-size:26px;font-weight:900}.ranking ol{list-style:none;padding:0;margin:0}.ranking li{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px}.ranking li.yo{background:#ddf4ff}.puesto{width:28px;color:var(--suave)}.nombre{flex:1}.ranking .xp{color:var(--suave)}.personaje{object-fit:contain;-webkit-user-select:none;user-select:none}.anim-flotar{animation:flotar 2.4s ease-in-out infinite}.anim-saludo{animation:saludo 1.2s ease-in-out 2;transform-origin:50% 90%}.anim-saltar{animation:saltar .5s ease-out}.anim-sacudir{animation:sacudir .4s ease-in-out 2}.anim-celebrar{animation:celebrar .9s ease-in-out infinite;transform-origin:50% 100%}@keyframes saludo{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes saltar{40%{transform:translateY(-18px)}}@keyframes celebrar{30%{transform:translateY(-14px) scale(1.04)}60%{transform:translateY(0) scale(.98)}}.app-cuerpo{flex:1;display:flex}.contenido{flex:1;min-width:0;display:flex;flex-direction:column;padding-bottom:84px}.navegacion{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;justify-content:space-around;background:#fff;border-top:2px solid var(--borde);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.nav-boton{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;background:none;border:2px solid transparent;border-radius:12px;color:var(--suave);font-size:12px;font-weight:900}.nav-icono{font-size:22px;line-height:1}.nav-boton.activa{color:var(--uniforme);background:#e8f0ff;border-color:#b8ccff}.nav-boton:focus-visible,.boton:focus-visible,.enlace:focus-visible,.nodo:focus-visible,.opcion:focus-visible,.ficha:focus-visible{outline:3px solid var(--uniforme);outline-offset:3px}@media (min-width: 900px){.contenido{padding-bottom:0}.navegacion{position:sticky;top:58px;align-self:flex-start;flex-direction:column;justify-content:flex-start;gap:6px;width:210px;height:calc(100vh - 58px);border-top:none;border-right:2px solid var(--borde);padding:16px 12px}.nav-boton{flex:none;flex-direction:row;gap:12px;padding:10px 14px;font-size:15px;text-transform:uppercase}}.proximamente{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 16px;color:var(--suave)}.proximamente h2{color:var(--marino);margin:8px 0 0;font-size:26px}.panel-lateral{display:none}@media (min-width: 1100px){.panel-lateral{display:flex;flex-direction:column;gap:14px;width:300px;padding:20px 20px 20px 0;position:sticky;top:58px;align-self:flex-start}}.panel-personaje{text-align:center;border:2px solid var(--borde);border-radius:18px;padding:16px}.panel-saludo{margin:6px 0 0;color:var(--texto);font-weight:700}.panel-bloque{border:2px solid var(--borde);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.panel-fila{display:flex;justify-content:space-between;gap:8px;font-size:15px}.panel-fila span{color:var(--suave)}.barra-avance{height:12px;border-radius:99px;background:var(--borde);overflow:hidden}.barra-avance div{height:100%;background:var(--casco);border-radius:99px;transition:width .4s}.celebracion{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#22305e8c;padding:16px}.celebracion-caja{position:relative;z-index:1;background:#fff;border-radius:24px;padding:24px;width:min(420px,100%);text-align:center}.celebracion-caja h2{color:var(--marino);margin:8px 0 4px;font-size:26px}.celebracion-caja p{color:var(--texto);margin:0 0 16px}.confeti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confeti span{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;animation:caer linear forwards}@keyframes caer{to{top:110%;transform:rotate(540deg)}}@media (prefers-reduced-motion: reduce){.anim-flotar,.anim-saludo,.anim-saltar,.anim-sacudir,.anim-celebrar,.burbuja,.ejercicio{animation:none!important}.confeti{display:none}}@media (max-width: 600px){.barra{padding:8px 12px;gap:8px;flex-wrap:nowrap}.marca{font-size:22px}.marca img{width:32px;height:32px}.contadores{gap:10px;flex-wrap:nowrap}.contador{font-size:15px}.meta{display:none}.barra .enlace{font-size:13px;padding:4px}.barra .enlace .nombre-sesion{display:none}}.titulo-seccion{font-size:28px;color:var(--marino);margin:0;font-weight:900}.subtitulo-seccion{color:var(--suave);margin:6px 0 20px;font-weight:600}.caminos,.camino{width:min(760px,100%);margin:0 auto;padding:24px 16px 40px;flex:1}.caminos-lista{display:grid;gap:14px}.camino-tarjeta{--c: var(--uniforme);display:flex;align-items:center;gap:16px;text-align:left;width:100%;background:#fff;border:2px solid var(--borde);border-bottom-width:6px;border-radius:20px;padding:14px 18px;color:var(--texto)}.camino-tarjeta:hover{border-color:var(--c)}.camino-tarjeta:focus-visible,.rama-tarjeta:focus-visible{outline:3px solid var(--uniforme);outline-offset:3px}.camino-info{flex:1;min-width:0}.camino-info h2{margin:2px 0;font-size:21px;color:var(--marino)}.camino-info p{margin:0 0 8px;color:var(--suave);font-weight:600;font-size:15px}.camino-guia{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--suave)}.camino-avance{display:flex;align-items:center;gap:10px}.camino-avance .barra-avance{flex:1}.camino-avance span{font-size:14px;color:var(--marino);min-width:40px;text-align:right}.etiqueta-proximamente{display:inline-block;background:var(--fondo-2);border:2px solid var(--borde);border-radius:99px;padding:2px 10px;font-size:13px;color:var(--suave)}@media (max-width: 480px){.camino-tarjeta{flex-direction:column;text-align:center}.camino-tarjeta .camino-avance{justify-content:center}}.camino-cabecera{display:flex;align-items:center;gap:14px;border:2px solid var(--borde);border-radius:20px;padding:12px 16px;margin-bottom:20px}.camino-cabecera>div{flex:1;min-width:0}.camino-cabecera small{color:var(--suave);text-transform:uppercase;font-size:12px;letter-spacing:.5px}.camino-cabecera h1{margin:2px 0 6px;font-size:22px;color:var(--marino)}.boton.secundario{min-width:0;padding:10px 14px;font-size:13px}@media (max-width: 560px){.camino-cabecera{flex-wrap:wrap}.camino-cabecera .boton.secundario{width:100%}}.subtitulo-camino{font-size:18px;color:var(--marino);margin:8px 0 12px;text-transform:uppercase;letter-spacing:.5px}.aviso{background:var(--rojo-claro);color:var(--rojo-osc);padding:12px 16px;border-radius:14px;margin-bottom:16px}.vacio{text-align:center;color:var(--suave);padding:16px}.unidad{margin-bottom:28px}.unidad-cabecera{color:#fff;border-radius:18px;padding:14px 18px;box-shadow:inset 0 -5px #0000002e}.unidad-cabecera small{font-size:13px;text-transform:uppercase;letter-spacing:.5px}.unidad-cabecera h3{margin:4px 0;font-size:21px;font-weight:900}.unidad-cabecera p{margin:0;font-size:15px}.nodos{list-style:none;margin:0;padding:24px 0 4px;display:flex;flex-direction:column;align-items:center;gap:18px}.nodo-fila{display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(var(--x, 0))}.nodo-fila.con-burbuja{padding-top:40px}.nodo{--c: #c4c9cf;width:76px;height:70px;border-radius:50%;border:none;font-size:28px;color:#fff;background:var(--c);box-shadow:0 7px color-mix(in srgb,var(--c) 70%,#000);transition:transform .08s,box-shadow .08s}.nodo:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px color-mix(in srgb,var(--c) 70%,#000)}.nodo.bloqueado{background:#e5e7eb;box-shadow:0 7px #c9ced4;color:#6b7280;font-size:22px}.nodo.hecho{background:var(--casco);box-shadow:0 7px 0 var(--casco-osc)}.nodo.actual{outline:6px solid color-mix(in srgb,var(--c) 30%,#fff);outline-offset:4px}.nodo-titulo{font-size:14px;color:var(--texto);max-width:190px;text-align:center;line-height:1.25}.burbuja{background:#fff;border:2px solid var(--borde);color:var(--uniforme);margin-top:-40px;padding:4px 12px;border-radius:10px;font-size:13px;text-transform:uppercase;white-space:nowrap;animation:flotar 1.4s ease-in-out infinite}@media (max-width: 420px){.nodo-fila{transform:translate(calc(var(--x, 0) * .6))}}.nota-ramas{color:var(--suave);margin:0 0 12px}.ramas-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.rama-tarjeta{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:2px solid var(--borde);border-bottom-width:5px;border-radius:16px;padding:10px 14px;color:var(--texto)}.rama-tarjeta.bloqueada{opacity:.6}.rama-tarjeta:not(:disabled):hover{border-color:var(--camino)}.rama-info{display:flex;flex-direction:column}.rama-info b{color:var(--marino);font-size:17px}.rama-info small{color:var(--suave)}@keyframes flotar{50%{transform:translateY(-5px)}}.leccion-titulo{color:var(--suave);text-transform:uppercase;font-size:13px;letter-spacing:.5px;margin:0 0 10px}.fase-etiqueta{color:var(--marino);font-size:14px;white-space:nowrap}.progreso.aprende div{background:var(--uniforme)}.tarjeta-aprende{border:2px solid var(--borde);border-bottom-width:6px;border-radius:22px;padding:20px;background:#fff}.tarjeta-aprende h2{margin:2px 0 10px;font-size:24px;color:var(--marino);line-height:1.25}.tarjeta-etiqueta{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--uniforme)}.tarjeta-texto{margin:0 0 12px;font-size:18px;line-height:1.5;font-weight:600;color:var(--texto)}.tarjeta-concepto{display:flex;gap:18px;align-items:center}@media (max-width: 560px){.tarjeta-concepto{flex-direction:column;text-align:center}}.tipo-dato{border-color:#ffe08a;background:#fffaeb}.tipo-caso{border-color:#b8ccff}.tipo-norma{border-color:#c7d2fe;background:#f5f7ff}.boton.revelar{width:100%;background:var(--casco);border-color:var(--casco-osc);color:var(--marino)}.tarjeta-revelado{margin:0 0 12px;padding:14px 16px;background:#fff;border:2px dashed var(--casco-osc);border-radius:14px;font-size:19px;color:var(--marino)}.tarjeta-pregunta{margin:4px 0 10px;color:var(--marino)}.opcion.caso-bien{border-color:var(--verde);background:var(--verde-claro);color:var(--verde-osc);opacity:1}.opcion.caso-mal{border-color:var(--rojo);background:var(--rojo-claro);color:var(--rojo-osc);opacity:1}.opcion.caso-otra{opacity:.6}.tarjeta-explicacion{margin:12px 0;padding:12px 14px;border-radius:14px;font-weight:600;line-height:1.45}.tarjeta-explicacion.bien{background:var(--verde-claro);color:var(--verde-osc)}.tarjeta-explicacion.mal{background:var(--rojo-claro);color:var(--rojo-osc)}.tarjeta-cita{margin:0 0 12px;padding:10px 14px;border-left:5px solid var(--uniforme);background:#fff;border-radius:0 12px 12px 0;color:var(--marino)}.tarjeta-fuente{margin:12px 0 0;font-size:13px;color:var(--suave);font-weight:600}.por-verificar{color:#8a6100}.retro{display:flex;gap:14px;align-items:center}.retro-personaje{flex:none}@media (max-width: 640px){.retro-personaje{width:60px;height:60px}}.especializacion{min-height:100vh;width:min(760px,100%);margin:0 auto;padding:32px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.especializacion h1{color:var(--marino);font-size:32px;margin:4px 0 0}.especializacion-sub{color:var(--texto);font-weight:600;max-width:560px;margin:0 0 12px;line-height:1.5}.ramas-lista.grande{width:100%;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));text-align:left;margin-bottom:8px}.rama-desc{color:var(--texto);font-weight:600;font-size:14px;margin:2px 0 4px}.etiqueta-ok{font-size:13px;color:var(--verde-osc);background:var(--verde-claro);border-radius:99px;padding:2px 10px;margin-left:6px;text-transform:none;letter-spacing:0;vertical-align:middle}.enlace.volver{padding:0 0 12px;font-size:15px}.rama-desc-larga{color:var(--texto);font-weight:600;margin:0 0 16px}.examen-cabecera{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--marino)}.examen-cabecera p{margin:0}.examen-cabecera small{color:var(--suave);font-weight:600}.nodo-examen{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:2px solid var(--casco-osc);border-bottom-width:6px;background:#fffaeb;border-radius:20px;padding:14px 18px;margin:8px 0 24px}.nodo-examen.bloqueado{border-color:var(--borde);background:var(--fondo-2)}.nodo-examen>div:nth-child(2){flex:1;min-width:180px}.nodo-examen h3{margin:0;color:var(--marino)}.nodo-examen p{margin:4px 0 0;color:var(--texto);font-weight:600}.nodo-examen-icono{font-size:36px}.nodo-examen-botones{display:flex;gap:8px;flex-wrap:wrap}.nodo-examen-botones .boton{min-width:0}.resultado-examen{justify-content:flex-start;padding-top:32px}.nota-xp{color:#8a6100;margin:0}.falladas{width:min(640px,100%);text-align:left;margin:8px 0 16px}.falladas h3{color:var(--marino)}.falladas ol{padding-left:20px;display:flex;flex-direction:column;gap:12px}.falladas li{display:flex;flex-direction:column;gap:4px}.falladas li span{font-weight:600}.falladas .correcta{color:var(--verde-osc)}.falladas small{color:var(--suave)}.botones-fila{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding-bottom:24px}.apuntes{width:min(760px,100%);margin:0 auto;padding:24px 16px 40px;flex:1}.selector-camino{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.chip{background:#fff;border:2px solid var(--borde);border-radius:99px;padding:8px 14px;color:var(--texto);min-height:44px}.chip.activo{background:#e8f0ff;border-color:#b8ccff;color:var(--uniforme)}.chip:focus-visible{outline:3px solid var(--uniforme);outline-offset:2px}.filtro-activo{background:#fffaeb;border:2px solid #ffe08a;border-radius:14px;padding:10px 14px;margin:0 0 12px}.buscador input{width:100%;font:inherit;padding:12px 14px;border:2px solid var(--borde);border-radius:14px;background:var(--fondo-2);color:var(--texto);margin-bottom:16px}.buscador input:focus{outline:3px solid var(--uniforme);outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.apuntes-unidad{border:2px solid var(--borde);border-radius:18px;padding:4px 14px 12px;margin-bottom:12px;background:#fff}.apuntes-unidad summary{cursor:pointer;padding:10px 0;color:var(--marino);font-size:18px;min-height:44px}.apuntes-leccion{margin:8px 0 14px;display:flex;flex-direction:column;gap:10px}.apuntes-leccion h3{margin:4px 0 0;color:var(--marino);font-size:17px}.apuntes-leccion.bloqueada h3{color:var(--suave)}.apuntes-leccion .tarjeta-aprende,.apunte .tarjeta-aprende{padding:14px;border-bottom-width:3px}.apuntes-leccion .tarjeta-aprende h2,.apunte .tarjeta-aprende h2{font-size:19px}.apuntes-leccion .tarjeta-texto,.apunte .tarjeta-texto{font-size:16px}.apunte{margin-bottom:12px}.apunte-leccion{margin:0 0 4px;color:var(--suave);font-size:13px;text-transform:uppercase}.practicar{width:min(760px,100%);margin:0 auto;padding:24px 16px 40px;flex:1}.practica-mixta{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:#e8f0ff;border:2px solid #b8ccff;border-bottom-width:6px;border-radius:20px;padding:14px 18px;color:var(--texto);margin-bottom:20px}.practica-mixta>span{display:flex;flex-direction:column;gap:4px}.practica-mixta b{font-size:21px;color:var(--marino)}.practica-mixta small{color:var(--uniforme-osc)}.practica-mixta:focus-visible,.leccion-repetir:focus-visible{outline:3px solid var(--uniforme);outline-offset:3px}.practicar-grupo h3{color:var(--marino);margin:12px 0 8px}.practicar-grupo ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.leccion-repetir{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:2px solid var(--borde);border-bottom-width:4px;border-radius:14px;padding:10px 14px;color:var(--texto);min-height:52px}.leccion-repetir-texto{display:flex;flex-direction:column}.leccion-repetir small{color:var(--suave)}.aviso-constancia{width:min(560px,100%);background:#e8f0ff;border:2px solid #b8ccff;border-radius:14px;padding:12px 16px;margin:4px 0;color:var(--marino)}.aviso-constancia p{margin:0 0 10px}.aviso-constancia.ok{background:var(--verde-claro);border-color:var(--verde);color:var(--verde-osc)}.aviso-constancia.error{background:var(--rojo-claro);border-color:var(--rojo);color:var(--rojo-osc)}.verificar{width:min(560px,100%);margin:0 auto;padding:24px 16px 40px}.verificar .marca{text-decoration:none;margin-bottom:20px}.verificar h1{color:var(--marino);margin:0}.verificar-form{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 20px}.verificar-form input{flex:1;min-width:200px;font:inherit;padding:12px 14px;border:2px solid var(--borde);border-radius:14px;text-transform:uppercase}.verificar-form input:focus{outline:3px solid var(--uniforme);outline-offset:1px}.verificar-resultado{border:2px solid;border-radius:18px;padding:16px 20px}.verificar-resultado.valida{border-color:var(--verde);background:var(--verde-claro)}.verificar-resultado.invalida{border-color:var(--rojo);background:var(--rojo-claro)}.verificar-resultado h2{margin:0 0 10px;color:var(--marino)}.verificar-resultado dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 10px}.verificar-resultado dt{color:var(--suave)}.verificar-resultado dd{margin:0;color:var(--marino)}.perfil{width:min(760px,100%);margin:0 auto;padding:24px 16px 40px;flex:1}.perfil-cabecera{display:flex;align-items:center;gap:16px;margin-bottom:16px}.perfil-cabecera h1{margin:0;color:var(--marino)}.perfil-cabecera p{margin:2px 0}.perfil-cabecera .enlace{padding:4px 0}.perfil-estadisticas{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.perfil-estadisticas div{border:2px solid var(--borde);border-radius:16px;padding:12px;text-align:center;display:flex;flex-direction:column}.perfil-estadisticas b{font-size:22px;color:var(--marino)}.perfil-estadisticas span{color:var(--suave);font-size:13px}@media (max-width: 520px){.perfil-estadisticas{grid-template-columns:repeat(2,1fr)}}.subtitulo-camino small{color:var(--suave);text-transform:none;letter-spacing:0}.insignias-grupo h3{color:var(--suave);font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin:14px 0 8px}.insignias{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.insignia{border:2px solid var(--borde);border-bottom-width:4px;border-radius:16px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.insignia.ganada{border-color:var(--casco-osc);background:#fffaeb}.insignia.bloqueada{background:var(--fondo-2)}.insignia.bloqueada .insignia-icono{filter:grayscale(1);opacity:.45}.insignia-icono{font-size:32px}.insignia b{color:var(--marino);font-size:14px}.insignia small{color:var(--suave);font-size:12px}.constancias{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:8px}.constancias li{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:2px solid var(--borde);border-radius:14px;padding:10px 14px}.constancias li>span{display:flex;flex-direction:column}.constancias b{color:var(--marino)}.constancias small{color:var(--suave)}.perfil .ranking{width:100%;padding:0}.normas{width:min(760px,100%);margin:0 auto;padding:24px 16px 40px;flex:1}.normas-lista{list-style:none;margin:0;padding:0;display:grid;gap:12px}.norma{border:2px solid var(--borde);border-bottom-width:5px;border-radius:18px;padding:14px 18px;display:flex;flex-direction:column;gap:4px}.norma-cabecera{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.norma-numero{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--uniforme)}.norma h2{margin:2px 0;font-size:19px;color:var(--marino)}.norma p{margin:2px 0;font-weight:600}.norma-fecha{color:var(--suave);font-size:14px}.norma-botones{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 4px}.norma-botones .boton{text-decoration:none;text-align:center;min-width:0}.enlace-norma{color:var(--uniforme);font-weight:800}.enlace-norma:focus-visible{outline:3px solid var(--uniforme);outline-offset:2px}.saltar{position:absolute;left:12px;top:-60px;z-index:30;background:var(--marino);color:#fff;padding:10px 16px;border-radius:12px;text-decoration:none}.saltar:focus{top:8px}.contenido:focus{outline:none}.boton:not(:disabled):hover{filter:brightness(1.06)}.boton.secundario:not(:disabled):hover,.boton:not(.primario):not(.peligro):not(:disabled):hover{background:var(--fondo-2);filter:none}.nav-boton:hover:not(.activa),.chip:hover:not(.activo),.leccion-repetir:hover,.practica-mixta:hover{background:var(--fondo-2)}.practica-mixta:hover{background:#dce7ff}.contador,.perfil-estadisticas b,.fase-etiqueta,.camino-avance span,.panel-fila b{font-variant-numeric:tabular-nums}.perfil-cabecera h1,.nodo-titulo,.rama-info b,.camino-info h2,.camino-cabecera h1{overflow-wrap:anywhere}.leccion-titulo{font-weight:700}.etiqueta-beta{background:#fffaeb;border:2px solid #ffe08a;color:#8a6100;border-radius:99px;padding:2px 12px;font-size:13px}.boton-sonido{background:none;border:2px solid transparent;border-radius:12px;font-size:20px;min-width:44px;min-height:44px}.boton-sonido:hover{background:var(--fondo-2)}.boton-sonido:focus-visible{outline:3px solid var(--uniforme);outline-offset:2px}.ajustes{margin:8px 0 20px;display:flex;flex-direction:column;gap:10px}.interruptor{display:flex;align-items:center;gap:12px;border:2px solid var(--borde);border-radius:16px;padding:12px 16px;cursor:pointer;min-height:56px}.interruptor input{position:absolute;opacity:0;width:1px;height:1px}.interruptor-pista{flex:none;width:48px;height:28px;border-radius:99px;background:#c4c9cf;position:relative;transition:background .2s}.interruptor-pista:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.interruptor input:checked+.interruptor-pista{background:var(--uniforme)}.interruptor input:checked+.interruptor-pista:after{transform:translate(20px)}.interruptor input:focus-visible+.interruptor-pista{outline:3px solid var(--uniforme);outline-offset:3px}.interruptor>span:last-child{display:flex;flex-direction:column}.interruptor b{color:var(--marino)}.interruptor small{color:var(--suave);font-weight:600}@media (max-width: 600px){.boton-sonido{min-width:36px;font-size:18px}}.figura{margin:0;display:flex;flex-direction:column;gap:10px}.figura-svg{width:100%;max-width:520px;height:auto;display:block;margin:0 auto}.tipo-figura{border-color:#b8ccff}.tipo-figura figcaption{margin:0}.apuntes-leccion .figura-svg,.apunte .figura-svg{max-width:440px}.nodo.conceptos{border-radius:18px}.etiqueta-conceptos{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--uniforme);background:#e8f0ff;border-radius:99px;padding:1px 8px}