@font-face{font-family:Noto Music;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-music-music-400-normal-ZbJvDP-i.woff2) format("woff2"),url(/assets/noto-music-music-400-normal-Bgg6G9Rn.woff) format("woff");unicode-range:U+25CC,U+2669-266F,U+1D000-1D0F5,U+1D100-1D126,U+1D129-1D1EA,U+1D200-1D245}@font-face{font-family:Noto Music;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-music-latin-ext-400-normal-Dx547qmI.woff2) format("woff2"),url(/assets/noto-music-latin-ext-400-normal-aKBvbIoj.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Music;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-music-latin-400-normal-K_XPfm4D.woff2) format("woff2"),url(/assets/noto-music-latin-400-normal-CarIZ3DJ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--fondo: #f6f4ef;--papel: #ffffff;--tinta: #1f2333;--tenue: #646b82;--borde: #e3dfd5;--primario: #4f46e5;--primario-oscuro: #3f37c9;--primario-claro: #eeedfd;--bien: #15803d;--bien-claro: #e6f6ec;--mal: #c62828;--mal-claro: #fdecec;--aviso: #8a5a00;--aviso-claro: #fff6dc;--mano-d: #f59e0b;--mano-i: #0ea5e9;--radio: 14px;--sombra: 0 1px 2px rgba(31, 35, 51, .06), 0 6px 20px rgba(31, 35, 51, .06)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--fondo);color:var(--tinta);font:16px/1.55 Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}h1,h2,h3,h4{line-height:1.25;margin:0 0 .5em}h1{font-size:1.7rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .8em}a{color:var(--primario)}small{color:var(--tenue);font-weight:400}main{max-width:1040px;margin:0 auto;padding:20px 16px 48px}.barra{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 20px;background:var(--papel);border-bottom:1px solid var(--borde)}.barra nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.barra nav a,.barra nav .enlace{padding:6px 12px;border-radius:999px;text-decoration:none;color:var(--tinta);font-size:.95rem}.barra nav a:hover{background:var(--fondo)}.barra nav a.active{background:var(--primario-claro);color:var(--primario-oscuro);font-weight:600}.marca{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:1.2rem;color:var(--tinta);text-decoration:none}.marca.grande{font-size:1.8rem;justify-content:center}.logo{display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:.45em;background:var(--primario);color:#fff}.chip-teclado{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--borde)}.chip-teclado .punto{width:9px;height:9px;border-radius:50%;background:#b9bdc9}.chip-teclado.midi .punto{background:var(--bien)}.chip-teclado.demo .punto{background:var(--mano-d)}.banda-sync{margin:0;padding:8px 20px;background:var(--aviso-claro);color:var(--aviso);font-size:.92rem;text-align:center}.pie{text-align:center;color:var(--tenue);font-size:.85rem;padding:0 16px 28px}.tarjeta{background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:20px;margin-bottom:18px}.pagina>h1{margin-bottom:16px}.boton{display:inline-flex;align-items:center;gap:6px;cursor:pointer;text-decoration:none;border:1px solid var(--borde);background:var(--papel);color:var(--tinta);padding:9px 16px;border-radius:10px;font:inherit;font-weight:600}.boton:hover:not(:disabled){border-color:var(--primario);color:var(--primario-oscuro)}.boton:disabled{opacity:.5;cursor:not-allowed}.boton.primario{background:var(--primario);border-color:var(--primario);color:#fff}.boton.primario:hover:not(:disabled){background:var(--primario-oscuro);color:#fff}.boton.grande{padding:13px 26px;font-size:1.1rem;border-radius:12px}.boton.pequeno{padding:4px 10px;font-size:.88rem}.enlace{background:none;border:0;padding:0;margin-left:8px;color:var(--primario);font:inherit;cursor:pointer;text-decoration:underline}.enlace:disabled{opacity:.5;cursor:not-allowed}.etiqueta{color:var(--tenue);font-size:.9rem}.aviso{background:var(--aviso-claro);color:var(--aviso);border-radius:10px;padding:10px 14px}.aviso.error{background:var(--mal-claro);color:var(--mal)}.estado-ok{color:var(--bien);font-weight:600}.estado-ok.banda{background:var(--bien-claro);padding:10px 14px;border-radius:10px}.logrado{color:var(--bien);font-weight:600}.pantalla-centro{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;padding:16px}input[type=text],input[type=password],input:not([type]),select{font:inherit;padding:9px 12px;border:1px solid #cfcabd;border-radius:10px;background:#fff;color:var(--tinta);max-width:100%}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #a5b4fc;outline-offset:2px}.formulario{display:grid;gap:12px;max-width:380px}.formulario label,.login label{display:grid;gap:4px;font-weight:600;font-size:.92rem}.formulario.en-linea{display:flex;flex-wrap:wrap;align-items:end;max-width:none;margin-bottom:8px}.login{width:min(400px,100%);display:grid;gap:14px;text-align:center}.login label{text-align:left}.casilla{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.casilla.grande{font-weight:600;font-size:1.05rem}.control{display:grid;gap:4px;margin-bottom:12px}input[type=range]{width:min(360px,100%);accent-color:var(--primario)}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--primario)}.heroe{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:20px;padding:28px;margin-bottom:18px}.heroe h1{font-size:1.6rem}.heroe .saludo{opacity:.85;margin-bottom:4px}.heroe .boton.primario{background:#fff;color:var(--primario-oscuro);border-color:#fff;margin-top:6px}.heroe .boton.primario:hover{background:#f1f0ff;color:var(--primario-oscuro)}.heroe-datos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dato{background:#ffffff24;border-radius:12px;padding:12px;display:grid}.dato strong{font-size:1.4rem}.dato small{color:inherit;opacity:.8}.dato span{font-size:.82rem;opacity:.9}.recomendacion{border-left:5px solid var(--primario)}.titulo-ruta{margin:26px 0 12px}.bloque{background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio);padding:18px;margin-bottom:16px;border-top:5px solid var(--color-bloque, var(--primario))}.bloque-1{--color-bloque: #f59e0b}.bloque-2{--color-bloque: #10b981}.bloque-3{--color-bloque: #0ea5e9}.bloque-4{--color-bloque: #8b5cf6}.bloque-5{--color-bloque: #ec4899}.bloque header{display:grid;grid-template-columns:auto 1fr auto;gap:2px 12px;align-items:baseline;margin-bottom:12px}.bloque header h3{margin:0;font-size:1.15rem}.bloque header p{grid-column:1 / -1;margin:0;color:var(--tenue);font-size:.92rem}.bloque-n{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-bloque)}.ruta{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.parada{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--borde);border-radius:12px;text-decoration:none;color:var(--tinta);height:100%}.parada:hover{border-color:var(--color-bloque);background:var(--fondo)}.parada-n{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--fondo);border:2px solid var(--borde)}.parada.completa .parada-n{background:var(--bien);border-color:var(--bien);color:#fff}.parada.actual{border-color:var(--color-bloque);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-bloque) 22%,transparent)}.parada.actual .parada-n,.parada.empezada .parada-n{border-color:var(--color-bloque)}.parada-texto{display:grid}.parada-texto strong{font-size:.97rem;line-height:1.25}.cabecera-leccion{margin-bottom:14px}.cabecera-leccion .enlace{margin-left:0;text-decoration:none}.cabecera-leccion h1{display:flex;align-items:center;gap:12px;margin-top:8px}.numero{flex:none;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--primario);color:#fff;font-size:1.2rem}.objetivo{font-size:1.05rem}.pasos{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.paso{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;border-radius:999px;border:1px solid var(--borde);background:var(--papel);font:inherit;font-size:.92rem;cursor:pointer;color:var(--tinta)}.paso-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--fondo);font-weight:700;font-size:.85rem}.paso.hecho .paso-n{background:var(--bien);color:#fff}.paso.activo{border-color:var(--primario);background:var(--primario-claro);font-weight:600}.actividad{background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:22px}.lectura{max-width:760px}.lectura p{font-size:1.04rem}.figura{margin:14px 0;padding:12px;background:#fbfaf7;border:1px solid var(--borde);border-radius:12px;overflow-x:auto}.figura figcaption{color:var(--tenue);font-size:.9rem;margin-top:6px}.comprobacion{list-style:none;padding:0;display:grid;gap:8px}.comprobacion label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--borde);border-radius:10px;cursor:pointer}.comprobacion input{margin-top:3px;flex:none}.enunciado{font-size:1.2rem}.opciones{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.opcion{font:inherit;font-weight:600;padding:12px 20px;border-radius:12px;border:2px solid var(--borde);background:var(--papel);cursor:pointer;min-width:92px;color:var(--tinta)}.opcion:hover:not(:disabled){border-color:var(--primario)}.opcion.bien{border-color:var(--bien);background:var(--bien-claro);color:var(--bien)}.opcion.mal{border-color:var(--mal);background:var(--mal-claro);color:var(--mal)}.acierto{margin-top:10px}.navegacion{display:flex;justify-content:space-between;gap:10px;margin:16px 0}.apoyo{background:var(--papel);border:1px solid var(--borde);border-radius:12px;padding:12px 16px;margin-bottom:10px}.apoyo summary,details summary{cursor:pointer;font-weight:600}.apoyo li{margin:6px 0}.criterio{color:var(--tenue);font-size:.95rem}.plan{list-style:none;padding:0;display:grid;gap:8px}.plan li{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--borde);border-radius:10px}.plan li span:last-child{color:var(--tenue);font-size:.92rem}.instrucciones{font-size:1.05rem}.modos{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.modo{font:inherit;font-weight:600;padding:8px 14px;border-radius:10px;border:1px solid var(--borde);background:var(--fondo);cursor:pointer;color:var(--tinta)}.modo.activo{background:var(--primario);border-color:var(--primario);color:#fff}.modo:disabled{cursor:not-allowed;opacity:.6}.modo.activo:disabled{opacity:1}.pide{margin-left:5px;color:#f5b301}.nota-modo{color:var(--tenue);font-size:.92rem}.controles{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;padding:12px 14px;background:#fbfaf7;border:1px solid var(--borde);border-radius:12px;margin-bottom:12px}.controles .control,.controles p{margin:0}.fragmento{display:flex;align-items:center;gap:6px;grid-auto-flow:column}.fragmento select{padding:5px 8px}.ayudas{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;flex-basis:100%}.escenario{position:relative}.cuenta{position:absolute;top:12px;right:14px;z-index:2;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--primario);color:#fff;font-size:2rem;font-weight:800;box-shadow:var(--sombra)}.tarjeta-nota{display:grid;justify-items:center;gap:2px;padding:18px;margin-bottom:10px;background:#fbfaf7;border:1px solid var(--borde);border-radius:12px}.tarjeta-nota strong{font-size:2.4rem;line-height:1.1;color:var(--primario-oscuro)}.cinta-demo{background:#fff3d6;color:#7a4b00;border:1px dashed #e0a100;border-radius:10px;padding:8px 12px;font-size:.9rem;margin:8px 0 0}.acciones{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.resumen{margin-top:18px;padding:18px;border-radius:12px;background:#fbfaf7;border:1px solid var(--borde)}.medidas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:10px 0 14px}.medida{background:var(--papel);border:1px solid var(--borde);border-radius:12px;padding:10px 12px;display:grid}.medida span{color:var(--tenue);font-size:.85rem}.medida strong{font-size:1.5rem}.errores{margin:0 0 12px;padding-left:20px}.errores li{margin:3px 0}.consejo{background:var(--primario-claro);border-radius:10px;padding:10px 14px}.partitura-caja{overflow-x:auto;background:#fff;border:1px solid var(--borde);border-radius:12px;padding:6px 10px;margin-bottom:10px}.figura .partitura-caja{border:0;padding:0;margin:0;background:transparent}.partitura{display:block;width:100%;min-width:520px;height:auto}.pauta{stroke:#8b8fa3;stroke-width:1}.pauta.adicional,.barra-compas{stroke:#55596b;stroke-width:1.2}.barra-compas.final{stroke-width:3}.clave{font-family:Noto Music,Segoe UI Symbol,Apple Symbols,serif;font-size:38px;fill:var(--tinta)}.compas-num{font:700 21px Georgia,Times New Roman,serif;fill:var(--tinta)}.cabeza{stroke:var(--tinta);stroke-width:1.6;fill:var(--tinta)}.cabeza.hueca{fill:#fff}.plica{stroke:var(--tinta);stroke-width:1.5}.puntillo{fill:var(--tinta)}.silencio-trazo{fill:none;stroke:var(--tinta);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.silencio-bloque{fill:var(--tinta)}.cabeza.correcta,.plica.correcta{stroke:var(--bien)}.cabeza.llena.correcta,.puntillo.correcta{fill:var(--bien)}.cabeza.incorrecta,.plica.incorrecta{stroke:var(--mal)}.cabeza.llena.incorrecta,.puntillo.incorrecta{fill:var(--mal)}.cabeza.omitida,.plica.omitida{stroke:#b0862b}.cabeza.llena.omitida{fill:#b0862b}.cabeza.actual,.plica.actual{stroke:var(--primario)}.cabeza.llena.actual{fill:var(--primario)}.cabeza.hueca.correcta{fill:var(--bien-claro)}.cabeza.hueca.incorrecta{fill:var(--mal-claro)}.halo{fill:#c7d2fe;opacity:.7}.tenue{opacity:.3}.rango{fill:#eef2ff}.nombre-nota{font:600 12px Segoe UI,system-ui,sans-serif;fill:var(--primario-oscuro);text-anchor:middle}.dedo-nota{font:600 11px Segoe UI,system-ui,sans-serif;fill:var(--tenue);text-anchor:middle}.cursor{stroke:#ef4444;stroke-width:2;opacity:.75}.piano-caja{overflow-x:auto;display:flex;justify-content:safe center}.piano,.descendentes{display:block;flex:none;max-width:none}.piano.tocable{cursor:pointer;touch-action:none}.tecla.blanca{fill:#fff;stroke:#9a9eae}.tecla.negra{fill:#23262f;stroke:#23262f}.tecla.pulsada{fill:#6366f1}.tecla.sonando{fill:#a5b4fc}.tecla.guia-d{fill:var(--mano-d)}.tecla.guia-i{fill:var(--mano-i)}.tecla.resaltada{fill:#fcd34d}.tecla.negra.resaltada{fill:#d97706}.tecla.mala{fill:#ef4444}.marca-do{fill:#9a9eae}.nombre-tecla{font:600 9.5px Segoe UI,system-ui,sans-serif;fill:#55596b;text-anchor:middle;pointer-events:none}.dedo-tecla{font:700 13px Segoe UI,system-ui,sans-serif;fill:#1f2333;text-anchor:middle;pointer-events:none}.dedo-tecla.en-negra{fill:#fff}.descendentes{background:linear-gradient(#f4f5fb,#e9ebf7);border-radius:8px 8px 0 0}.barra.mano-d{fill:var(--mano-d)}.barra.mano-i{fill:var(--mano-i)}.linea-llegada{stroke:#ef4444;stroke-width:2}.dispositivos{border:1px solid var(--borde);border-radius:12px;padding:10px 14px;margin:12px 0;display:grid;gap:8px}.dispositivo{display:flex;align-items:center;gap:10px;cursor:pointer}.tabla-caja{overflow-x:auto}.tabla{width:100%;border-collapse:collapse;font-size:.92rem}.tabla th,.tabla td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--borde);white-space:nowrap}.tabla th{color:var(--tenue);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.tabla tr.inactivo td{color:var(--tenue)}.barras{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:18px;max-width:460px}.barra-dia{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;font-size:.8rem;color:var(--tenue)}.barra-relleno{width:100%;min-height:3px;background:var(--primario);border-radius:6px 6px 0 0}.barra-valor{font-weight:700;color:var(--tinta)}@media (max-width: 760px){.heroe{grid-template-columns:1fr;padding:20px}.barra{padding:8px 12px}.actividad{padding:14px}h1{font-size:1.4rem}}