@font-face{font-family:Noto Music;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-music-music-400-normal-CksxHXl6.woff2)format("woff2"),url(./noto-music-music-400-normal-BOLtuVsm.woff)format("woff")}:root{--fondo:#f6f1e7;--superficie:#fff;--texto:#23302b;--suave:#63706a;--marca:#1f5c4a;--marca-claro:#d8ebe3;--madera:#e8cfa3;--madera-borde:#b98d52;--tapado:#23302b;--cursor:#4caf5073;--aviso:#9a5b00;--borde:#e2dacb;--letra:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--letra-titulo:var(--letra);--barra-fondo:var(--superficie);--barra-texto:var(--texto);--barra-icono:var(--marca);--barra-suave:var(--suave);--barra-borde:var(--borde);--play-fondo:var(--marca);--play-texto:#fff;--papel:#fff;--sombra-papel:none;--radio:14px;--cam-cielo:#fbefd8;--cam-prado:#d9d39a;--loma-0:#f1e5c3;--loma-1:#e6ddb2;--loma-2:#dcd6a0;--loma-3:#d0cd8e;--cam-tierra:#eed6a6;--cam-borde:#c9a066;--cam-paso:#d8b47a;--arbol:#8db35f;--arbol-sombra:#6f9447;--arbol-luz:#b6d283;--tronco:#8a5a2b;--flor-0:#e8735a;--flor-1:#f2b33d;--flor-2:#fff;--nota-paisaje:#6e461e4d;--flauta-madera:#e7c48c;--flauta-luz:#f9e7c4;--flauta-sombra:#b98a4e;--flauta-borde:#5e3a1c;--flauta-junta:#8a5a2b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--fondo:#141a18;--superficie:#1d2522;--texto:#e8ece9;--suave:#9aa6a0;--marca:#5fb894;--marca-claro:#24382f;--madera:#c9a774;--madera-borde:#8a6532;--tapado:#141a18;--aviso:#f0b45a;--borde:#2c3632;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--fondo);color:var(--texto);font-family:var(--letra);-webkit-tap-highlight-color:transparent}.app{height:100%;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;display:flex}.vista{scrollbar-width:none;-webkit-user-select:none;user-select:none;flex-wrap:wrap;flex:1;align-content:flex-start;gap:10px;padding:10px 10px 72px;display:flex;overflow-y:auto}.vista::-webkit-scrollbar{display:none}.tarjeta{background:var(--superficie);border:1px solid var(--borde);min-width:calc(64px * var(--t));color:var(--texto);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;transition:background .12s,box-shadow .12s;display:flex}.tarjeta.silencio{opacity:.75}.tarjeta.fuera{border-color:var(--aviso)}.tarjeta.cursor{background:var(--cursor);box-shadow:0 0 0 4px var(--cursor)}.figura{font-family:Noto Music,serif;font-size:calc(30px * var(--t));height:calc(36px * var(--t));line-height:1.1}.hueco{height:calc(110px * var(--t))}.nombre{font-size:calc(15px * var(--t));min-height:1.2em;font-weight:600}.digitacion .cuerpo{fill:var(--madera);stroke:var(--madera-borde);stroke-width:1.2px}.digitacion .ventana{fill:var(--madera-borde)}.digitacion .aguj-fondo{fill:var(--superficie)}.digitacion .aguj-tapado{fill:var(--tapado)}.digitacion .aguj-borde{fill:none;stroke:var(--tapado);stroke-width:1.3px}.digitacion.fuera .fuera-txt{fill:var(--aviso);font-size:40px;font-weight:700}.vista-partitura{scrollbar-width:thin;flex:1;padding:4px 4px 72px;overflow:hidden auto}.hoja{background:var(--papel);box-shadow:var(--sombra-papel);border-radius:10px;position:relative}.lienzo{position:relative}.capa{pointer-events:none;position:absolute;inset:0}.dig-nota{pointer-events:auto;cursor:pointer;color:#23302b;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:0;padding:0 2px;display:flex;position:absolute;transform:translate(-50%)}.dig-nota span{font-size:12px;font-weight:600}.dig-nota.actual{background:var(--cursor)}.hoja .digitacion .aguj-fondo{fill:#fff}.hoja .digitacion .aguj-tapado{fill:#23302b}.hoja .digitacion .aguj-borde{stroke:#23302b}.tarjeta.alterada{background:color-mix(in srgb, var(--superficie) 85%, var(--madera))}.icono{flex:none;display:block}button{font:inherit}button:disabled{opacity:.4;cursor:default}.barra-sup{height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 6px 0;background:var(--barra-fondo);border-bottom:1px solid var(--barra-borde);flex:none;align-items:center;gap:4px;display:flex}.icono-boton{width:44px;height:44px;color:var(--barra-icono);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:none;place-items:center;display:grid}.icono-boton:active{background:var(--marca-claro)}.barra-sup .titulo{min-width:0;height:44px;color:var(--barra-texto);cursor:pointer;font-family:var(--letra-titulo);text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:0 6px;font-size:17px;font-weight:700;display:flex}.titulo-textos{flex-direction:column;min-width:0;line-height:1.2;display:flex}.titulo-textos>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.titulo-textos small{color:var(--barra-suave);font-size:12px;font-weight:600;font-family:var(--letra)}.barra-sup .titulo .icono{color:var(--aviso)}.pastilla{cursor:pointer;background:var(--marca-claro);height:34px;color:var(--marca);white-space:nowrap;border:none;border-radius:17px;flex:none;padding:0 12px;font-size:15px;font-weight:700}.contenido{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.error{color:var(--aviso);margin:0;padding:8px 16px}.barra-inf{padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:var(--barra-fondo);border-top:1px solid var(--barra-borde);flex:none;justify-content:center;align-items:center;gap:4px;display:flex}.mando{cursor:pointer;max-width:96px;height:56px;color:var(--barra-suave);background:0 0;border:none;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.mando span{font-size:11px;font-weight:600}.mando.activo{color:var(--marca);background:var(--marca-claro)}.mando.play{background:var(--play-fondo);width:60px;max-width:none;height:60px;color:var(--play-texto);border-radius:50%;flex:none;margin:0 6px;box-shadow:0 2px 8px #0000002e}.escucha{z-index:5;white-space:nowrap;background:var(--superficie);color:var(--texto);border:2px solid var(--marca-claro);border-radius:22px;align-items:center;gap:16px;padding:8px 18px;font-size:17px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0003}.escucha.bien{border-color:#4caf50}.escucha.mal{border-color:#e6783c}.escucha .oida{text-align:center;min-width:70px;padding-bottom:8px;font-weight:700;position:relative}.escucha .oida:after{content:"";background:color-mix(in srgb, var(--texto) 20%, transparent);border-radius:2px;height:4px;position:absolute;bottom:0;left:0;right:0}.escucha .oida i{background:var(--marca);z-index:1;border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;bottom:-2px}.panel-fondo{z-index:20;background:#00000059;align-items:flex-end;animation:.15s ease-out aparece;display:flex;position:fixed;inset:0}.panel{background:var(--superficie);width:100%;max-height:85%;padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0;flex-direction:column;animation:.2s ease-out sube;display:flex;box-shadow:0 -4px 20px #0003}.panel-cabecera{flex:none;justify-content:space-between;align-items:center;padding:8px 8px 0 20px;display:flex}.panel-cabecera h2{font-size:21px;font-family:var(--letra-titulo);margin:0}.panel-cuerpo{flex-direction:column;gap:12px;padding:8px 20px 20px;display:flex;overflow-y:auto}.panel-cuerpo>*{flex-shrink:0}@media (min-width:768px){.panel.alto{height:auto}.panel-fondo{justify-content:flex-end;align-items:stretch}.panel{width:380px;max-height:none;padding-top:env(safe-area-inset-top);border-radius:0;animation:.2s ease-out entra}}@keyframes aparece{0%{opacity:0}}@keyframes sube{0%{transform:translateY(40%)}}@keyframes entra{0%{transform:translate(40%)}}.ajuste{justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:17px;font-weight:600;display:flex}.ajuste.columna{flex-direction:column;align-items:stretch;gap:8px}.interruptor{appearance:none;background:var(--borde);cursor:pointer;border-radius:15px;flex:none;width:52px;height:30px;margin:0;transition:background .15s;position:relative}.interruptor:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.interruptor:checked{background:var(--marca)}.interruptor:checked:after{transform:translate(22px)}.segmentado{background:var(--fondo);border-radius:12px;padding:3px;display:flex}.segmentado button{color:var(--suave);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 12px;font-size:16px;font-weight:600}.segmentado button.activo{background:var(--superficie);color:var(--marca);box-shadow:0 1px 3px #0000001f}.grupo{align-items:center;gap:8px;display:flex}.valor{text-align:center;min-width:64px;font-size:17px;font-weight:700}.redondo{background:var(--marca-claro);width:56px;height:56px;color:var(--marca);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.redondo.chico{width:40px;height:40px}.version{color:var(--suave);text-align:center;margin:8px 0 0;font-size:13px}.tempo{justify-content:space-between;align-items:center;gap:12px;display:flex}.tempo-valor{flex-direction:column;align-items:center;display:flex}.tempo-valor strong{color:var(--marca);font-size:48px;line-height:1;font-family:var(--letra-titulo)}.tempo-valor small{color:var(--suave);font-size:13px}.deslizador{width:100%;accent-color:var(--marca);height:28px}.mosaico{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mosaico button{cursor:pointer;border:2px solid var(--borde);background:var(--fondo);color:var(--suave);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-size:15px;font-weight:600;display:flex}.mosaico button.activo{border-color:var(--marca);background:var(--marca-claro);color:var(--marca)}.dibujo-vista{width:64px;height:48px}.mosaico button span{text-align:center;line-height:1.2}.panel.alto{height:85%}.panel .vista{flex:none;justify-content:center;padding:4px 0 8px;overflow:visible}.fila-enlace{cursor:pointer;background:var(--fondo);min-height:52px;color:var(--texto);text-align:left;border:none;border-radius:14px;align-items:center;gap:12px;padding:0 12px;font-size:17px;font-weight:600;display:flex}.fila-enlace span{flex:1}.fila-enlace .icono:first-child{color:var(--marca)}.formatos{color:var(--suave);text-align:center;margin:-2px 0 0;font-size:13px}.boton{background:var(--marca);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:16px;font-weight:600;display:inline-flex}.boton.secundario{background:var(--marca-claro);color:var(--marca)}.boton.ancho{width:100%;min-height:48px}.partituras{flex-direction:column;gap:10px;display:flex}.avisos{background:color-mix(in srgb, var(--aviso) 12%, var(--superficie));color:var(--aviso);border-radius:12px;flex-direction:column;gap:4px;margin:0;padding:10px 12px;font-size:14px;list-style:none;display:flex}.avisos li{align-items:flex-start;gap:6px;display:flex}.buscador{background:var(--fondo);color:var(--suave);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.buscador input{min-width:0;height:46px;color:var(--texto);background:0 0;border:none;outline:none;flex:1;font-size:16px}.chips{scrollbar-width:none;flex:none;gap:6px;display:flex;overflow-x:auto}.chips button{border:1px solid var(--borde);background:var(--superficie);color:var(--suave);cursor:pointer;border-radius:18px;flex:none;padding:7px 14px;font-size:15px;font-weight:600}.chips button.activo{background:var(--marca);border-color:var(--marca);color:#fff}.lista-temas{margin:0;padding:0;list-style:none}.lista-temas button{text-align:left;border:none;border-bottom:1px solid var(--borde);width:100%;min-height:48px;color:var(--texto);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:8px 4px;font-size:16px;display:flex}.lista-temas small{color:var(--suave);flex:none;font-size:13px}.lista-temas button.activo{color:var(--marca);font-weight:700}.lista-temas .vacio{color:var(--suave);padding:16px 4px}.marca{font-family:var(--letra-titulo);color:var(--barra-texto);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0 0 0 10px;font-size:22px;overflow:hidden}.barra-sup div.titulo{cursor:default}.estrellas{gap:1px;line-height:1;display:inline-flex}.estrellas i{color:color-mix(in srgb, var(--suave) 35%, transparent);font-style:normal}.estrellas i.si{color:#f2b322;text-shadow:0 1px #00000026}.nivel{padding:8px 16px calc(32px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:14px;width:100%;max-width:640px;margin:0 auto;display:flex;overflow-y:auto}.nivel-portada{color:var(--marca);flex-wrap:wrap;justify-content:center;gap:14px;padding:6px 0 2px;display:flex}.nota-grande{cursor:pointer;background:var(--superficie);color:var(--texto);box-shadow:0 4px 0 var(--borde);border:none;border-radius:22px;flex-direction:column;align-items:center;gap:4px;padding:10px 16px 8px;display:flex}.nota-grande strong{font-family:var(--letra-titulo);color:var(--marca);font-size:26px}.nota-grande:active{box-shadow:0 1px 0 var(--borde);transform:translateY(3px)}.pasos{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.paso{background:var(--superficie);border:2px solid #0000;border-radius:18px;padding:12px 14px;box-shadow:0 2px 8px #0000000f}.paso-cabecera{align-items:center;gap:12px;display:flex}.paso-num{background:var(--marca-claro);width:36px;height:36px;color:var(--marca);border-radius:50%;flex:none;place-items:center;font-size:17px;font-weight:800;display:grid}.paso.hecho .paso-num{background:var(--marca);color:#fff}.paso-textos{flex-direction:column;flex:1;min-width:0;display:flex}.paso-textos strong{font-family:var(--letra-titulo);font-size:18px}.paso-textos small{color:var(--suave);font-size:13.5px}.boton.chico-texto{flex:none;padding:8px 14px;font-size:15px}.paso-temas{margin:8px 0 0 48px;padding:0;list-style:none}.paso-temas button{border:none;border-top:1px solid var(--borde);width:100%;min-height:46px;color:var(--texto);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:6px 4px;font-size:16px;display:flex}.conoce{flex-direction:column;align-items:center;gap:10px;display:flex}.conoce-nota{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.conoce-ayuda{color:var(--suave);margin:0;font-size:14px}.pentagrama{color:var(--texto);height:auto}.conoce-nota .pentagrama{width:190px}.tarjeta .pentagrama{width:104px}.pentagrama .ocho{font-size:15px!important}.pentagrama .clave{fill:currentColor;font-family:Noto Music,serif;font-size:62px}.pentagrama .ocho{fill:currentColor;font-size:13px;font-weight:700}.pentagrama .alteracion{fill:currentColor;font-family:Noto Music,serif;font-size:26px}.prueba{flex-direction:column;align-items:center;gap:10px;padding-bottom:6px;display:flex}.prueba-centro{width:170px;height:170px;position:relative}.aro{position:absolute;inset:0;transform:rotate(-90deg)}.aro circle{fill:none;stroke-width:10px}.aro-fondo{stroke:var(--marca-claro)}.aro-lleno{stroke:var(--marca);stroke-linecap:round;transition:stroke-dashoffset .1s linear}.prueba-nota{place-items:center;display:grid;position:absolute;inset:0}.prueba-nombre{font-family:var(--letra-titulo);color:var(--marca);font-size:30px}.prueba-oida{color:var(--suave);min-height:1.3em;margin:0;font-size:15px}.puntos{justify-content:center;gap:8px;display:flex}.puntos i{background:var(--borde);border-radius:50%;width:12px;height:12px}.puntos i.si{background:var(--marca)}.antes{flex-direction:column;flex:1;gap:16px;display:flex}.tarjeta-intro{text-align:center;flex-direction:column;align-items:center;gap:8px;animation:.25s ease-out aparece;display:flex}.tarjeta-intro h3{font-family:var(--letra-titulo);color:var(--marca);margin:6px 0 0;font-size:26px}.tarjeta-intro p{max-width:300px;margin:0;font-size:17px;line-height:1.35}.dibujo-tarjeta{width:220px;height:150px}.relleno-madera{fill:var(--madera);stroke:var(--madera-borde);stroke-width:1.5px}.relleno-suave{fill:var(--marca-claro);stroke:var(--marca);stroke-width:2px}.trazo-figura{fill:none;stroke:var(--marca);stroke-width:5px;stroke-linecap:round}.trazo-aire{fill:none;stroke:var(--marca);stroke-width:3px;stroke-linecap:round;opacity:.7;animation:1.6s ease-in-out infinite soplo}@keyframes soplo{0%,to{opacity:.15;transform:translate(-6px)}50%{opacity:.8;transform:translate(6px)}}.dibujo-manos{align-items:center;gap:10px;height:180px;display:flex}.manos{flex-direction:column;height:150px;margin-top:14px;display:flex}.manos span{border-left:3px solid var(--marca);color:var(--marca);border-radius:0;flex:1;align-items:center;margin:3px 0;padding-left:10px;font-size:14px;font-weight:700;display:flex}.dibujo-tu{align-items:center;gap:14px;height:150px;display:flex}.dibujo-tu span{font-family:var(--letra-titulo);color:var(--marca);font-size:34px;animation:2s ease-in-out infinite tu}@keyframes tu{0%,to{opacity:.45;transform:scale(1)}20%{opacity:1;transform:scale(1.3)}}.fila-botones{justify-content:center;gap:10px;display:flex}.fila-botones .boton{white-space:nowrap;flex:1;max-width:220px;min-height:48px}.premio .fila-botones{width:100%}.aviso-nivel{margin:0 0 8px;font-size:16px;line-height:1.4}.premio{z-index:8;background:#00000059;place-items:center;animation:.2s ease-out aparece;display:grid;position:absolute;inset:0}.premio-tarjeta{background:var(--superficie);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:6px;width:min(320px,86%);padding:22px 18px 16px;animation:.25s ease-out sube;display:flex;box-shadow:0 10px 30px #0000004d}.premio-tarjeta strong{font-family:var(--letra-titulo);color:var(--marca);font-size:28px}.premio-tarjeta small{color:var(--suave);margin-bottom:8px;font-size:15px}.premio .estrellas i.si{animation:.5s ease-out both estrella}.premio .estrellas i:nth-child(2){animation-delay:.15s}.premio .estrellas i:nth-child(3){animation-delay:.3s}@keyframes estrella{0%{opacity:0;transform:scale(.2)rotate(-30deg)}}@media (max-height:500px){.barra-sup{height:calc(44px + env(safe-area-inset-top))}.mando{height:44px}.mando span{display:none}.mando.play{width:46px;height:46px}.panel{max-height:95%}}.dig-nota.bien span,.tarjeta.bien .nombre{color:#2e9d4f}.dig-nota.mal span,.tarjeta.mal .nombre{color:#d6453d}.dig-nota.bien{background:#4caf5029}.dig-nota.mal{background:#d6453d29}.tarjeta.bien{border-color:#4caf50;box-shadow:inset 0 -4px #4caf50}.tarjeta.mal{border-color:#d6453d;box-shadow:inset 0 -4px #d6453d}.punto-nota{border-radius:50%;width:10px;height:10px;margin:2px 0 0 -5px;position:absolute}.punto-nota.bien{background:#4caf50}.punto-nota.mal{background:#d6453d}.escucha .cuenta{font-weight:800}.escucha .cuenta.bien{color:#2e9d4f}.escucha .cuenta.mal{color:#d6453d}.afinador{flex-direction:column;align-items:center;gap:6px;display:flex}.esfera{width:260px;max-width:100%}.esfera-arco{fill:none;stroke:var(--borde);stroke-width:10px;stroke-linecap:round}.esfera-zona{fill:none;stroke:#4caf50;stroke-width:10px;stroke-linecap:round}.esfera-marca{stroke:var(--suave);stroke-width:2px}.aguja{stroke:var(--marca);stroke-width:4px;stroke-linecap:round;transform-origin:120px 120px;transition:transform .12s linear}.aguja.ok{stroke:#2e9d4f}.aguja-eje{fill:var(--texto)}.afinador-nota{font-family:var(--letra-titulo);color:var(--texto);font-size:52px;line-height:1}.afinador-nota.ok{color:#2e9d4f}.afinador-texto{color:var(--suave);min-height:1.3em;margin:0 0 6px;font-size:15px}.boton.peligro{color:#fff;background:#c0392b}.tema-extra{flex:none;align-items:center;gap:8px;display:flex}.nivel-etapa{background:var(--etapa);color:#fff;border-radius:12px;align-self:center;margin-top:4px;padding:4px 12px;font-size:13px;font-weight:700}.paso.toca{border-color:var(--etapa,var(--marca))}.paso.hecho .paso-num{background:var(--etapa,var(--marca))}.nivel-portada.concepto{gap:10px}.simbolo{background:var(--superficie);min-width:92px;box-shadow:0 4px 0 var(--borde);border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:10px 12px 8px;display:flex}.simbolo b{font-family:"Noto Music", var(--letra-titulo), serif;color:var(--etapa);font-size:40px;line-height:1.1}.simbolo small{color:var(--suave);text-align:center;max-width:110px;font-size:12.5px}.meta-nivel{flex-direction:column;align-items:center;gap:4px;display:flex}.meta-barra{background:var(--borde);border-radius:5px;width:100%;max-width:320px;height:10px;overflow:hidden}.meta-barra i{background:linear-gradient(90deg,#f2b322,#f6c94c);border-radius:5px;height:100%;transition:width .3s;display:block}.meta-nivel small{color:var(--suave);font-size:13px}.pestanas{padding:6px 12px calc(6px + env(safe-area-inset-bottom));background:var(--barra-fondo);border-top:1px solid var(--barra-borde);flex:none;justify-content:center;gap:8px;display:flex}.pestanas button{max-width:200px;height:52px;color:var(--barra-suave);cursor:pointer;background:0 0;border:none;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.pestanas button span{font-size:12px;font-weight:700}.pestanas button.activa{color:var(--barra-icono);background:color-mix(in srgb, var(--barra-icono) 14%, transparent)}.contenido.biblioteca{width:100%;max-width:680px;margin:0 auto;padding:12px 16px 24px;overflow-y:auto}.tema-nombre{flex-direction:column;min-width:0;display:flex}.tema-nombre small{color:var(--suave);font-size:12.5px}.chip-etapa{cursor:pointer;background:color-mix(in srgb, var(--etapa) 30%, transparent);height:36px;color:var(--barra-texto);border:none;border-radius:18px;flex:none;align-items:center;gap:6px;padding:0 12px 0 6px;font-size:14px;font-weight:700;display:flex}.chip-etapa .insignia{margin-top:4px}.logros{grid-template-columns:repeat(3,1fr);gap:14px 8px;display:grid}.logro{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.logro strong{font-family:var(--letra-titulo);font-size:15px}.logro small{color:var(--suave);font-size:12px}.logro.pendiente strong{color:var(--suave)}.insignia.apagada{filter:grayscale()opacity(.35)}.fiesta{z-index:30;background:#00000080;place-items:center;animation:.25s ease-out aparece;display:grid;position:fixed;inset:0;overflow:hidden}.fiesta-tarjeta{background:var(--superficie);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:6px;width:min(340px,88%);padding:22px 20px 18px;animation:.35s ease-out sube;display:flex;position:relative;box-shadow:0 16px 40px #00000059}.fiesta-tarjeta small{letter-spacing:.06em;text-transform:uppercase;color:var(--etapa);font-size:14px;font-weight:800}.fiesta-tarjeta strong{font-family:var(--letra-titulo);font-size:30px}.fiesta-tarjeta p{color:var(--suave);margin:0 0 10px}.fiesta-tarjeta .insignia{animation:.8s cubic-bezier(.2,1.4,.4,1) both medalla}@keyframes medalla{0%{opacity:0;transform:scale(.2)rotate(-25deg)}}.confeti i{border-radius:2px;width:9px;height:14px;animation:2.6s linear infinite cae;position:absolute;top:-20px}@keyframes cae{to{transform:translateY(110vh)rotate(540deg)}}.intro{z-index:40;background:var(--fondo);padding:calc(16px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:14px;animation:.2s ease-out aparece;display:flex;position:fixed;inset:0}.intro-saltar{color:var(--suave);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:8px;font-size:16px;font-weight:700}.intro-tira{scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;width:100%;max-width:520px;display:flex;overflow-x:auto}.intro-tira::-webkit-scrollbar{display:none}.intro-tarjeta{scroll-snap-align:center;text-align:center;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;gap:12px;padding:0 8px;display:flex}.intro-tarjeta h2{font-family:var(--letra-titulo);color:var(--marca);margin:8px 0 0;font-size:30px}.intro-tarjeta p{max-width:320px;margin:0;font-size:18px;line-height:1.4}.intro-dibujo{width:260px;max-width:90%}.intro-escucha{place-items:center;width:200px;height:170px;display:grid;position:relative}.intro-micro{background:var(--marca);color:#fff;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:14px;right:18px;box-shadow:0 4px 10px #0003}.intro-ok{color:#fff;background:#4caf50;border-radius:50%;place-items:center;width:46px;height:46px;font-size:26px;font-weight:800;display:grid;position:absolute;bottom:16px;left:22px}.intro-boton{max-width:420px;min-height:54px;font-size:18px}.recordatorio{flex-direction:column;gap:4px;display:flex}.hora{font:inherit;border:1px solid var(--borde);background:var(--fondo);color:var(--texto);border-radius:10px;padding:6px 10px;font-size:17px}.aviso-permiso{color:var(--aviso);font-size:13.5px}.corona-lista{color:#e0a01a;flex:none;font-size:16px}.premium{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.premium-insignias{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.premium-que{text-align:left;flex-direction:column;align-self:stretch;gap:8px;margin:0;padding:0;list-style:none;display:flex}.premium-que li{align-items:center;gap:12px;font-size:16px;font-weight:600;display:flex}.premium-que span{background:var(--marca-claro);width:34px;height:34px;color:var(--marca);border-radius:10px;flex:none;place-items:center;font-size:18px;display:grid}.premium-comprar{background:var(--play-fondo);min-height:56px;font-size:18px}.enlace{color:var(--marca);cursor:pointer;background:0 0;border:none;padding:6px;font-size:15px;font-weight:700}.premium-nota{color:var(--suave);font-size:13px}.entrar{flex-direction:column;align-self:stretch;gap:10px;display:flex}.boton-social{cursor:pointer;border:1px solid var(--borde);border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:50px;font-size:16px;font-weight:700;display:flex}.boton-social.google{color:#1f1f1f;background:#fff}.boton-social.apple{color:#fff;background:#000;border-color:#000}.entrar-clave{flex-direction:column;gap:8px;display:flex}.entrar-clave input{font:inherit;border:1px solid var(--borde);background:var(--fondo);color:var(--texto);border-radius:10px;padding:10px 12px}.seccion-cuenta{border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);flex-direction:column;gap:8px;padding:12px 0;display:flex}.seccion-titulo{-webkit-user-select:none;user-select:none;font-size:17px;font-weight:700}.cuenta-correo{color:var(--suave);margin:0}.cuenta-ayuda{color:var(--suave)}.peligro-texto{color:#c0392b}.premium-entrar{margin:4px 0 0;font-size:15px}.borrar{flex-direction:column;gap:12px;display:flex}.ayuda-digitacion{color:var(--suave);font-size:13px;font-weight:400;line-height:1.4}.titulo-ayuda{align-items:center;gap:6px;display:flex}.icono-ayuda{color:var(--marca);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:2px;display:grid}.ayuda-digitacion.globo{background:color-mix(in srgb, var(--marca) 10%, var(--superficie));border-radius:12px;padding:10px 12px}.corona-fila{color:#fff;background:#f2b322;border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;display:grid;flex:none!important}.ayuda-digitacion b{color:var(--texto)}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(./nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(./nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./baloo-2-latin-600-normal-tIfxVoAe.woff2)format("woff2"),url(./baloo-2-latin-600-normal-B4tNaogw.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-2-latin-700-normal-CqTg7A15.woff2)format("woff2"),url(./baloo-2-latin-700-normal-Ld3Zm3l2.woff)format("woff")}:root{--fondo:#f3e9d8;--superficie:#fff9ee;--texto:#3b2a1e;--suave:#8a7360;--marca:#b5651d;--marca-claro:#f6e2c4;--borde:#e6d5bb;--madera:#e9c48a;--madera-borde:#a8743a;--tapado:#3b2a1e;--cursor:#e89a3473;--aviso:#a4471f;--letra:"Nunito", system-ui, sans-serif;--letra-titulo:"Baloo 2", "Nunito", sans-serif;--barra-fondo:repeating-linear-gradient(92deg, #ffffff09 0 2px, transparent 2px 9px), linear-gradient(180deg, #6e4628, #573520);--barra-texto:#fcefd9;--barra-icono:#f5c77e;--barra-suave:#e2c9a6;--barra-borde:#43291a;--play-fondo:radial-gradient(circle at 35% 30%, #f6b65a, #c9741f 70%);--play-texto:#fff;--papel:#fffbf3;--sombra-papel:0 2px 12px #5a371429;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root .pastilla{color:#f5c77e;background:#f5c77e2e}:root .barra-sup .titulo{font-size:20px}:root .mando.activo{color:#f5c77e;background:#f5c77e29}:root .mando.play{box-shadow:0 3px #8e4f15,0 6px 14px #0000004d}:root .panel-cabecera h2{color:var(--marca);font-size:24px}@media (max-width:599px){:root .vista-partitura{padding:0 0 72px}:root .hoja{box-shadow:none;border-radius:0}}.cm{padding-bottom:env(safe-area-inset-bottom);flex:1;position:relative;overflow:hidden auto}.cm-mundo{position:relative;overflow:hidden}.cm-suelo{pointer-events:none;display:block;position:absolute;inset:0}.cm-mece{animation:5s ease-in-out infinite cm-mecer}.cm-mece:nth-child(2n){animation-duration:6.5s;animation-delay:-2s}@keyframes cm-mecer{50%{transform:rotate(1.4deg)}}.cm-brillo{animation:3s ease-in-out infinite cm-brillar}@keyframes cm-brillar{50%{opacity:.15;transform:translate(8px)}}.cm-onda{animation:3.4s ease-in-out infinite cm-onda}@keyframes cm-onda{50%{opacity:.4;transform:translate(14px)}}.cm-haz{animation:7s ease-in-out infinite cm-haz}@keyframes cm-haz{50%{opacity:.55}}.cm-foco{animation:4s ease-in-out infinite cm-haz}.cm-estrella{animation:3.2s ease-in-out infinite cm-titilar}@keyframes cm-titilar{50%{opacity:.25}}.cm-globo{animation:6s ease-in-out infinite cm-flotar}@keyframes cm-flotar{50%{transform:translateY(-10px)rotate(2deg)}}.cm-nota{fill:#e3b45199;font-family:Noto Music,serif;animation:6s ease-in-out infinite cm-nota-sube}@keyframes cm-nota-sube{50%{opacity:.35;transform:translateY(-14px)}}.cm-bandera{animation:2.4s ease-in-out infinite cm-ondea}@keyframes cm-ondea{50%{transform:skewY(-6deg)scaleX(.9)}}.cm-arco-texto{font-family:var(--letra-titulo);fill:#fff;text-anchor:middle;font-size:13px;font-weight:700}.cm-cartel-texto{font-family:var(--letra-titulo);fill:#5e3a18;text-anchor:middle;font-size:12px;font-weight:700}.cm-nube{opacity:.88;pointer-events:none;filter:drop-shadow(0 20px 14px #28461e33);animation:cm-nube var(--v) linear infinite;position:absolute;left:0}@keyframes cm-nube{0%{left:-180px}to{left:100%}}.cm-mariposa{pointer-events:none;width:22px;height:16px;animation:9s ease-in-out infinite cm-revolotear;position:absolute}.cm-mariposa i{background:#ff8fb0;border-radius:60% 40% 50% 50%;width:11px;height:14px;animation:.22s ease-in-out infinite alternate cm-ala;position:absolute;top:0}.cm-mariposa i:first-child{transform-origin:100%;left:0}.cm-mariposa i:last-child{transform-origin:0;border-radius:40% 60% 50% 50%;right:0}.cm-mariposa.m1 i{background:#ffd23f}.cm-mariposa.m2 i{background:#b07cff}.cm-mariposa.m3 i{background:#fff}.cm-mariposa.m4 i{background:#ff9a3c}.cm-mariposa.m5 i{background:#7fd3ff}.cm-mariposa.m1{animation-duration:11s;animation-delay:-3s}.cm-mariposa.m2{animation-duration:8s;animation-delay:-5s}.cm-mariposa.m3{animation-duration:12s;animation-delay:-1s}.cm-mariposa.m4{animation-duration:10s;animation-delay:-7s}@keyframes cm-ala{to{transform:scaleX(.25)}}@keyframes cm-revolotear{0%,to{transform:translate(0)}25%{transform:translate(60px,-40px)}50%{transform:translate(20px,-80px)}75%{transform:translate(-50px,-30px)}}.cm-polen{pointer-events:none;background:#fffbe0;border-radius:50%;width:4px;height:4px;animation:7s ease-in-out infinite cm-polen;position:absolute;box-shadow:0 0 6px 2px #fff5becc}@keyframes cm-polen{0%,to{opacity:0;transform:translate(0)}30%,70%{opacity:.9}50%{transform:translate(30px,-50px)}}.cm-luciernaga{pointer-events:none;background:#f4ff9a;border-radius:50%;width:5px;height:5px;animation:5s ease-in-out infinite cm-polen;position:absolute;box-shadow:0 0 8px 3px #e6ff78d9}.cm-medallon{cursor:pointer;font-family:var(--letra);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.cm-disco{color:#6b3f18;background-color:#0000;background-image:repeating-radial-gradient(circle at 40% 35%,#7a4a1e14 0 3px,#0000 3px 7px),radial-gradient(circle at 38% 30%,#fff6e2,#ead2a4 70%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:border-box;background-clip:border-box,border-box;border:5px solid #8a5a2b;border-radius:50%;place-items:center;width:70px;height:70px;transition:transform .15s;display:grid;position:relative;box-shadow:0 6px #5e3a18,-6px 12px 18px #281e0a59,inset 0 2px #ffffffb3}.cm-disco b{font:800 24px/1 var(--letra-titulo), "Noto Music", serif}.cm-medallon:active .cm-disco{transform:translateY(4px);box-shadow:0 2px #5e3a18,0 6px 10px #281e0a4d}.cm-medallon.abierto .cm-disco{border-color:var(--etapa);color:#6b3f18}.cm-medallon.hecho .cm-disco{color:#fff;text-shadow:0 2px #0003;background:radial-gradient(circle at 38% 30%,#c9ec8a,#6fae3a 75%);border-color:#3f7a22;box-shadow:0 6px #2f5c18,-6px 12px 18px #14280a59,inset 0 2px #fff9}.cm-medallon.actual .cm-disco{color:#fff;text-shadow:0 2px #78320059;background:radial-gradient(circle at 38% 30%,#ffe1a0,#e08a26 72%);border-color:#9b5513;width:88px;height:88px;animation:2.2s ease-in-out infinite cm-latir;box-shadow:0 7px #7a400d,-6px 14px 24px #783c0073,inset 0 2px #ffffffb3}.cm-medallon.actual .cm-disco b{font-size:30px}@keyframes cm-latir{50%{transform:translateY(-5px)scale(1.04)}}.cm-medallon.cerrado .cm-disco{filter:saturate(.35)brightness(.97);opacity:.9}.cm-disco .dibujo-flauta{filter:drop-shadow(0 2px 2px #00000040)}.cm-candado{color:#fff;background:#6b5a48;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:-6px;right:-8px}.cm-corona{color:#fff;background:#f2b322;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;display:grid;position:absolute;bottom:-6px;right:-8px;box-shadow:0 2px 4px #00000040}.cm-sello{color:#fff;background:#f2b322;border-radius:50%;place-items:center;width:26px;height:26px;font-size:15px;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #00000040}.cm-halo{pointer-events:none;background:radial-gradient(circle,#ffeca0d9,#ffdc7800 65%);border-radius:50%;width:150px;height:150px;margin:-75px 0 0 -75px;animation:2.2s ease-in-out infinite cm-halo;position:absolute;top:50%;left:50%}@keyframes cm-halo{50%{opacity:.7;transform:scale(1.18)}}.cm-cartel{white-space:nowrap;color:#3b2a1e;background:#fff9eef0;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:3px 12px 4px;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 3px #7a4a1e59,0 6px 10px #281e0a33}.cm-medallon.actual .cm-cartel{top:calc(100% + 14px)}.cm-cartel strong{font:700 14px/1.15 var(--letra-titulo)}.cm-cartel small{color:#8a7360;font-size:11px}.cm-medallon.cerrado .cm-cartel{opacity:.78}.cm-chispas i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#fff7c0;width:8px;height:8px;animation:2.4s ease-in-out infinite cm-chispa;position:absolute}.cm-chispas i:first-child{top:4px;left:-6px}.cm-chispas i:nth-child(2){width:11px;height:11px;animation-delay:.6s;top:-4px;right:-8px}.cm-chispas i:nth-child(3){animation-delay:1.2s;top:52px;right:-2px}.cm-chispas i:nth-child(4){width:6px;height:6px;animation-delay:1.8s;top:-10px;left:6px}@keyframes cm-chispa{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(90deg)}}.cm-junto{position:absolute;top:-18px;left:calc(100% + 6px)}.cm-junto.izq{left:auto;right:calc(100% + 6px)}.cm-flautista{transform-origin:50% 100%;animation:1.6s ease-in-out infinite cm-balanceo;position:relative}@keyframes cm-balanceo{50%{transform:rotate(-4deg)translateY(-2px)}}.cm-nota-vuelo{color:#6b3f18;opacity:0;font-size:18px;animation:3s ease-out infinite cm-vuelo;position:absolute;top:40px;left:34px}.cm-nota-vuelo.n2{color:#b5651d;animation-delay:1s}.cm-nota-vuelo.n3{color:#3f7a22;animation-delay:2s}@keyframes cm-vuelo{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(26px,-60px)scale(1.2)rotate(15deg)}}@media (prefers-reduced-motion:reduce){.cm *,.cm :before{animation:none!important}}