:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--acento:#ff6a13;font:16px/1.4 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}main{padding:24px}.objetivo{opacity:.7;margin:-8px 0 16px}.reparacion .ayuda{opacity:.7}.reparacion .seguidas{font-weight:600}.partitura[data-vista=grilla]{gap:10px}.partitura[data-aislando=true] .compas[data-aislado=false]{opacity:.35}.transport{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.tempo-control{align-items:center;gap:4px;display:flex}.tempo-control button,.transport .pasada{background:color-mix(in srgb, currentColor 10%, transparent);min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;border:0;border-radius:50%;font-size:20px;line-height:1}.transport .pasada{background:color-mix(in srgb, currentColor 22%, transparent)}.tempo-control button:disabled{opacity:.3;cursor:default}.transport .vista{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;margin-left:auto;padding:0 14px;font-size:.95em}.bpm{font-variant-numeric:tabular-nums;min-width:90px}.partitura{flex-direction:column;gap:4px;max-width:720px;margin-bottom:28px;display:flex}.compas{width:100%;display:block}.kit{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;max-width:640px;display:grid}.pad{aspect-ratio:1;color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:2px solid;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.pad:active{background:color-mix(in srgb, currentColor 20%, transparent)}.pad-key{opacity:.7;border:1px solid;border-radius:4px;padding:2px 8px;font-size:13px;font-weight:400}.banco .caso{border-top:1px solid color-mix(in srgb, currentColor 25%, transparent);margin:0 0 40px;padding-top:16px}.banco .caso h2{margin:0 0 4px;font-size:1.1rem}.banco .nota{opacity:.7;margin:0 0 8px}.banco .conocido,.banco .diferencias{background:color-mix(in srgb, currentColor 8%, transparent);border-left:3px solid;margin:0 0 8px;padding:8px 12px}.banco .diferencias{list-style:none}.banco [data-resultado=falla] .marca{font-weight:700}.banco .validado{margin:0 0 8px;font-weight:600}.banco .sonido{font-variant-numeric:tabular-nums;opacity:.8;margin:0 0 8px}.banco [data-sonido=falla] .sonido{opacity:1;font-weight:700}.banco .tempo{z-index:1;font-variant-numeric:tabular-nums;background:canvas;align-items:center;gap:10px;padding:10px 0;display:flex;position:sticky;top:0}.banco .tempo button,.banco .escuchar{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:0 14px}.banco .escuchar[aria-pressed=true]{background:color-mix(in srgb, currentColor 20%, transparent)}.entrada,.concepto,.proximamente{flex-direction:column;gap:12px;max-width:480px;display:flex}.entrada>*,.concepto>*,.proximamente>*{margin:0}.entrada-acciones{flex-direction:column;gap:10px;display:flex}.entrada-pie,.concepto p{opacity:.7}.entrada-sin-bateria{opacity:.7;margin-top:-10px;font-size:.9rem}.entrada button,.concepto button,.proximamente a{min-height:48px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.entrada button.primaria,.concepto button.primaria,.proximamente a.primaria{color:canvas;background:canvastext;border-color:canvastext;font-weight:600}.entrada button.secundaria,.proximamente a.secundaria{text-underline-offset:4px;border-color:#0000;min-height:44px;text-decoration:underline}.proximamente-pie{width:140px;min-height:44px;color:inherit;font:inherit;opacity:.4;background:0 0;border:none;border-bottom:1px solid;align-self:flex-start;padding:0 4px}.proximamente-pie:focus{opacity:1;outline:none}.entrada-compas .pulso{opacity:.25;background:currentColor;border-radius:50%;width:8px;height:8px}.entrada-compas .acento{width:12px;height:12px}@media (prefers-reduced-motion:no-preference){.entrada-compas .pulso{animation:4s linear infinite latido}.entrada-compas .pulso:nth-child(2){animation-delay:1s}.entrada-compas .pulso:nth-child(3){animation-delay:2s}.entrada-compas .pulso:nth-child(4){animation-delay:3s}}@keyframes latido{0%,25%{opacity:.85}26%,to{opacity:.25}}.sesion{flex-direction:column;gap:14px;max-width:640px;display:flex}.sesion>*,.reparar>*{margin:0}.reparar{flex-direction:column;gap:10px;max-width:640px;display:flex}.sesion h1,.reparar h1{font-size:1.5rem}.sesion-nota{opacity:.7;margin:4px 0 0}.sesion-acciones{flex-direction:column;gap:10px;max-width:480px;margin:16px 0 24px;display:flex}.sesion-acciones button{min-height:48px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:0 16px}.sesion-acciones button.primaria{color:canvas;background:canvastext;border-color:canvastext;font-weight:600}.sesion-acciones button:not(.primaria){text-underline-offset:4px;border-color:#0000;text-decoration:underline}.sesion-bpm{font-variant-numeric:tabular-nums}.reparar .compas{max-width:480px}.reparar-meta{align-items:center;gap:10px;margin:4px 0 16px;display:flex}.reparar-puntos{gap:8px;display:flex}.reparar-punto{border:2px solid;border-radius:5px;width:26px;height:10px;display:block}.reparar-punto[data-hecho=true]{background:currentColor}.compas-elegible{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.feedback-enlace,.entrada .feedback-enlace{min-height:44px;color:inherit;font:inherit;opacity:.7;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.panel{flex-direction:column;gap:20px;max-width:640px;display:flex}.panel form{align-items:center;gap:10px;display:flex}.panel input[type=password]{min-height:44px;color:inherit;font:inherit;background:0 0;border:2px solid;border-radius:8px;padding:0 10px}.panel button.primaria{color:canvas;cursor:pointer;background:canvastext;border:2px solid canvastext;border-radius:8px;min-height:44px;padding:0 16px;font-weight:600}.panel button.primaria:disabled{opacity:.4;cursor:default}.panel table{border-collapse:collapse;width:100%}.panel td{border-bottom:1px solid color-mix(in srgb, currentColor 20%, transparent);padding:4px 8px}.panel td:last-child{text-align:right;font-variant-numeric:tabular-nums}.panel dl{gap:24px;margin:0;display:flex}.panel dl div{flex-direction:column;display:flex}.panel dt{opacity:.7;font-size:.9em}.panel dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:1.4em}.solo-lectores{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sesion .partitura{max-width:330px}.sesion[data-primera=true] .partitura{max-width:280px}.reparar .partitura{max-width:240px}.sesion .sesion-acciones,.reparar .sesion-acciones{flex-flow:wrap}.sesion .sesion-acciones button,.reparar .sesion-acciones button{flex:30%}.sesion .sesion-acciones .primaria,.reparar .sesion-acciones .primaria{flex-basis:55%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.entrada-logo .logo{width:auto;height:64px;display:block}.carriles{gap:10px;margin-bottom:16px;display:flex}.carriles button{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:0 16px}.carriles button[aria-pressed=true]{background:color-mix(in srgb, currentColor 20%, transparent)}.selector{align-items:center;gap:10px;margin-bottom:20px;display:flex}.selector select{min-height:44px;color:inherit;font:inherit;background:0 0;border:2px solid;border-radius:8px;padding:0 10px}.reparacion{border:2px solid;border-radius:8px;margin:0 0 24px;padding:12px 16px}.reparacion p{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;display:flex}.reparacion p:last-child{margin-bottom:0}.reparacion button{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:0 14px}.reparacion button[aria-pressed=true]{background:color-mix(in srgb, currentColor 20%, transparent)}.reparacion kbd{font:inherit;opacity:.7;border:1px solid;border-radius:4px;padding:1px 5px;font-size:.8em}.metronome{align-items:center;gap:12px;display:flex}.exercise-toggle{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:0 14px}.exercise-toggle[aria-pressed=true]{background:color-mix(in srgb, currentColor 20%, transparent)}.metronome button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:0 14px}.metronome button[aria-pressed=true]{background:color-mix(in srgb, currentColor 20%, transparent)}.beat-indicator{gap:8px;display:flex}.beat-dot{border:2px solid;border-radius:50%;width:14px;height:14px}.beat-dot[data-active=true]{background:currentColor}.kit-prueba{margin-bottom:24px}.kit-prueba summary{cursor:pointer;opacity:.75;padding:8px 0}.entrada-compas{align-items:center;gap:14px;height:24px;display:flex}.concepto ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.feedback{flex-direction:column;gap:16px;max-width:480px;display:flex}.feedback-pregunta{margin:0;font-weight:600}.feedback-privacidad{color:inherit;opacity:.7;text-underline-offset:3px;margin-top:-8px;font-size:.9em;text-decoration:underline}.feedback-dimension{flex-direction:column;gap:10px;display:flex}.feedback-opciones{flex-wrap:wrap;gap:10px;display:flex}.feedback-opcion{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;flex:auto;padding:0 16px}.feedback-opcion[aria-pressed=true]{background:color-mix(in srgb, currentColor 20%, transparent)}.feedback-atras{min-height:44px;color:inherit;opacity:.7;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}.registro-dia{margin:0 0 20px}.registro-dia h2{opacity:.7;margin:0 0 4px;font-size:1em}.registro-dia ul{margin:0;padding:0;list-style:none}.registro-dia li{padding:6px 0}.nivel{max-width:480px}.nivel h1{margin:0;font-size:1.5rem}.nivel-opciones{flex-direction:column;gap:6px;margin:12px 0 0;display:flex}.nivel-opcion{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:8px 16px}button.nivel-opcion{flex-direction:column;gap:2px;display:flex}details.nivel-opcion>summary{list-style:none;display:block}details.nivel-opcion>summary::-webkit-details-marker{display:none}details.nivel-opcion>summary>.nivel-detalle,details.nivel-opcion>summary>.nivel-vigente{display:block}.nivel-titulo:before{content:"▸ ";opacity:.6;font-size:.8em}details.nivel-opcion[open] .nivel-titulo:before{content:"▾ "}.nivel-opcion[data-vigente=true]{background:color-mix(in srgb, currentColor 20%, transparent)}.nivel .sesion-acciones{margin-bottom:0}.nivel-tramo{flex-direction:column;gap:2px;margin:6px 0 0;padding:0;font-size:.9em;list-style:none;display:flex}.nivel-tramo-escalon{opacity:.7}.nivel-tramo-escalon[data-aca=true]{opacity:1}.nivel-tramo-variante{font-style:italic}.nivel-empezar{width:100%;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;margin-top:8px;padding:8px}.nivel-nombre{justify-content:space-between;align-items:flex-end;gap:12px;font-weight:600;display:flex}.nivel-detalle{opacity:.7;font-size:.9em}.nivel-vigente{opacity:.7;font-size:.8em;font-style:italic}.nivel-dificultad{flex:none;align-items:flex-end;gap:3px;height:14px;display:flex}.nivel-barra{border:1px solid;border-radius:1px;width:4px}.nivel-barra[data-llena=true]{background:currentColor}.nivel-barra:first-child{height:6px}.nivel-barra:nth-child(2){height:10px}.nivel-barra:nth-child(3){height:14px}.nivel-barra:nth-child(4){height:18px}.concepto .concepto-nivel{min-height:0;color:inherit;font:inherit;text-underline-offset:4px;opacity:.8;cursor:pointer;background:0 0;border:0;margin:-6px auto 0;padding:4px;font-size:.9rem;text-decoration:underline}.plan{max-width:520px}.plan h1{margin:0 0 4px;font-size:1.5rem}.plan-bajada{opacity:.75;margin:0 0 16px}.plan-escalones{flex-direction:column;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.plan-escalon{border:1px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:8px;gap:12px;padding:10px 12px;display:flex}.plan-escalon[data-vigente=true]{background:color-mix(in srgb, currentColor 20%, transparent);border-color:currentColor}.plan-numero{font-variant-numeric:tabular-nums;opacity:.5;min-width:1.2em;font-weight:600}.plan-cuerpo{flex-direction:column;gap:2px;display:flex}.plan-escalon-nombre{font-weight:600}.plan-eje{text-transform:lowercase;opacity:.6;font-size:.75rem}.plan-habilidad{font-size:.9rem}.plan-porque{opacity:.7;font-size:.85rem}.plan-vigente{margin-top:4px;font-size:.8rem;font-weight:600}.plan-teoria-titulo{margin:0 0 8px;font-size:1.1rem}.plan-ideas{flex-direction:column;gap:12px;margin:0 0 20px;padding:0;list-style:none;display:flex}.plan-idea{flex-direction:column;gap:2px;font-size:.9rem;display:flex}.plan-idea-hace{opacity:.7}.concepto-enlaces{text-align:center;margin-bottom:-18px;font-size:.9rem}.concepto .concepto-plan{background:0 0;border:none;min-height:0;padding:4px 0;font-size:.9rem;text-decoration:underline}.sesion .sesion-acciones{margin:4px 0 0}body:has(.practica){background:#111315}.practica{--p-fondo:#111315;--p-panel:#1b1e21;--p-celda:#24282c;--p-nota:#5d646a;--p-boton:#2c3136;--p-borde:#454c53;--p-tinta:#eef0f2;--p-tenue:#8a9197;--p-verde:#3ddc97;max-width:420px;color:var(--p-tinta);background:var(--p-fondo);margin:0 auto;padding:12px 18px}.practica h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;overflow:hidden}.practica button{color:inherit;font:inherit;cursor:pointer}.pc-encabezado{justify-content:space-between;align-items:center;gap:10px;min-height:40px;display:flex}.pc-ayuda,.pc-icono{background:var(--p-boton);border:1.5px solid var(--p-borde);box-shadow:0 2px #0a0c0d}.pc-ayuda{border-radius:20px;flex:none;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:13px;display:flex}.pc-ayuda b{color:var(--p-verde);font-size:12px}.pc-transporte{align-items:center;gap:12px;margin-top:10px;display:flex}.pc-play{background:var(--p-verde);border:none;border-radius:50%;flex:none;width:46px;height:46px;font-size:20px;color:#0b1f16!important}.pc-tempo{background:var(--p-panel);border-radius:30px;align-items:center;gap:6px;padding:4px;display:flex}.pc-tempo button{background:var(--p-celda);border:none;border-radius:50%;width:38px;height:38px;font-size:20px}.pc-tempo button:disabled{opacity:.3;cursor:default}.pc-tempo span{text-align:center;font-variant-numeric:tabular-nums;width:74px;font-weight:600}.pc-click{border:2px solid var(--p-tinta);background:0 0;border-radius:14px;flex-direction:column;align-items:center;gap:2px;margin-left:auto;padding:6px 10px;display:flex;font-size:13px!important}.pc-click[aria-pressed=false]{border-color:var(--p-borde);color:var(--p-tenue)}.pc-compas{background:var(--p-panel);border:2px solid #0000;border-radius:16px;margin-bottom:10px;padding:6px 12px}.pc-compas[data-actual=true]{border-color:var(--p-verde)}.pc-cab,.pc-fila{grid-template-columns:56px 1fr;align-items:center;display:grid}.pc-cab{color:var(--p-tenue);margin-bottom:2px;font-size:12px}.pc-numero{color:var(--p-tinta);font-weight:600}.pc-pulsos,.pc-celdas{gap:5px;display:grid}.pc-pulsos span{padding-left:3px;font-weight:600}.pc-fila{height:42px}.pc-icono{border-radius:12px;place-items:center;width:42px;height:40px;padding:0;display:grid}.pc-icono[aria-pressed=false]{box-shadow:none;color:var(--p-tenue);background:0 0;border-style:dashed;position:relative}.pc-icono[aria-pressed=false]:after{content:"";background:currentColor;width:28px;height:2px;position:absolute;transform:rotate(-45deg)}.pc-celda{background:var(--p-celda);border-radius:4px;height:32px}.pc-pulso{margin-left:4px}.pc-celda[data-testid=nota]{background:var(--p-nota)}.pc-celda[data-tuya=true]{box-shadow:inset 0 0 0 2px var(--p-nota);background:0 0}.pc-celda[data-suena=true]{background:var(--p-verde);box-shadow:0 0 10px var(--p-verde)}.pc-celda[data-tuya=true][data-suena=true]{box-shadow:inset 0 0 0 3px var(--p-verde), 0 0 10px var(--p-verde);background:0 0}.practica-elegir ul{padding:0;list-style:none}.practica-elegir a{background:var(--p-panel);color:var(--p-tinta);border-radius:12px;margin:10px 0;padding:14px 16px;text-decoration:none;display:block}.p2-encabezado{align-items:center;gap:10px;min-height:40px;display:flex}.p2-feel{border:1.5px solid var(--p-verde);color:var(--p-verde);border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}.p2-transporte{align-items:center;gap:10px;margin:12px 0 8px;display:flex}.p2-click{border:1.5px solid var(--p-borde);background:var(--p-panel);white-space:nowrap;border-radius:24px;align-items:center;gap:6px;height:48px;padding:0 12px;font-size:13px;display:flex}.p2-click b{color:var(--p-verde)}.p2-click[aria-pressed=false],.p2-click[aria-pressed=false] b{color:var(--p-tenue)}.p2-partitura{--p-tinta:currentColor;--p-tenue:color-mix(in srgb, currentColor 55%, transparent);--p-nota:color-mix(in srgb, currentColor 42%, transparent);--p-borde:color-mix(in srgb, currentColor 28%, transparent);--p-verde:#3ddc97;max-width:420px}.p2-renglon{margin-top:22px;display:flex}.p2-compas[data-aislado=false]{opacity:.35}.p2-siglas{flex:none;width:44px;display:grid}.p2-sigla{background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:40px;height:34px;padding:0;font-weight:600;line-height:1;display:flex;font-size:10px!important}.p2-sigla svg{width:16px;height:16px}button.p2-sigla{border-color:var(--p-borde);background:color-mix(in srgb, currentColor 10%, transparent);color:inherit;cursor:pointer;box-shadow:0 2px #00000080}.p2-sigla[aria-pressed=false]{border-style:dashed;border-color:var(--p-borde);box-shadow:none;color:var(--p-tenue);background:0 0}.p2-sigla:disabled{cursor:default;opacity:.6}.p2-compas{border-left:2px solid var(--p-borde);flex:1;min-width:0;padding:0 4px;display:grid;position:relative}.p2-numero{color:var(--p-tenue);font-size:10px;position:absolute;top:-16px;left:2px}.p2-cuenta{color:var(--p-tenue);place-self:end center;font-size:10px}.p2-cuenta[data-pulso=true]{color:var(--p-tinta);font-size:15px;font-weight:700}.p2-cabezal{z-index:0;background:color-mix(in srgb, var(--p-verde) 22%, transparent);border-radius:8px;margin:0 1px}.p2-nota,.p2-vacio{z-index:1;border-radius:50%;place-self:center}.p2-vacio{background:var(--p-borde);width:4px;height:4px}.p2-nota{aspect-ratio:1;background:var(--p-nota);width:min(16px,72%);height:auto}.p2-nota[data-intensidad=acento]{aspect-ratio:1;width:min(24px,96%);height:auto}.p2-nota[data-intensidad=ghost]{aspect-ratio:1;width:min(9px,40%);height:auto}.p2-nota[data-tuya=true]{box-shadow:inset 0 0 0 2px var(--p-nota);background:0 0}.p2-nota[data-suena=true]{background:var(--p-verde);box-shadow:0 0 12px var(--p-verde)}.p2-nota[data-tuya=true][data-suena=true]{box-shadow:inset 0 0 0 3px var(--p-verde), 0 0 12px var(--p-verde);background:0 0}.p2-ayuda{border:1.5px solid var(--p-borde);background:var(--p-panel);border-radius:22px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:20px;font-size:14px;display:flex}.p2-ayuda b{color:var(--p-verde)}.practica-elegir li{background:var(--p-panel);border-radius:12px;align-items:center;gap:8px;margin:8px 0;padding:10px 12px;display:flex}.practica-elegir li span{flex:1}.practica-elegir li a{border:1px solid var(--p-borde);border-radius:8px;margin:0;padding:6px 10px;font-size:13px}.reparar-compases{gap:8px;margin-bottom:4px;display:flex}.reparar-compases button{border:1.5px solid color-mix(in srgb, currentColor 28%, transparent);min-width:44px;height:36px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:18px;font-weight:600}.reparar-compases button[aria-pressed=true]{color:#3ddc97;border-color:#3ddc97}.sesion .transport,.reparar .transport,.explorar .transport{flex-wrap:nowrap;gap:6px}.sesion .transport .pasada,.reparar .transport .pasada,.explorar .transport .pasada{flex:none;width:44px;min-width:44px;height:44px}.sesion .transport .pasada[data-sonando=false],.reparar .transport .pasada[data-sonando=false],.explorar .transport .pasada[data-sonando=false]{color:#0b1f16;background:#3ddc97}.sesion .tempo-control,.reparar .tempo-control,.explorar .tempo-control{background:color-mix(in srgb, currentColor 8%, transparent);border-radius:30px;gap:4px;padding:4px}.sesion .tempo-control button,.reparar .tempo-control button,.explorar .tempo-control button{background:color-mix(in srgb, currentColor 12%, transparent);min-width:32px;min-height:38px}.sesion .tempo-control .sesion-bpm,.reparar .tempo-control .sesion-bpm,.explorar .tempo-control .sesion-bpm{white-space:nowrap;text-align:center;min-width:64px;font-size:15px;font-weight:600;line-height:38px}.boton-click{box-sizing:border-box;height:46px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;margin-left:auto;padding:0 8px;font-size:12px;line-height:1.1;display:flex}.boton-click svg{width:20px;height:20px}.boton-banda{width:44px;margin-left:0;padding:0}.boton-click[aria-pressed=false]{border-color:color-mix(in srgb, currentColor 28%, transparent);color:color-mix(in srgb, currentColor 55%, transparent)}.festejo{color:#3ddc97;width:72px;height:72px;margin-bottom:8px;position:relative}.festejo svg{display:block;overflow:visible}.festejo-aro,.festejo-tilde{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.festejo-aro{stroke-dasharray:189;transform-origin:50%;--largo:189;animation:.45s ease-out both festejo-trazo;transform:rotate(-90deg)}.festejo-tilde{stroke-dasharray:36;--largo:36;animation:.25s ease-out .4s both festejo-trazo}.chispa{opacity:0;background:currentColor;border-radius:50%;width:8px;height:8px;animation:.8s ease-out .5s forwards festejo-chispa;position:absolute;top:50%;left:50%}.chispa:nth-child(odd){background:color-mix(in srgb, currentColor 40%, white)}.festejo[data-motivo=escalon] svg{animation:.5s ease-in-out 1.1s both festejo-pulso}@keyframes festejo-trazo{0%{stroke-dashoffset:var(--largo)}to{stroke-dashoffset:0}}@keyframes festejo-chispa{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}60%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(.4)}}@keyframes festejo-pulso{50%{transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.festejo,.festejo *{animation:none!important}.festejo .chispa{display:none}}.sesion-titulo{align-items:center;gap:10px;display:flex}.sesion-titulo h1{flex:1;margin:0}.boton-vista{border:1.5px solid color-mix(in srgb, currentColor 30%, transparent);width:34px;height:34px;color:inherit;cursor:pointer;background:0 0;border-radius:10px;flex:none;place-items:center;padding:0;display:grid}.boton-vista svg{width:18px;height:18px}.fichas{gap:6px;display:flex}.ficha{border:1.5px solid color-mix(in srgb, currentColor 55%, transparent);height:30px;color:inherit;font:inherit;letter-spacing:.03em;cursor:pointer;background:0 0;border-radius:15px;align-items:center;gap:5px;padding:0 10px 0 8px;font-size:12px;font-weight:600;display:inline-flex}.ficha svg{width:15px;height:15px}.ficha[aria-pressed=false]{border-style:dashed;border-color:color-mix(in srgb, currentColor 30%, transparent);color:color-mix(in srgb, currentColor 50%, transparent)}.ficha:disabled{cursor:default;opacity:.6}.sesion-ejercicio{color:color-mix(in srgb, currentColor 70%, transparent);align-items:center;gap:8px;font-size:14px;display:flex}.sesion-ejercicio span{flex:1}.sesion .sesion-ejercicio{margin-bottom:-8px}.boton-voz{border:1.5px solid color-mix(in srgb, currentColor 30%, transparent);width:34px;height:30px;color:inherit;cursor:pointer;background:0 0;border-radius:10px;flex:none;place-items:center;padding:0;display:grid}.boton-voz svg{width:18px;height:18px}.pentagrama-practica{gap:2px;max-width:342px;display:grid}.pentagrama-practica svg{width:100%;height:auto;display:block;overflow:visible}.pp-linea{stroke:color-mix(in srgb, currentColor 30%, transparent);stroke-width:.9px}.pp-clave{fill:currentColor}.pp-trazo,.pp-cruz{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round}.pp-grueso{stroke-width:1.7px}.pp-cruz{stroke-width:1.45px}.pp-ovalo,.pp-silencio circle,.pp-barra{fill:currentColor}.pp-silencio{color:color-mix(in srgb, currentColor 70%, transparent)}.pp-plica{stroke:currentColor;stroke-width:1.05px}.pp-tuya,.pp-cabeza[data-tuya=true]{color:color-mix(in srgb, currentColor 55%, transparent)}.pp-cabeza[data-tuya=true] .pp-ovalo{fill:none;stroke:currentColor;stroke-width:1.3px}.pp-cabeza[data-tuya=true] .pp-cruz{stroke-width:1.2px;stroke-dasharray:2.2 1.8}.pp-suena,.pp-cabeza[data-suena=true]{color:#3ddc97}.pp-cabeza[data-suena=true]{filter:drop-shadow(0 0 4px #3ddc97)}.pp-cabezal{fill:#3ddc9729}.pp-cuenta{fill:color-mix(in srgb, currentColor 55%, transparent);font:inherit;font-size:10px}.pp-cuenta.pp-pulso{fill:currentColor;font-size:12px;font-weight:600}.pp-cuenta.pp-suena{fill:#3ddc97}.pp-fino{stroke-width:1.2px}.reparar-derecha{display:contents}@media (orientation:landscape) and (height<=500px){.sesion[data-apaisable],.reparar[data-apaisable]{--apaisado-borde:12px;--apaisado-columna:260px;box-sizing:border-box;max-width:none;min-height:100dvh;padding:var(--apaisado-borde) 20px;gap:10px;position:relative}.sesion[data-apaisable]>*,.reparar[data-apaisable]>*{width:var(--apaisado-columna)}.sesion[data-apaisable]>.transport,.reparar[data-apaisable]>.transport{flex-wrap:wrap;row-gap:6px}.sesion[data-apaisable],.reparar[data-apaisable]{--p2-fila:32px}.sesion[data-apaisable] .p2-sigla,.reparar[data-apaisable] .p2-sigla{height:28px}.sesion[data-apaisable]>.sesion-acciones{margin-top:auto}.sesion[data-apaisable]>p{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sesion[data-apaisable]>.p2-partitura,.sesion[data-apaisable]>.pentagrama-practica,.sesion[data-apaisable]>.partitura,.reparar[data-apaisable]>.reparar-derecha{inset:var(--apaisado-borde) 20px var(--apaisado-borde) calc(var(--apaisado-columna) + 40px);width:auto;max-width:none;position:absolute}.sesion[data-apaisable]>.p2-partitura,.sesion[data-apaisable]>.pentagrama-practica,.sesion[data-apaisable]>.partitura{align-content:safe center;display:grid}.sesion[data-apaisable]>.p2-partitura{justify-items:stretch;max-width:600px;margin-inline:auto}.sesion[data-apaisable]>.pentagrama-practica{--pp-estirar:1}.reparar[data-apaisable]>.reparar-derecha{--p2-fila:30px;flex-direction:column;justify-content:safe center;gap:6px;display:flex}.reparar[data-apaisable] .reparar-compases{margin-bottom:0}.reparar[data-apaisable]>.reparar-derecha>.p2-partitura{max-width:600px}}.explorar{flex-direction:column;gap:12px;max-width:640px;display:flex}.explorar>*{margin:0}.explorar-cabeza{order:1}.explorar-filtros{order:2}.explorar-elegido{order:3}.explorar-lista{order:4}.explorar-cabeza{align-items:center;gap:8px;display:flex}.explorar-cabeza h1{margin:0;font-size:1.5rem}.explorar-volver{border:1.5px solid color-mix(in srgb, currentColor 35%, transparent);width:36px;height:34px;color:inherit;cursor:pointer;background:0 0;border-radius:9px;flex:none;place-items:center;padding:0;display:grid}.explorar-volver svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.explorar-filtros{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.explorar-filtro{border:1.5px solid color-mix(in srgb, currentColor 22%, transparent);height:30px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:15px;flex:none;padding:0 12px;font-size:13px}.explorar-filtro[aria-pressed=true]{color:#121212;background:#ececea;border-color:#ececea;font-weight:600}.explorar-lista{gap:2px;padding:0;list-style:none;display:grid}.explorar-groove{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:10px;grid-template-columns:1fr auto;gap:1px 8px;padding:7px 10px;display:grid}.explorar-groove[aria-current=true]{border-color:color-mix(in srgb, currentColor 18%, transparent);background:color-mix(in srgb, currentColor 7%, transparent)}.explorar-groove b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.explorar-bpm{font-variant-numeric:tabular-nums;opacity:.6;align-self:center;font-size:12px}.explorar-detalle{color:color-mix(in srgb, currentColor 60%, transparent);grid-column:1/-1;align-items:center;gap:6px;font-size:12px;display:flex}.explorar-nivel{gap:2px;display:inline-flex}.explorar-nivel i{background:color-mix(in srgb, currentColor 45%, transparent);border-radius:50%;width:6px;height:6px}.explorar-nivel i[data-si=true]{background:#ececea}.explorar-pieza{color:#3ddc97;border:1px solid #3ddc9799;border-radius:4px;padding:0 3px;font-size:9px;font-weight:700}.explorar-elegido{border:1.5px solid color-mix(in srgb, currentColor 18%, transparent);background:color-mix(in srgb, currentColor 5%, transparent);border-radius:14px;gap:10px;padding:12px;display:grid}.explorar-titulo{flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.explorar-titulo h2{margin:0;font-size:1.25rem}.explorar-titulo span{opacity:.6;font-size:13px}.explorar .transport{margin:0}@media (orientation:landscape) and (height<=500px){.explorar{--explorar-borde:12px;box-sizing:border-box;max-width:none;height:100dvh;padding:var(--explorar-borde) 20px;grid-template-rows:auto auto 1fr;grid-template-columns:260px 1fr;gap:8px 20px;display:grid}.explorar-cabeza{grid-area:1/1}.explorar-filtros{grid-area:2/1}.explorar-lista{grid-area:3/1;align-content:start;min-height:0;overflow-y:auto}.explorar-elegido{background:0 0;border:0;grid-area:1/2/-1;grid-template-rows:auto 1fr;min-height:0;padding:0}.explorar-titulo{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.explorar-elegido>.pentagrama-practica{--pp-estirar:1;align-content:center;max-width:none;min-height:0}}