@font-face{font-family:Andika;src:url(/fuentes/Andika-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Bravura;src:url(/fuentes/Bravura.woff2) format("woff2");font-display:block}:root{--papel: #f2f3ef;--superficie: #fbfbf9;--tinta: #171c2b;--tinta-2: #4a5266;--linea: #dbddd4;--acento: #bf3b26;--acento-2: #2c6e63;--ok: #2f6b4f;--vivo-rojo: #c8321c;--vivo-naranja: #b45309;--vivo-amarillo: #8a6100;--vivo-verde: #1f7a4d;--vivo-turquesa: #0f6e78;--vivo-azul: #1257a8;--vivo-morado: #6b3fa0;--vivo-rosa: #a8306a;--vivo-lima: #457a1f;--nota-do: var(--vivo-rojo);--nota-re: var(--vivo-naranja);--nota-mi: var(--vivo-amarillo);--nota-fa: var(--vivo-lima);--nota-sol: var(--vivo-turquesa);--nota-la: var(--vivo-morado);--nota-si: var(--vivo-rosa);--suave-rojo: #fdeceb;--suave-verde: #e8f6ee;--suave-azul: #e9f1fb;--suave-amarillo: #fbf3dd;--suave-morado: #f2ecfa;--eje-pulso: #b44214;--eje-altura: #1d6485;--eje-timbre: #6c4e9e;--eje-notacion: #2f6b4f;--eje-cuerpo: #a63c64;--eje-creacion: #8f6706;--eje-cultura: #4a5266;--f-texto: "Andika", system-ui, sans-serif;--f-musica: "Bravura", serif;--t-infantil: 24px;--t-c1: 20px;--t-c3: 18px;--objetivo-infantil: 75px;--objetivo-lectores: 60px;--objetivo-autonomos: 48px;--separacion-infantil: 24px;--separacion-lectores: 16px;--separacion-autonomos: 12px;--e-0: 2px;--e-1: 4px;--e-2: 8px;--e-3: 12px;--e-4: 16px;--e-5: 24px;--e-6: 32px;--e-7: 48px;--e-8: 64px;--e-9: 96px;--t-xs: 13px;--t-s: 16px;--t-m: 20px;--t-l: 25px;--t-xl: 31px;--t-2xl: 39px;--alto-titular: 1.15;--alto-texto: 1.55;--track-titular: -.015em;--r-s: 8px;--r-m: 14px;--r-l: 22px;--r-redondo: 999px;--alto-barra: calc(76px + env(safe-area-inset-bottom)) ;--reaccion-sale: .22s;--alto-escena: calc(100vh - var(--alto-barra) - var(--alto-acciones, 0px));--alto-escena: calc(100dvh - var(--alto-barra) - var(--alto-acciones, 0px));--sombra-1: 0 1px 2px rgb(23 28 43 / 6%), 0 2px 6px rgb(23 28 43 / 6%);--sombra-2: 0 2px 4px rgb(23 28 43 / 8%), 0 8px 20px rgb(23 28 43 / 10%);--sombra-3: 0 4px 8px rgb(23 28 43 / 12%), 0 16px 40px rgb(23 28 43 / 18%);--foco: 4px solid var(--acento);--foco-hueco: 3px;--transicion: .12s cubic-bezier(.2, 0, .2, 1);--objetivo: var(--objetivo-lectores);--separacion: var(--separacion-lectores);--t-carril: var(--t-c1)}[data-carril=infantil]{--objetivo: var(--objetivo-infantil);--separacion: var(--separacion-infantil);--t-carril: var(--t-infantil)}[data-carril=lectores]{--objetivo: var(--objetivo-lectores);--separacion: var(--separacion-lectores);--t-carril: var(--t-c1)}[data-carril=autonomos]{--objetivo: var(--objetivo-autonomos);--separacion: var(--separacion-autonomos);--t-carril: var(--t-c3)}@media (prefers-color-scheme: dark){:root:not([data-tema=claro]){--sombra-1: 0 1px 2px rgb(0 0 0 / 40%), 0 2px 6px rgb(0 0 0 / 30%);--sombra-2: 0 2px 4px rgb(0 0 0 / 45%), 0 8px 20px rgb(0 0 0 / 40%);--sombra-3: 0 4px 8px rgb(0 0 0 / 50%), 0 16px 40px rgb(0 0 0 / 55%);--papel: #131519;--superficie: #1a1d23;--tinta: #e8eae5;--tinta-2: #afb6c0;--linea: #2b303a;--acento: #ec7156;--acento-2: #5aae9f;--vivo-rojo: #ff8b78;--vivo-naranja: #f0a659;--vivo-amarillo: #e0bc5c;--vivo-verde: #62c795;--vivo-turquesa: #57bcc7;--vivo-azul: #79aef5;--vivo-morado: #b795e8;--vivo-rosa: #ef86b4;--vivo-lima: #8cc762;--suave-rojo: #3a201d;--suave-verde: #163024;--suave-azul: #172538;--suave-amarillo: #322a17;--suave-morado: #2a2038}}*{box-sizing:border-box}body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--f-texto);font-size:var(--t-c1);line-height:var(--alto-texto)}h1,h2,h3{margin:0 0 var(--e-3);line-height:var(--alto-titular);letter-spacing:var(--track-titular);text-wrap:balance}*+h2,*+h3{margin-top:var(--e-6)}h1{font-size:clamp(var(--t-l),5.5vw,var(--t-xl))}h2{font-size:var(--t-m)}h3{font-size:var(--t-s)}p{text-wrap:pretty}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.boton-actividad{display:grid;place-items:center;gap:var(--e-2);padding:var(--e-4);border:3px solid var(--linea);border-radius:var(--r-m);background:var(--superficie);color:var(--tinta);font:inherit;cursor:pointer}.boton-actividad:focus-visible{outline:var(--foco);outline-offset:3px}.opciones{justify-content:center;display:flex;flex-wrap:wrap;gap:var(--separacion);margin:var(--e-5) 0}.boton-repetir{display:inline-flex;align-items:center;gap:var(--e-3);min-height:var(--objetivo);padding:var(--e-2) var(--e-4);border-radius:var(--r-redondo);border:2px solid var(--linea);background:var(--superficie);color:var(--tinta);font:inherit;cursor:pointer}.diagnostico{max-width:720px;margin:0 auto;padding:var(--e-5) var(--e-4) var(--e-8)}.diagnostico__intro,.diagnostico__pie{color:var(--tinta-2);font-size:.9em}.diagnostico__tono{margin:var(--e-5) 0;padding:var(--e-5) var(--e-4);border:3px solid var(--linea);border-radius:var(--r-m);background:var(--superficie);text-align:center}.diagnostico__hz{margin:0;font-size:clamp(40px,14vw,88px);font-variant-numeric:tabular-nums;line-height:1.1;color:var(--acento-2)}.diagnostico__nota{margin:var(--e-2) 0 0;color:var(--tinta-2);font-variant-numeric:tabular-nums}.diagnostico__acciones{display:flex;flex-wrap:wrap;gap:var(--e-3)}.diagnostico__fallo{margin-top:var(--e-4);padding:var(--e-3) var(--e-4);border-left:4px solid var(--acento);background:var(--superficie)}.diagnostico__fallo code{display:block;margin-top:var(--e-2);word-break:break-word}.diagnostico__informe{padding:var(--e-4);border:1px solid var(--linea);border-radius:var(--r-m);background:var(--superficie);font-size:13px;line-height:1.45;user-select:text;overflow-x:auto;white-space:pre}.diagnostico__coste{margin:var(--e-4) 0;padding:var(--e-3) var(--e-4);border-left:4px solid var(--acento-2);background:var(--superficie)}.catalogo,.actividad-marco{max-width:1400px;margin:0 auto;padding:var(--e-5) var(--e-4) var(--e-8)}.actividad-marco{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:minmax(min-content,1fr)}.lienzo{display:grid;min-height:0}.actividad{display:grid;align-content:safe center;gap:var(--e-3);min-height:0;width:100%}.actividad>*{margin-block:0;margin-inline:auto;min-width:0}.lienzo__area,.seguir__pista,.karaoke__pauta{max-height:calc(var(--alto-escena) * .88)}.filtros label{display:grid;gap:var(--e-1);font-size:.85em;color:var(--tinta-2)}.filtros select{min-height:44px;padding:var(--e-2) var(--e-3);border:2px solid var(--linea);border-radius:var(--r-s);background:var(--superficie);color:var(--tinta);font:inherit}.catalogo__cuenta-linea{display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);margin:0 0 var(--e-4)}.catalogo__cuenta{margin:0;color:var(--tinta-2);font-variant-numeric:tabular-nums}.catalogo__lista{display:grid;gap:var(--e-3);padding:0;list-style:none}.tarjeta{position:relative;display:grid;gap:var(--e-1);padding:var(--e-4);border:2px solid var(--linea);border-left-width:8px;border-radius:var(--r-m);background:var(--superficie);color:inherit;text-decoration:none;min-height:60px;box-shadow:var(--sombra-1);transition:box-shadow var(--transicion),transform var(--transicion)}@media (hover: hover){.tarjeta:hover{box-shadow:var(--sombra-2);transform:translateY(-2px)}}.tarjeta:active{box-shadow:var(--sombra-1);transform:translateY(0)}@media (prefers-reduced-motion: reduce){.tarjeta,.tarjeta:hover,.tarjeta:active{transition:none;transform:none}}.tarjeta:focus-visible{outline:var(--foco);outline-offset:3px}.tarjeta--pulso{--color-eje: var(--eje-pulso)}.tarjeta--altura{--color-eje: var(--eje-altura)}.tarjeta--timbre{--color-eje: var(--eje-timbre)}.tarjeta--notacion{--color-eje: var(--eje-notacion)}.tarjeta--cuerpo{--color-eje: var(--eje-cuerpo)}.tarjeta--creacion{--color-eje: var(--eje-creacion)}.tarjeta--cultura{--color-eje: var(--eje-cultura)}.tarjeta{border-left-color:var(--color-eje, var(--linea))}.tarjeta__titulo{font-weight:700}.codigo{display:inline-block;padding:0 .4em;border-radius:var(--r-s);background:var(--fondo);border:1px solid var(--linea);color:var(--tinta-2);font-size:.8em;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.04em;vertical-align:.1em}.tarjeta__meta{font-size:.85em;color:var(--tinta-2)}.tarjeta__conFigura{display:grid;grid-template-columns:1fr 30%;gap:var(--e-2);align-items:center}.tarjeta__conFigura>.tarjeta__meta{min-width:0}.tarjeta__figura{position:relative;display:grid;place-items:center;width:76px;height:76px;margin:0 auto}.tarjeta__mancha{position:absolute;inset:0;width:100%;height:100%;fill:var(--color-eje, var(--linea))}.tarjeta__figura>:not(.tarjeta__mancha){position:relative}.tarjeta__figura .personaje,.tarjeta__figura img{display:block;max-width:100%;height:auto}.icono--cifra{display:inline-block;vertical-align:middle;color:currentColor}.tarjeta__figura .icono--cifra{color:#fff}.tarjeta__glifo{display:block;color:#fff}.filtros{display:grid;gap:var(--e-2);margin:0 0 var(--e-4)}.filtros__linea{display:flex;flex-wrap:wrap;gap:var(--e-2);align-items:center}.filtros__linea:not(.filtros__linea--buscar){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex-wrap:nowrap}.filtros__linea:not(.filtros__linea--buscar) select{min-width:0;width:100%}.filtros select,.filtros__buscar{min-height:44px;padding:var(--e-2) var(--e-3);font:inherit;font-size:var(--t-s);color:var(--tinta);background:var(--superficie);border:2px solid var(--linea);border-radius:var(--r-s);transition:border-color var(--transicion),box-shadow var(--transicion)}.filtros__buscar{flex:1 1 12rem;min-width:0}.filtros select:hover,.filtros__buscar:hover{border-color:var(--tinta-2)}.filtros select:focus-visible,.filtros__buscar:focus-visible{outline:var(--foco);outline-offset:var(--foco-hueco)}.filtros select[data-activo]{border-color:var(--acento-2);box-shadow:inset 3px 0 0 var(--acento-2);font-weight:700}.filtros__limpiar{flex:0 0 auto;min-height:44px;padding:var(--e-2) var(--e-4);font:inherit;font-size:var(--t-s);color:var(--acento);background:none;border:2px solid var(--acento);border-radius:var(--r-s);cursor:pointer;white-space:nowrap}.filtros__conmutador{flex:0 0 auto;min-height:40px;padding:var(--e-1) var(--e-3);font:inherit;font-size:var(--t-s);color:var(--tinta-2);background:none;border:2px solid var(--linea);border-radius:var(--r-s);cursor:pointer;white-space:nowrap}.filtros__conmutador[aria-pressed=true]{color:var(--tinta);background:var(--suave-verde);border-color:var(--vivo-verde);font-weight:700}.filtros__conmutador:hover{border-color:var(--tinta-2)}.filtros__conmutador:focus-visible{outline:var(--foco);outline-offset:var(--foco-hueco)}.filtros__limpiar:hover{color:var(--acento);background:var(--suave-rojo)}.filtros__limpiar:focus-visible{outline:var(--foco);outline-offset:var(--foco-hueco)}.atras{display:inline-flex;align-items:center;min-height:48px;padding:var(--e-2) var(--e-4);margin-bottom:var(--e-4);border:2px solid var(--linea);border-radius:var(--r-redondo);background:var(--superficie);color:inherit;text-decoration:none}.atras:focus-visible{outline:var(--foco);outline-offset:3px}.boton__icono{display:grid;place-items:center}.boton--verde{color:var(--ok);border-color:var(--ok)}.boton--azul{color:var(--eje-altura);border-color:var(--eje-altura)}.boton--rojo{color:var(--acento);border-color:var(--acento)}.boton--amarillo{color:var(--eje-creacion);border-color:var(--eje-creacion)}.boton__texto{color:var(--tinta);font-weight:700}.boton__signo{font-family:var(--f-musica);line-height:1.1;color:var(--tinta)}.boton__texto[data-solo]{font-size:var(--t-l);padding:var(--e-2) 0}.emparejar__tablero{--lado: clamp( var(--objetivo), calc((var(--alto-escena) * .7 - (var(--filas, 4) - 1) * var(--separacion)) / var(--filas, 4)), 170px );justify-content:center;display:grid;grid-template-columns:var(--lado) var(--lado);column-gap:clamp(48px,14vw,160px);margin:var(--e-5) auto}.emparejar__columna{display:grid;gap:var(--separacion);padding:0;margin:0;list-style:none}.emparejar__columna{grid-auto-rows:var(--lado)}.emparejar__columna>li{display:grid}.emparejar__ficha{width:100%;height:100%;min-width:0;min-height:0;grid-template-rows:minmax(0,1fr) auto;padding:var(--e-3);overflow:hidden}.emparejar__ficha>.boton__texto:empty{display:none}.emparejar__marco{position:relative}.emparejar__lineas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.emparejar__lineas line{stroke:var(--ok);stroke-width:3;stroke-linecap:round;opacity:.45}.emparejar__ficha[data-estado=elegida]{border-color:var(--acento);border-width:5px}.emparejar__ficha[data-estado=resuelta]{border-color:var(--ok);opacity:.55}.emparejar__ficha[aria-disabled=true]{cursor:default}.ordenar__banco{display:flex;flex-wrap:wrap;gap:var(--separacion);padding:0;margin:var(--e-5) 0;list-style:none}.ordenar__ficha[data-estado=fuera-de-sitio]{border-color:var(--acento);animation:temblor .6s ease-in-out 2}@keyframes temblor{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.guia{max-width:1400px;margin:0 auto;padding:var(--e-5) var(--e-6) var(--e-8)}.guia__consigna{margin:0 0 var(--e-5);font-size:clamp(32px,6vw,88px);line-height:1.1;color:var(--tinta)}.guia__pulso{display:flex;justify-content:safe center;gap:clamp(12px,3vw,40px);margin:var(--e-5) 0 var(--e-6);padding-inline:var(--e-3)}.guia__punto{width:clamp(48px,9vw,120px);height:clamp(48px,9vw,120px);border:6px solid var(--linea);border-radius:50%;background:var(--superficie);transition:transform 60ms linear,background-color 60ms linear}.guia__punto[data-acentuado=true]{border-color:var(--tinta-2);border-width:10px}.guia__punto[data-activo=true]{background:var(--acento);border-color:var(--acento);transform:scale(1.18)}@media (prefers-reduced-motion: reduce){.guia__punto[data-activo=true]{transform:none}}.guia__tempo{display:flex;align-items:center;gap:var(--e-3)}.guia__tempo input{min-width:180px;min-height:44px}.guia__pasos{max-width:60ch;margin-inline:auto;padding-left:1.4em;font-size:clamp(18px,2.4vw,32px)}.guia__paso{margin-bottom:var(--e-5);opacity:.45}.guia__paso[data-actual=true]{opacity:1}.guia__paso h2{margin:0 0 var(--e-2);font-size:1em}.guia__paso p{margin:0;font-size:.8em;color:var(--tinta-2)}.guia__duracion{font-variant-numeric:tabular-nums}.guia__materiales{padding:var(--e-5) var(--e-5);border:3px solid var(--linea);border-radius:var(--r-m);background:var(--superficie)}.solo-imprimir{display:none}@media print{.no-imprimir,.atras,.guia__pulso{display:none!important}.solo-imprimir{display:block}body{background:#fff;color:#000;font-size:12pt}.guia{max-width:none;padding:0}.guia__consigna{font-size:20pt}.guia__pasos{font-size:12pt}.guia__paso{opacity:1;break-inside:avoid}.guia__materiales{border:1pt solid #000;background:none;break-inside:avoid}}.tarjeta--hecha{padding-left:calc(var(--e-4) + 36px)}.tarjeta__hecha{position:absolute;inset:-2px auto -2px -8px;width:44px;display:grid;place-items:center;border-radius:var(--r-m) 0 0 var(--r-m);background:var(--color-eje, var(--linea));border:2px solid var(--color-eje, var(--linea));color:#fff;font-size:1.25em;font-weight:700;line-height:1;cursor:pointer}.tarjeta__hecha:hover{filter:brightness(.9)}.tarjeta__hecha:focus-visible{outline:var(--foco);outline-offset:-4px}.ajustes{max-width:720px;margin:0 auto;padding:var(--e-5) var(--e-4) var(--e-8)}.ajustes section{margin:var(--e-6) 0;padding-top:var(--e-5);border-top:2px solid var(--linea)}.ajustes h2{margin:0 0 var(--e-2);font-size:1.15em}.ajustes p{color:var(--tinta-2)}.ajustes progress{width:100%;max-width:320px}.enlace-boton{padding:0;border:0;background:none;color:var(--acento-2);font:inherit;text-decoration:underline;cursor:pointer}.enlace-boton:focus-visible{outline:var(--foco);outline-offset:2px}.ajustes__version{margin-top:var(--e-6);color:var(--tinta-2);font-size:var(--t-xs)}.aviso-actualizacion{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-3);padding:var(--e-3) var(--e-4);border-bottom:3px solid var(--acento-2);background:var(--superficie)}@media print{.aviso-actualizacion{display:none}}.calibracion__diana{display:block;width:100%;max-width:320px;min-height:160px;margin:var(--e-5) 0;font-size:1.2em}.ajustes__nota{margin-top:var(--e-6);font-size:.9em}.legal{max-width:720px;margin:0 auto;padding:var(--e-5) var(--e-4) var(--e-8)}.legal__conmutador{display:flex;gap:var(--e-3);margin-bottom:var(--e-5)}.legal__conmutador [aria-pressed=true]{border-color:var(--acento);border-width:3px}.legal__ninos ul{display:grid;gap:var(--e-5);padding:0;list-style:none;font-size:1.15em}.legal__ninos li{display:flex;align-items:center;gap:var(--e-4);padding:var(--e-4);border:3px solid var(--linea);border-radius:var(--r-m);background:var(--superficie)}.legal__ninos svg{flex:0 0 auto;color:var(--acento-2)}.legal__adultos h2{margin-top:var(--e-6);font-size:1.1em}.legal__verificable{padding:var(--e-3) var(--e-4);border-left:4px solid var(--ok);background:var(--superficie)}.legal__nota{margin-top:var(--e-6);color:var(--tinta-2);font-size:.9em}.creditos__lista{display:grid;gap:var(--e-4);padding:0;list-style:none}.creditos__lista li{padding:var(--e-4) var(--e-4);border:2px solid var(--linea);border-radius:var(--r-m);background:var(--superficie)}.creditos__licencia{display:inline-block;margin-left:var(--e-3);padding:1px var(--e-2);border:1px solid var(--linea);border-radius:var(--r-redondo);font-size:.8em}.creditos__fuente,.creditos__usos{margin-top:var(--e-1);color:var(--tinta-2);font-size:.85em;word-break:break-word}.tocar__patron{justify-content:center;display:flex;flex-wrap:wrap;gap:var(--separacion);padding:0;margin:var(--e-5) 0;list-style:none}.tocar__patron li{min-width:var(--objetivo);min-height:var(--objetivo);display:grid;place-items:center;padding:var(--e-2) var(--e-4);border:3px solid var(--linea);border-radius:var(--r-m);background:var(--superficie);font-size:1.2em;font-variant-numeric:tabular-nums}.tocar__patron li[data-activo=true]{border-color:var(--acento);background:var(--acento);color:var(--papel)}.tocar__patron li[data-silaba=sh]{border-style:dashed;opacity:.7}.tocar__diana{display:block;width:100%;max-width:min(100%,560px);min-height:clamp(180px,calc(var(--alto-escena) * .34),300px);margin:var(--e-5) 0;font-size:1.3em}.tocar__aviso{padding:var(--e-3) var(--e-4);border-left:4px solid var(--tinta-2);background:var(--superficie);font-size:.9em}.pentagrama{height:calc(var(--alto-escena) - var(--e-5) - var(--e-3));min-height:0;grid-template-rows:auto auto auto;align-content:center;gap:var(--e-3)}.pentagrama__marco{width:100%;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.pentagrama__lienzo{position:relative;margin:0 auto}.pentagrama__pedida{display:flex;align-items:center;justify-content:center;gap:var(--e-2);font-size:clamp(28px,9vmin,44px);font-weight:700;line-height:1.1;text-transform:uppercase;letter-spacing:.04em;color:var(--acento-2);min-height:1.1em;margin:0}.pentagrama__quien{display:inline-block;line-height:0}@media (prefers-reduced-motion: no-preference){.pentagrama__quien{animation:pentagrama-aparece .55s cubic-bezier(.34,1.56,.64,1)}}@keyframes pentagrama-aparece{0%{transform:scale(.2) rotate(-18deg);opacity:0}60%{transform:scale(1.12) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0)}}.pentagrama .progreso{margin:0 auto}.pentagrama__sitio{position:absolute;display:grid;place-items:center;padding:0;border:2px dashed transparent;border-radius:50%;background:none;cursor:pointer}.pentagrama__sitio:focus-visible{outline:var(--foco);outline-offset:2px}.pentagrama__sitio:hover{border-color:var(--linea)}.pentagrama__sitio[aria-disabled=true]{cursor:default}.pentagrama__adicional{position:absolute;height:2px;background:var(--tinta)}.pentagrama__nota{width:16px;height:12px;border-radius:50%;background:var(--tinta);transform:rotate(-20deg)}.visualmente-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.modal{max-width:520px;width:calc(100% - 32px);padding:0;border:none;border-radius:var(--r-l);background:var(--superficie);color:var(--tinta)}.modal::backdrop{background:#171c2b8c;backdrop-filter:blur(2px)}.modal__caja{position:relative;display:grid;justify-items:center;gap:var(--e-3);padding:var(--e-6) var(--e-6);text-align:center}.modal__caja:focus{outline:none}.modal__caja h2{margin:0;font-size:clamp(22px,5vw,32px)}.modal__texto{margin:0;font-size:1.05em;color:var(--tinta-2);max-width:34ch}.modal__titulo{display:inline-flex;align-items:center;gap:var(--e-2)}.modal__compartir{display:grid;place-items:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--tinta-2);cursor:pointer}.modal__compartir:hover{color:var(--tinta);background:var(--suave-azul)}.modal__compartir:focus-visible{outline:var(--foco);outline-offset:2px}.modal__aviso{margin:0;padding:var(--e-1) var(--e-3);border-radius:var(--r-s);font-size:var(--t-s);max-width:40ch;overflow-wrap:anywhere}.modal__aviso[data-tono=bien]{background:var(--suave-verde);color:var(--ok)}.modal__aviso[data-tono=aviso]{background:var(--suave-amarillo);color:var(--tinta)}.modal__enlace{font-size:var(--t-xs);user-select:all}.modal__adulto{margin:0;max-width:40ch;padding-top:var(--e-2);border-top:1px solid var(--linea);color:var(--tinta-2);font-size:var(--t-s);text-align:left}.modal__acciones{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--e-3);margin-top:var(--e-3)}.modal__empezar{min-height:60px;padding:var(--e-3) var(--e-6);font-size:1.15em}.modal[data-tono=celebracion] .modal__caja{background:var(--suave-verde);color:var(--tinta);border-radius:var(--r-l)}@media (prefers-reduced-motion: no-preference){.modal[open]{animation:aparece .18s ease-out}}@keyframes aparece{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.paso{display:inline-flex;align-items:center;gap:var(--e-3)}.serie__ejercicio{display:contents}.serie__ejercicio[data-entre] .barra-acciones,.serie__ejercicio[data-entre] .reaccion{display:none}.resumen-serie{display:grid;justify-items:center;gap:var(--e-3);text-align:center}.resumen-serie h2{margin:0;font-size:var(--t-xl)}.resumen-serie__filas{display:grid;gap:var(--e-2);width:min(100%,28rem);margin:0;padding:0;list-style:none}.resumen-serie__fila{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--e-3);padding:var(--e-2) var(--e-4);border:2px solid var(--linea);border-radius:var(--r-m);background:var(--superficie);text-align:left}.resumen-serie__fila[data-calidad=bien]{border-color:var(--ok)}.resumen-serie__fila[data-calidad=casi]{border-color:var(--vivo-amarillo)}.resumen-serie__marca{font-size:var(--t-l);line-height:1}.resumen-serie__fila[data-calidad=bien] .resumen-serie__marca{color:var(--ok)}.resumen-serie__fila[data-calidad=casi] .resumen-serie__marca{color:var(--vivo-naranja)}.resumen-serie__calidad{color:var(--tinta-2);font-weight:700}.catalogo__cabecera{display:flex;align-items:center;justify-content:space-between;gap:var(--e-6);margin-bottom:var(--e-2)}.catalogo__cabecera h1{margin:0}.catalogo__ajustes{display:inline-grid;place-items:center;flex:0 0 auto;width:48px;height:48px;margin-left:auto;border-radius:50%;color:var(--tinta-2)}.catalogo__ajustes:hover{background:var(--superficie);color:var(--tinta)}.catalogo__ajustes:focus-visible{outline:var(--foco)}.criterios__etapa{margin-top:var(--e-6)}.criterios__area{margin:0 0 var(--e-3);color:var(--tinta-2)}.criterios__competencias{padding-left:1.2em}.criterios__competencias li{margin-bottom:var(--e-2)}.criterios__criterio{margin:var(--e-3) 0;padding:var(--e-3) var(--e-4);border-left:4px solid var(--linea);background:var(--superficie);border-radius:var(--r-s)}.criterios__criterio h4{margin:0 0 var(--e-1);font-size:var(--t-s)}.criterios__criterio p{margin:0 0 var(--e-2)}.criterios__codigo{font-weight:700}.criterios__aviso{color:var(--tinta-2);font-weight:400;font-size:.9em}.criterios__vacio{color:var(--tinta-2);font-style:italic}.criterios__actividades{padding-left:1.2em;margin:0}.criterios__actividades li{margin-bottom:var(--e-1)}.progreso{display:flex;align-items:center;gap:var(--e-2);width:min(100%,24rem);margin:0 auto var(--e-2);padding:var(--e-1) 0;list-style:none}.progreso__tramo{flex:1 1 0;height:12px;border:2px solid var(--linea);border-radius:var(--r-redondo);background:var(--superficie);transition:background-color var(--transicion),border-color var(--transicion)}.progreso__tramo[data-estado=hecho]{background:var(--vivo-verde);border-color:var(--vivo-verde)}.progreso__tramo[data-estado=actual]{height:18px;border-color:var(--acento);border-width:3px}.paso__puntos{display:flex;gap:var(--e-3);padding:var(--e-1)}.paso__punto{width:16px;height:16px;border:2px solid var(--linea);border-radius:50%}.paso__punto[data-estado=hecho]{background:var(--vivo-verde);border-color:var(--vivo-verde)}.paso__punto[data-estado=actual]{border-color:var(--acento);border-width:4px;transform:scale(1.3)}.paso__texto{color:var(--tinta-2);font-variant-numeric:tabular-nums}.icono{display:block;user-select:none}.boton-actividad{transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 2px 0 var(--linea)}@media (prefers-reduced-motion: no-preference){.boton-actividad:not([aria-disabled=true]):hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--linea)}.boton-actividad:not([aria-disabled=true]):active{transform:translateY(1px);box-shadow:0 1px 0 var(--linea)}}.ordenar__ficha[data-arrastrable=true]{cursor:grab;touch-action:none}.ordenar__ficha[data-arrastrando=true]{cursor:grabbing;opacity:.85;box-shadow:var(--sombra-3)}.rejilla{container-type:inline-size}.rejilla__cuadricula{--por-ancho: calc((100cqw - 2 * var(--e-3) - 6px - (var(--columnas, 8) - 1) * var(--e-1)) / var(--columnas, 8));--por-alto: calc((var(--alto-escena) - 96px - (var(--filas, 4) - 1) * var(--e-1)) / var(--filas, 4));--lado: clamp(var(--celda-minima), min(var(--por-ancho), var(--por-alto)), 96px);display:grid;grid-template-columns:repeat(var(--columnas, 8),var(--lado));gap:var(--e-1);justify-content:safe center;width:fit-content;max-width:100%;margin-inline:auto;padding:var(--e-3);border:3px solid var(--linea);border-radius:var(--r-m);background:var(--superficie);overflow-x:auto}.rejilla__celda{aspect-ratio:1;width:auto;height:auto;padding:0;display:grid;place-items:center;overflow:hidden;border:2px solid var(--linea);border-radius:var(--r-s);background:var(--papel);cursor:pointer}.rejilla__celda[data-encendida]{background:var(--color-nota, var(--vivo-turquesa));border-color:var(--color-nota, var(--vivo-turquesa))}.rejilla__personaje{display:block;height:78%;pointer-events:none}.rejilla__personaje .personaje{display:block;height:100%;width:auto}.rejilla__celda[data-columna-activa]{outline:var(--foco);outline-offset:-3px}.rejilla__celda[data-marca=sobra]{animation:parpadeo .9s ease-in-out 3}.rejilla__celda[data-marca=falta]{border-style:dashed;border-width:3px;border-color:var(--acento)}@keyframes parpadeo{50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.rejilla__celda[data-marca=sobra]{animation:none;border:3px double var(--acento)}}.rejilla__celda:focus-visible{outline:var(--foco);outline-offset:2px}.cantar{height:calc(var(--alto-escena) - var(--e-5) - var(--e-3));min-height:0;align-content:center;gap:var(--e-2)}.cantar__nota{font-size:clamp(36px,14vmin,96px);font-weight:700;line-height:1;margin:0;color:var(--vivo-turquesa)}.cantar__aguja{position:relative;height:clamp(44px,calc(var(--alto-escena) * .12),80px);width:min(100%,760px);margin:var(--e-2) auto;border:3px solid var(--linea);border-radius:var(--r-redondo);background:var(--superficie);overflow:hidden}.cantar__centro{position:absolute;left:50%;top:0;height:100%;transform:translate(-50%);background:var(--suave-verde);color:var(--tinta);border-left:2px dashed var(--vivo-verde);border-right:2px dashed var(--vivo-verde)}.cantar__casi{position:absolute;left:50%;top:0;height:100%;transform:translate(-50%);background:color-mix(in srgb,var(--vivo-amarillo) 14%,transparent)}.cantar__marca{position:absolute;left:50%;top:6px;width:14px;height:calc(100% - 12px);margin-left:-7px;border-radius:var(--r-redondo);background:var(--tinta-2);opacity:.25;transition:left 90ms linear}.cantar__marca[data-activa]{background:var(--acento);opacity:1}.cantar__aviso{padding:var(--e-3) var(--e-4);border-left:4px solid var(--tinta-2);background:var(--superficie);font-size:.9em}.seguir__nota{display:grid;place-items:center;min-height:100px}.seguir__nota-pop{display:grid;place-items:center;gap:2px;font-weight:700;animation:seguir-pop .26s ease-out}@keyframes seguir-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.seguir__nota-pop{animation:none}}.seguir__tira{display:flex;flex-wrap:nowrap;gap:var(--e-3);justify-content:safe center;overflow-x:auto;overscroll-behavior-x:contain;padding:var(--e-3) var(--e-2);margin:var(--e-5) 0;list-style:none}.seguir__bloque{display:grid;place-items:center;gap:var(--e-2);flex:0 0 auto;min-width:clamp(var(--objetivo),14vw,96px);min-height:96px;padding:var(--e-3);border:4px solid var(--linea);border-radius:var(--r-m);background:var(--superficie);font-size:1.3em;transition:transform 90ms ease,background-color 90ms ease}.seguir__bloque[data-actual]{background:var(--suave-amarillo);transform:scale(1.12);border-color:var(--acento)}.seguir__bloque[data-pasado]{opacity:.5}.seguir__bloque[data-actual] .personaje{animation:seguir-canta .5s ease-out}@keyframes seguir-canta{0%{transform:translateY(0)}40%{transform:translateY(-8px) scale(1.08)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.seguir__bloque[data-actual] .personaje{animation:none}}@media (prefers-reduced-motion: reduce){.seguir__bloque[data-actual]{transform:none;border-width:7px}}.lienzo__area{position:relative;width:100%;height:clamp(240px,calc(var(--alto-escena) * .74),620px);margin:var(--e-4) 0;border:4px solid var(--linea);border-radius:var(--r-l);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}.teclado__blanca,.teclado__negra,.pads__pad,.karaoke__banda,.karaoke__carril[data-tocable]{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.lienzo__franja{position:absolute;left:0;right:0;opacity:.55}.lienzo__dibujo{position:absolute;inset:0;width:100%;height:100%}.lienzo__teclas{display:flex;gap:var(--e-2);justify-content:center;flex-wrap:wrap;margin-bottom:var(--e-4)}.lienzo__tecla{border:3px solid var(--linea);border-radius:var(--r-m);cursor:pointer}.lienzo__tecla:focus-visible{outline:var(--foco);outline-offset:2px}.cuenta{display:grid;place-items:center;gap:var(--e-2);width:100%;min-height:260px;padding:var(--e-5);border:none;background:none;color:inherit;font:inherit;cursor:pointer}.cuenta__numero{font-size:clamp(96px,26vw,220px);font-weight:700;line-height:1;color:var(--acento);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: no-preference){.cuenta__numero{animation:late .7s ease-out}}@keyframes late{0%{transform:scale(.55);opacity:0}55%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.cuenta__pista{color:var(--tinta-2);font-size:.95em}.opciones{gap:var(--separacion)}.boton-actividad{border-width:4px;border-radius:var(--r-l);padding:var(--e-4)}.boton__texto{font-size:1.05em;letter-spacing:.01em}.boton--verde{background:var(--suave-verde);border-color:var(--vivo-verde);color:var(--tinta)}.boton--azul{background:var(--suave-azul);border-color:var(--vivo-azul);color:var(--tinta)}.boton--rojo{background:var(--suave-rojo);border-color:var(--vivo-rojo);color:var(--tinta)}.boton--amarillo{background:var(--suave-amarillo);border-color:var(--vivo-amarillo);color:var(--tinta)}.boton--morado{background:var(--suave-morado);border-color:var(--vivo-morado);color:var(--tinta)}:root[data-pizarra=true]{--objetivo: calc(var(--objetivo-infantil) * 1.6);--separacion: 32px;font-size:156%}:root[data-pizarra=true] .catalogo,:root[data-pizarra=true] .actividad,:root[data-pizarra=true] .guia{max-width:none}:root[data-pizarra=true] .icono{width:auto;height:auto;min-width:96px;min-height:96px}:root[data-pizarra=true]{--tinta-2: var(--tinta);--linea: var(--tinta-2)}.ficha{max-width:860px;margin:0 auto;padding:var(--e-5) var(--e-4) var(--e-8)}.ficha__barra{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-3);margin-bottom:var(--e-5)}.ficha__opcion{display:inline-flex;align-items:center;gap:var(--e-1);font-size:.95em}.ficha__opcion input{width:22px;height:22px}.ficha__papel{width:100%;border-collapse:collapse}.ficha__papel>thead>tr>td,.ficha__papel>tfoot>tr>td,.ficha__papel>tbody>tr>td{padding:0;vertical-align:top}.ficha__hoja{padding:var(--e-3) var(--e-5) var(--e-3);margin-bottom:var(--e-6);font-size:15px;line-height:1.45;color:var(--tinta);background:var(--superficie);border:1px solid var(--linea);border-radius:var(--r-m)}.ficha__hoja h1{font-size:1.9em;line-height:1.1;margin:0 0 var(--e-2);text-wrap:balance}.ficha__hoja h2{font-size:.8em;text-transform:uppercase;letter-spacing:.08em;color:var(--acento);margin:var(--e-5) 0 var(--e-2);padding-bottom:3px;border-bottom:1.5px solid var(--acento)}.ficha__hoja h3{font-size:1em;margin:0 0 var(--e-1)}.ficha__hoja p{margin:0 0 var(--e-2)}.ficha__hoja section{margin:0}.ficha__sobre{font-size:.8em;color:var(--tinta-2);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--e-1)}.ficha__sobre .codigo{font-weight:700;color:var(--tinta)}.ficha__entradilla{font-size:1.02em}.ficha__marca{display:flex;justify-content:space-between;align-items:center;gap:var(--e-4);margin:0;padding:var(--e-2) var(--e-5);font-size:.7em;color:var(--tinta-2)}.ficha__marca--sup{text-transform:uppercase;letter-spacing:.04em}.ficha__logo{display:inline-flex;align-items:center;gap:var(--e-1)}.ficha__logo img{height:14px;width:auto;opacity:.85}.ficha__logo a{color:inherit}.ficha__tecnica{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--e-2) var(--e-4);margin:var(--e-3) 0 0;padding:var(--e-3) 0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);font-size:.92em;font-variant-numeric:tabular-nums}.ficha__tecnica div{min-width:0}.ficha__tecnica dt{font-size:.78em;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-2)}.ficha__tecnica dd{margin:0;font-weight:700}.ficha__aprende{font-size:1.1em;line-height:1.35}.ficha__vocab{display:flex;flex-wrap:wrap;gap:var(--e-1);margin:0;padding:0;list-style:none}.ficha__vocab li{padding:1px var(--e-2);border:1px solid var(--linea);border-radius:3px;font-size:.9em}.ficha__consigna{padding:var(--e-2) var(--e-3);margin:0 0 var(--e-3);color:var(--tinta);background:var(--suave-verde, #e6f0ee);border-left:3px solid var(--acento-2)}.ficha__sobre--consigna{color:var(--acento-2)}.ficha__consigna p:last-child{margin:0}.ficha__pasos{margin:0;padding:0;list-style:none;display:grid;gap:var(--e-1) var(--e-2)}.ficha__pasos li{display:grid;grid-template-columns:2.2em 1fr;gap:var(--e-2)}.ficha__min{color:var(--tinta-2);font-variant-numeric:tabular-nums;font-size:.92em}.ficha__partitura{margin:0 0 var(--e-2);overflow:hidden}.ficha__partitura svg{max-width:100%;height:auto}.ficha__letra{white-space:pre-line;font-style:italic;color:var(--tinta-2);line-height:1.5}.ficha__nota{font-size:.85em;color:var(--tinta-2)}.ficha__bloques{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--e-3) var(--e-5)}.ficha__ideasTitulo{margin-top:var(--e-3)}.ficha__lista{margin:0;padding-left:1.2em}.ficha__lista li{margin-bottom:var(--e-1)}.ficha__mirar{display:grid;grid-template-columns:1fr 1fr;gap:var(--e-3) var(--e-5)}.ficha__mirar li b{color:var(--acento-2)}.ficha__curri{display:grid;grid-template-columns:max-content 1fr;gap:var(--e-1) var(--e-3);margin:0;font-size:.92em}.ficha__curri dt{color:var(--tinta-2)}.ficha__curri dd{margin:0}.ficha__datos{display:flex;flex-wrap:wrap;gap:var(--e-2) var(--e-5);margin:0 0 var(--e-2);color:var(--tinta-2);font-size:.92em}.ficha__seguimiento{width:100%;border-collapse:collapse;font-size:.9em}.ficha__seguimiento th,.ficha__seguimiento td{border:1px solid var(--linea);padding:5px 7px;text-align:left;vertical-align:top}.ficha__seguimiento th{font-weight:700;color:var(--tinta);background:var(--fondo)}.ficha__seguimiento tbody td{height:24px}.ficha__colNombre{width:28%}.ficha__colNotas{width:24%}.ficha__pie{margin-top:var(--e-3)}.actividad__ficha{color:var(--acento-2);font-size:.9em}@media print{@page{size:A4;margin:10mm 14mm}.ficha{max-width:none;padding:0;margin:0}.ficha__papel>thead{display:table-header-group}.ficha__papel>tfoot{display:table-footer-group}.ficha__papel>thead>tr>td,.ficha__papel>tfoot>tr>td{height:9mm}.ficha__marca{position:fixed;left:0;right:0;height:9mm;box-sizing:border-box}.ficha__marca--sup{top:0;align-items:flex-start}.ficha__marca--inf{bottom:0;align-items:flex-end}.ficha__cara2{page-break-before:always}.ficha__hoja{box-sizing:border-box;border:none;border-radius:0;background:none;padding:0;margin:0;font-size:9.5pt;line-height:1.35;color:#000}.ficha__hoja h1{font-size:20pt;margin-bottom:1.5mm}.ficha__hoja h2{margin:3mm 0 1.5mm}.ficha__hoja p{margin-bottom:1.5mm}.ficha__tecnica{padding:2mm 0;margin-top:2mm;gap:1.5mm 6mm}.ficha__consigna{padding:2mm 3mm;margin-bottom:2mm}.ficha__pasos{gap:.8mm 2mm}.ficha__letra{line-height:1.3}.ficha__partitura{margin-bottom:1mm}.ficha__consigna{background:#eef3f2}.ficha__seguimiento th{background:#f2f2f2}.ficha__seguimiento tbody td{height:7mm}.ficha__seguimiento th,.ficha__seguimiento td{padding:1mm 2mm}.ficha__marca{font-size:7pt;color:#777;padding:0}.ficha__pie{margin-top:5mm;font-size:7.5pt}.ficha__logo img{height:5mm}.ficha__partitura,.ficha__seguimiento{break-inside:avoid}}.pista-fija{color:var(--tinta-2);font-size:.9em}.estado-actividad{margin:var(--e-3) auto;color:var(--tinta-2);font-size:var(--t-s);font-weight:600;text-align:center}.presentacion{display:grid;justify-items:center;align-content:start;gap:var(--e-3);max-width:1100px;margin:0 auto;padding:var(--e-4) var(--e-5) var(--e-8);text-align:center}.presentacion__figura{line-height:0}@media (prefers-reduced-motion: no-preference){.presentacion__figura{animation:presentacion-entra .55s cubic-bezier(.34,1.56,.64,1)}}@keyframes presentacion-entra{0%{transform:scale(.6) translateY(12px);opacity:0}70%{transform:scale(1.06) translateY(-4px);opacity:1}to{transform:scale(1) translateY(0)}}.presentacion__titulo{margin:0;max-width:22ch;font-size:clamp(28px,5.5vw,64px);line-height:1.1;color:var(--tinta);text-wrap:balance}.presentacion__texto{margin:0;max-width:48ch;font-size:clamp(18px,2.6vw,34px);line-height:1.35;color:var(--tinta-2);text-wrap:pretty}.presentacion__escuchar{flex:1 1 100%;justify-content:center;min-width:11em}.presentacion__puntos{display:flex;gap:var(--e-2);margin:var(--e-2) 0 0;padding:0;list-style:none}.presentacion__puntos li{width:12px;height:12px;border-radius:50%;border:2px solid var(--tinta-2)}.presentacion__puntos li[data-actual]{background:var(--acento);border-color:var(--acento)}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;gap:var(--e-1);padding:var(--e-2) var(--e-2);padding-bottom:max(6px,env(safe-area-inset-bottom));border-top:3px solid var(--linea);background:var(--superficie)}.nav__enlace{display:grid;place-items:center;gap:var(--e-0);flex:1 1 0;max-width:160px;min-height:56px;padding:var(--e-1);border-radius:var(--r-m);color:var(--tinta-2);text-decoration:none;font-size:.78em}.nav__enlace:focus-visible{outline:var(--foco);outline-offset:-3px}.nav__enlace[data-color=rojo]{--nav-suave: var(--suave-rojo);--nav-vivo: var(--vivo-rojo)}.nav__enlace[data-color=verde]{--nav-suave: var(--suave-verde);--nav-vivo: var(--vivo-verde)}.nav__enlace[data-color=amarillo]{--nav-suave: var(--suave-amarillo);--nav-vivo: var(--vivo-amarillo)}.nav__enlace[data-color=azul]{--nav-suave: var(--suave-azul);--nav-vivo: var(--vivo-azul)}.nav__disco{position:relative;display:grid;place-items:end center;width:44px;height:44px}.nav__disco:before{content:"";position:absolute;inset:8px 2px 0;border-radius:50%;background:var(--nav-suave);border:2px solid var(--nav-vivo);transition:background-color var(--transicion),transform var(--transicion)}.nav__disco .personaje{position:relative;display:block;height:44px;width:auto}.nav__enlace[aria-current=page]{color:var(--nav-vivo);background:var(--nav-suave);font-weight:700}.nav__enlace[aria-current=page] .nav__disco:before{background:var(--nav-vivo)}.nav__enlace[aria-current=page] .nav__disco .personaje{transform:translateY(-2px)}@media (prefers-reduced-motion: reduce){.nav__disco:before,.nav__disco .personaje{transition:none;transform:none}}.catalogo,.ajustes,.legal,.ficha{padding-bottom:var(--e-9)}@media print{.nav{display:none}.catalogo,.ajustes,.legal,.ficha{padding-bottom:0}}.teclado__caja{display:flex;align-items:flex-end;justify-content:safe center;padding-top:var(--e-8);margin:var(--e-5) 0;padding:0 var(--e-2);touch-action:none;overflow-x:auto}.teclado__blanca,.teclado__teclas{position:relative;display:flex;flex:0 0 auto;height:100%}.teclado__teclas{height:clamp(150px,calc(var(--alto-escena) * .5),340px)}.teclado__negra{padding:0;cursor:pointer;border-radius:0 0 10px 10px}.teclado__blanca{position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--e-3);border:2px solid var(--tinta-2);background:var(--superficie);color:var(--tinta)}.teclado__negra{position:absolute;top:0;height:62%;z-index:2;border:2px solid var(--tinta);background:var(--tinta)}.teclado__blanca[data-sonando]{background:var(--vivo-turquesa)}.teclado__negra[data-sonando]{background:var(--vivo-morado);height:58%}.teclado__blanca:focus-visible,.teclado__negra:focus-visible{outline:var(--foco);outline-offset:-4px;z-index:3}.teclado__nombre{font-size:.8em;color:var(--tinta-2);pointer-events:none}.seguir__pista{position:relative;height:clamp(220px,calc(var(--alto-escena) * .68),560px);margin:var(--e-5) 0;border:3px solid var(--linea);border-radius:var(--r-m);background:var(--superficie);overflow:hidden}.seguir__linea{position:absolute;left:0;right:0;bottom:12%;height:5px;background:var(--acento);box-shadow:0 0 0 1px var(--papel)}.seguir__cayendo{position:absolute;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:var(--e-1);padding:var(--e-3) var(--e-4);border:3px solid var(--vivo-azul);border-radius:var(--r-m);background:var(--suave-azul);color:var(--tinta);font-size:1.1em}.seguir__cayendo[data-acertando]{border-color:var(--acento);background:var(--suave-amarillo);transform:translate(-50%) scale(1.15)}@media (prefers-reduced-motion: reduce){.seguir__cayendo[data-acertando]{transform:translate(-50%);border-width:6px}}.tocar__marcas{display:flex;flex-wrap:wrap;gap:var(--e-3);justify-content:center;padding:var(--e-1);margin:var(--e-4) 0;list-style:none}.tocar__marcas li{width:26px;height:26px;border:3px solid var(--linea);border-radius:50%;background:var(--superficie);transition:transform .12s ease,background-color .12s ease}.tocar__marcas li[data-marca=acertado]{background:var(--vivo-verde);border-color:var(--vivo-verde);transform:scale(1.25)}.tocar__marcas li[data-marca=casi]{border-color:var(--vivo-amarillo);background:linear-gradient(90deg,var(--vivo-amarillo) 50%,var(--superficie) 50%)}.tocar__marcas li[data-marca=quemado]{border-style:dashed;opacity:.4;background:linear-gradient(135deg,transparent 45%,var(--linea) 45%,var(--linea) 55%,transparent 55%)}.tocar__marcas li[data-marca=pasado]{border-style:dashed;opacity:.4}.tocar__marcas li[data-marca=silencio]{border-style:dotted;background:none;opacity:.75}@media (prefers-reduced-motion: reduce){.tocar__marcas li[data-marca=acertado]{transform:none;border-width:7px}}.teclado__ultima{min-height:1.3em;margin:var(--e-1) 0;font-size:clamp(32px,9vw,64px);font-weight:700;line-height:1;color:var(--vivo-turquesa);text-align:center}.teclado__blanca{border-bottom-width:10px}.karaoke__pauta{position:relative;overflow:hidden;margin:var(--e-3) auto var(--e-2);background:var(--superficie);border:2px solid var(--linea);border-radius:var(--radio)}.karaoke__pauta[data-orientacion=horizontal]{width:100%}.karaoke__pauta[data-orientacion=vertical]{height:clamp(240px,calc(var(--alto-escena) * .76),560px);margin-inline:auto}.karaoke__linea{position:absolute;background:var(--linea)}[data-orientacion=horizontal] .karaoke__linea{left:0;right:0;height:2px}[data-orientacion=vertical] .karaoke__linea{top:0;bottom:0;width:2px}.karaoke__carril{position:absolute;opacity:.5}.karaoke__carril[data-tocable]{cursor:pointer;touch-action:none;opacity:.6}[data-orientacion=horizontal] .karaoke__carril{left:0;right:0;border-top:3px dashed}[data-orientacion=vertical] .karaoke__carril{top:0;bottom:0;border-left:3px dashed}.karaoke__ahora{position:absolute;background:var(--vivo-turquesa);box-shadow:0 0 0 6px color-mix(in srgb,var(--vivo-turquesa) 18%,transparent)}[data-orientacion=horizontal] .karaoke__ahora{top:0;bottom:0;width:4px;margin-left:-2px}[data-orientacion=vertical] .karaoke__ahora{left:0;right:0;height:4px;margin-top:-2px}.karaoke__cola{position:absolute;background:color-mix(in srgb,currentColor 10%,transparent);pointer-events:none}.karaoke__cola[data-orientacion=vertical]{left:0;width:100%;border-bottom:2px solid currentColor}.karaoke__cola[data-orientacion=horizontal]{top:0;height:100%;border-left:2px solid currentColor}.karaoke__cola[data-acertada]{background:color-mix(in srgb,var(--vivo-verde) 18%,transparent)}.karaoke__cola[data-apagada]{background:transparent;border-color:var(--linea);border-style:dashed}.karaoke__letra{display:flex;flex-wrap:wrap;justify-content:center;gap:3px 4px;max-width:44ch;margin:0 auto var(--e-2);padding:0;line-height:1.5}.karaoke__silabaLetra{padding:2px 6px;border-radius:var(--r-s);font-size:18px;font-weight:700;color:var(--tinta-2);transition:background-color .12s ease,color .12s ease}.karaoke__silabaLetra[data-estado=ahora]{background:var(--tinta);color:var(--papel)}.karaoke__silabaLetra[data-estado=dicha]{opacity:.4}.karaoke__palabra{position:absolute;left:50%;bottom:var(--e-2);transform:translate(-50%);display:flex;gap:3px;padding:var(--e-1) var(--e-2);background:var(--superficie);border:2px solid var(--linea);border-radius:var(--r-s);white-space:nowrap;pointer-events:none}.karaoke__silaba{padding:1px 4px;border-radius:var(--r-s);background:var(--tinta);color:var(--papel);font-size:15px;font-weight:700;line-height:1.3}.karaoke__figura{position:absolute;display:grid;place-items:center;border:2px solid var(--tinta);border-radius:var(--r-s);line-height:1;transform:translate(-50%,-50%)}.karaoke__figura[data-forma=pentagrama],.karaoke__figura[data-forma=color]{border-radius:var(--r-s)}[data-orientacion=horizontal] .karaoke__figura[data-forma=pentagrama],[data-orientacion=horizontal] .karaoke__figura[data-forma=color]{height:14px;width:20px}[data-orientacion=vertical] .karaoke__figura[data-forma=pentagrama],[data-orientacion=vertical] .karaoke__figura[data-forma=color]{width:14px;height:20px}.karaoke__figura[data-forma=silaba],.karaoke__figura[data-forma=figura],.karaoke__figura[data-forma=icono],.karaoke__figura[data-forma=personaje]{min-width:62px;min-height:54px;padding:var(--e-1) var(--e-3);background:var(--superficie);border-width:3px;border-radius:var(--r-m);font-size:22px;font-weight:700;color:var(--tinta)}.karaoke__figura[data-forma=figura]{font-family:Bravura,serif;font-size:28px;min-width:40px;min-height:48px;padding:2px 6px}.karaoke__figura[data-acertada]{background:var(--vivo-verde);border-color:var(--vivo-verde);color:var(--papel);transform:translate(-50%,-50%) scale(1.4);box-shadow:0 0 0 8px color-mix(in srgb,var(--vivo-verde) 22%,transparent)}.karaoke__figura[data-forma=personaje][data-acertada]{animation:karaoke-latido .7s ease-out}@keyframes karaoke-latido{0%{transform:translate(-50%,-50%) scale(1)}35%{transform:translate(-50%,-50%) scale(1.55) rotate(-4deg)}60%{transform:translate(-50%,-50%) scale(1.25) rotate(3deg)}80%{transform:translate(-50%,-50%) scale(1.45)}to{transform:translate(-50%,-50%) scale(1.4)}}.karaoke__banda .personaje{transition:transform .12s ease-out}.karaoke__banda:active .personaje{transform:scale(1.18) translateY(-3px)}.karaoke__figura[data-casi]{border-color:var(--vivo-amarillo);background:linear-gradient(135deg,var(--vivo-amarillo) 50%,var(--superficie) 50%)}.karaoke__figura[data-quemada]{border-style:dashed;background:linear-gradient(135deg,transparent 45%,var(--linea) 45%,var(--linea) 55%,transparent 55%)}.karaoke__figura[data-apagada]{background:transparent;border-style:dashed;border-color:var(--linea);color:var(--tinta-2);opacity:.45}@media (prefers-reduced-motion: reduce){.karaoke__figura[data-acertada]{transform:translate(-50%,-50%);border-width:6px;animation:none}.karaoke__banda .personaje{transition:none}.karaoke__banda:active .personaje{transform:none}}.karaoke__diana{width:100%;min-height:96px;font-size:24px}.karaoke__cifras{margin:var(--e-1) 0;font-variant-numeric:tabular-nums}.karaoke__aviso{position:absolute;transform:translate(-50%);font-size:30px;font-weight:700;line-height:1;color:var(--tinta);text-shadow:0 0 6px var(--superficie),0 0 6px var(--superficie);pointer-events:none;animation:karaoke-sube 1s ease-out forwards}@keyframes karaoke-sube{0%{opacity:0;transform:translateY(0) scale(.7)}25%{opacity:1;transform:translateY(-16px) scale(1.15)}to{opacity:0;transform:translateY(-56px) scale(1)}}@media (prefers-reduced-motion: reduce){.karaoke__aviso{animation:karaoke-aparece 1s steps(2,end) forwards}@keyframes karaoke-aparece{0%,99%{opacity:1}to{opacity:0}}}.eleccion__caso{max-width:46ch;margin:var(--e-4) auto;padding:var(--e-4) var(--e-5);font-size:20px;line-height:1.5;color:var(--tinta);background:var(--suave-amarillo);border-left:6px solid var(--vivo-naranja);border-radius:var(--radio);text-align:left}.teclado__qwerty{display:block;margin-top:var(--e-0);font-size:11px;font-weight:600;color:var(--tinta-suave);opacity:.75}.karaoke__botones{display:flex;gap:2px;margin:0 auto var(--e-3)}.karaoke__banda{flex:1 1 0;min-width:0;min-height:88px;display:grid;place-items:center;gap:2px;border-radius:0 0 var(--r-m) var(--r-m);padding:var(--e-2);font-size:var(--t-s);font-weight:700;color:var(--papel);border-width:3px;border-style:solid;border-radius:var(--r-m);box-shadow:var(--sombra-1)}.karaoke__banda:active{box-shadow:none;transform:translateY(2px)}@media (prefers-reduced-motion: reduce){.karaoke__banda:active{transform:none}}.karaoke__figura[data-oculta]{border-style:dashed;background:var(--superficie);color:transparent}.memoria__tablero{display:grid;grid-template-columns:repeat(var(--columnas, 4),minmax(var(--lado, 60px),1fr));gap:var(--separacion);width:min(100%,calc(var(--columnas, 4) * 120px + (var(--columnas, 4) - 1) * var(--separacion)));margin:var(--e-4) auto;padding:0;list-style:none}.memoria__tablero>li{display:grid}.memoria__carta{width:100%;aspect-ratio:1;padding:var(--e-2);transition:transform .12s ease,background .12s ease}.memoria__carta[data-estado=tapada][data-cara=sonido]{background:var(--suave-morado);border-color:var(--vivo-morado);border-style:dashed}.memoria__carta[data-estado=tapada][data-cara=imagen]{background:var(--suave-amarillo);border-color:var(--vivo-amarillo)}.memoria__carta[aria-disabled=true][data-estado=tapada]{opacity:.45;cursor:default}.memoria__carta[data-estado=destapada]{background:var(--superficie)}.memoria__carta[data-estado=resuelta]{border-color:var(--ok);background:var(--suave-verde);cursor:default}.memoria__carta[data-cara=sonido][data-estado=destapada]{color:var(--eje-timbre)}@media (prefers-reduced-motion: reduce){.memoria__carta{transition:none}}.emparejar__imagen{display:block;width:auto;height:100%;max-width:100%;max-height:100%;min-height:0;object-fit:contain;margin:0 auto}.cantar__guia{min-height:1.6em;margin:var(--e-2) 0 var(--e-4);font-size:var(--t-m);font-weight:700;text-align:center;color:var(--tinta-2);transition:color var(--transicion)}.cantar__guia[data-cazada]{color:var(--vivo-verde);font-size:var(--t-l)}.cantar__marca[data-dentro]{background:var(--vivo-verde);box-shadow:0 0 0 8px color-mix(in srgb,var(--vivo-verde) 22%,transparent)}.lienzo{position:relative}.lienzo__boton{position:absolute;top:0;right:0;margin:0;z-index:4;display:grid;place-items:center;width:44px;height:44px;padding:0;color:var(--tinta-2);background:var(--superficie);border:2px solid var(--linea);border-radius:var(--r-s);cursor:pointer;transition:color var(--transicion),border-color var(--transicion)}.lienzo__boton:hover{color:var(--tinta);border-color:var(--tinta-2)}.lienzo__boton:focus-visible{outline:var(--foco);outline-offset:var(--foco-hueco)}.lienzo[data-ampliado]{position:fixed;inset:0;z-index:50;display:grid;align-content:safe center;padding:var(--e-4);overflow:auto;background:var(--papel)}.lienzo[data-ampliado]>.actividad{width:100%;max-width:none}.lienzo[data-ampliado] .lienzo__boton{position:fixed;top:var(--e-3);right:var(--e-3);z-index:51}.lienzo[data-ampliado] .actividad{margin:0}.lienzo[data-ampliado] .retos__boton{display:none}.lienzo[data-ampliado] .karaoke__pauta[data-orientacion=vertical]{height:clamp(300px,calc(var(--alto-escena) * .82),820px)}.lienzo[data-ampliado] .teclado__teclas{height:clamp(220px,calc(var(--alto-escena) * .72),620px)}.lienzo[data-ampliado]~*,body:has(.lienzo[data-ampliado]) .nav{display:none}.ordenar__casillas{display:flex;flex-wrap:wrap;gap:var(--separacion);justify-content:center;padding:0;margin:var(--e-4) 0;list-style:none}.ordenar__casillas li{position:relative;display:grid;place-items:center}.ordenar__numero{position:absolute;top:-10px;left:-6px;z-index:2;display:grid;place-items:center;width:24px;height:24px;font-size:var(--t-xs);font-weight:700;color:var(--papel);background:var(--tinta-2);border-radius:var(--r-redondo)}.ordenar__casilla{background:none;border:3px dashed var(--linea);border-radius:var(--r-m);cursor:pointer;transition:border-color var(--transicion),background-color var(--transicion)}.ordenar__casilla:hover,.ordenar__casilla:not([aria-disabled]){border-color:var(--acento-2)}.ordenar__casilla:not([aria-disabled]):hover{background:color-mix(in srgb,var(--acento-2) 12%,transparent)}.ordenar__casilla:focus-visible{outline:var(--foco);outline-offset:var(--foco-hueco)}.ordenar__ficha[data-elegida]{border-color:var(--acento-2);box-shadow:var(--sombra-2),0 0 0 4px color-mix(in srgb,var(--acento-2) 30%,transparent);transform:translateY(-4px) scale(1.04)}@media (prefers-reduced-motion: reduce){.ordenar__ficha[data-elegida]{transform:none;border-width:5px}}.ordenar__banco{display:flex;flex-wrap:wrap;gap:var(--separacion);justify-content:center;min-height:40px}.ordenar__forma{display:block;width:22px;height:22px;margin-top:var(--e-1)}.ordenar__forma[data-forma=circulo]{border-radius:var(--r-redondo)}.ordenar__forma[data-forma=cuadrado]{border-radius:3px}.ordenar__forma[data-forma=triangulo]{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0}.catalogo__aclaracion{margin:0 0 var(--e-3);font-size:var(--t-xs);color:var(--tinta-2)}.retos__boton{display:inline-flex;align-items:center;gap:var(--e-2)}.retos__texto{max-width:26ch;margin:var(--e-3) auto 0;font-size:var(--t-m);line-height:1.4}.teclado__octavas{display:flex;gap:2px}.teclado__octavas button{min-width:44px;padding:var(--e-2);border-radius:0}.teclado__octavas button:first-child{border-radius:var(--r-s) 0 0 var(--r-s)}.teclado__octavas button:last-child{border-radius:0 var(--r-s) var(--r-s) 0}.teclado__octavas button[data-elegida]{color:var(--papel);background:var(--acento-2);border-color:var(--acento-2);font-weight:700}.teclado__caja[data-desplaza]{justify-content:flex-start;border-left:2px dashed var(--linea);border-right:2px dashed var(--linea)}.lienzo__instrumento select{min-height:44px;padding:var(--e-2) var(--e-3);font:inherit;font-size:var(--t-s);color:var(--tinta);background:var(--superficie);border:2px solid var(--linea);border-radius:var(--r-s)}.lienzo__instrumento select:focus-visible{outline:var(--foco);outline-offset:var(--foco-hueco)}.cantar__digitacion{display:block;width:auto;height:clamp(80px,calc(var(--alto-escena) * .3),190px);margin:0 auto}.cantar .progreso{margin:0 auto}.cantar__guia{margin:0}.compases{height:calc(var(--alto-escena) - var(--e-5) - var(--e-3));min-height:0;grid-template-rows:minmax(0,1fr);align-content:center}.compases__marco{display:flex;justify-content:safe center;align-items:center;width:100%;max-width:100%;min-width:0;height:100%;min-height:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-inline:var(--e-2)}.compases__pauta{position:relative;flex:0 0 auto;height:clamp(96px,42%,122px)}.compases__dibujo{display:block;height:100%;width:100%;overflow:visible;fill:var(--tinta)}.compases__glifo{font-family:var(--f-musica),serif;font-size:4px}.compases__raya{stroke:var(--tinta);stroke-width:.13}.compases__final-fina{stroke:var(--tinta);stroke-width:.28}.compases__final-gruesa{stroke:var(--tinta);stroke-width:.7}.compases__linea-barra{stroke:var(--tinta);stroke-width:.3;stroke-linecap:butt}.compases__divisoria[data-estado=libre] .compases__linea-barra{stroke:var(--linea);stroke-width:.18;stroke-dasharray:.35 .35}.compases__divisoria[data-estado=sobra] .compases__linea-barra{stroke:var(--vivo-naranja);stroke-width:.44}.compases__divisoria[data-estado=sobra] .compases__banda{fill:color-mix(in srgb,var(--vivo-naranja) 16%,transparent)}.compases__divisoria[data-estado=falta] .compases__linea-barra{stroke:var(--vivo-verde);stroke-width:.34;stroke-dasharray:.2 .3;stroke-linecap:round}.compases__divisoria[data-estado=falta] .compases__banda{fill:color-mix(in srgb,var(--vivo-verde) 16%,transparent)}.compases__divisoria[data-estado=puesta] .compases__banda{fill:transparent}.compases__huecos{position:absolute;inset:0;margin:0;padding:0;list-style:none}.compases__hueco{position:absolute;top:0;height:100%}.compases__barra{display:block;width:100%;height:100%;padding:0;background:transparent;border:none;border-radius:var(--r-s);cursor:pointer}.compases__barra:hover{background:color-mix(in srgb,var(--tinta) 6%,transparent)}.compases__barra:focus-visible{outline:var(--foco);outline-offset:-3px}.escala{height:calc(var(--alto-escena) - var(--e-5) - var(--e-3));min-height:0;grid-template-rows:auto auto auto;align-content:center}.escala__pauta{position:relative;width:100%;height:clamp(112px,calc(var(--alto-escena) * .34),150px);margin:0 0 var(--e-2);overflow-x:auto;background:var(--superficie);border:2px solid var(--linea);border-radius:var(--r-m)}.escala__linea{position:absolute;left:0;right:0;height:2px;background:var(--linea)}.escala__adicional{position:absolute;width:26px;height:2px;margin-left:-5px;background:var(--linea)}.escala__nota{position:absolute;width:16px;height:12px;margin-left:-8px;border:2px solid var(--tinta);border-radius:8px;transition:left .22s ease}.escala__adicional{transition:left .22s ease}.escala__alteracion{position:absolute;font-size:20px;font-weight:700;color:var(--tinta);transition:left .22s ease}.escala__distancias{display:flex;flex-wrap:nowrap;overflow:hidden;gap:4px;justify-content:flex-start;padding:0 0 0 42px;margin:0 0 var(--e-2);min-height:42px;list-style:none}.escala__distancias li{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;padding:0;font-size:var(--t-xs);line-height:1.05;text-align:center;white-space:pre-line;border-radius:var(--r-s);background:var(--fondo);border:2px solid var(--linea)}.escala__distancias li[data-distancia=tono]{border-color:var(--vivo-azul)}.escala__distancias li[data-distancia=semitono]{border-color:var(--vivo-naranja)}.escala__distancias li[data-distancia=otra]{border-style:dashed;color:var(--tinta-2)}.escala__distancias li[data-mal]{text-decoration:line-through;border-style:dashed;color:var(--tinta-2)}.escala__patron{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 var(--e-2);padding:0;list-style:none}.escala__patron li{display:grid;place-items:center;width:42px;height:42px;font-size:var(--t-xs);line-height:1.05;text-align:center;white-space:pre-line;border-radius:var(--r-s);background:var(--fondo);border:2px solid var(--linea)}.escala__patron li[data-distancia=tono]{border-color:var(--vivo-azul)}.escala__patron li[data-distancia=semitono]{border-color:var(--vivo-naranja)}.escala__patron li[data-hecho][data-distancia=tono]{background:var(--vivo-azul);color:#fff}.escala__patron li[data-hecho][data-distancia=semitono]{background:var(--vivo-naranja);color:#fff}.escala__teclado{position:relative;min-width:0;max-width:100%;display:flex;justify-content:safe center;height:clamp(calc(var(--objetivo) * 2),calc(var(--alto-escena) - 230px),300px);overflow-x:auto}.escala__teclado .teclado__blanca[data-usada],.escala__teclado .teclado__negra[data-usada]{box-shadow:inset 0 0 0 3px var(--acento-2)}.paisaje__buscar{max-width:44ch;margin:var(--e-4) auto;padding-left:1.2em;text-align:left}.paisaje__buscar li{margin-bottom:var(--e-2)}.paisaje__grabar[data-grabando]{color:var(--papel);background:var(--vivo-rojo);border-color:var(--vivo-rojo)}.paisaje__enMarcha{font-size:var(--t-s);font-weight:700;color:var(--vivo-rojo)}.paisaje__titulo{font-size:var(--t-m);margin-top:var(--e-6)}.paisaje__lista{padding:0;margin:0 0 var(--e-4);list-style:none}.paisaje__lista li{display:flex;flex-wrap:wrap;gap:var(--e-2);justify-content:center;margin-bottom:var(--e-2)}.paisaje__lista button{display:inline-flex;align-items:center;gap:var(--e-2)}.paisaje__duracion{color:var(--tinta-2);font-size:var(--t-xs)}.paisaje__borrar{color:var(--acento)}.paisaje__promesa{max-width:44ch;margin:var(--e-5) auto;padding:var(--e-3);font-size:var(--t-xs);color:var(--tinta-2);background:var(--fondo);border-left:4px solid var(--acento-2);border-radius:0 var(--r-s) var(--r-s) 0}.paisaje__aviso{max-width:44ch;margin:var(--e-3) auto;color:var(--tinta-2);font-size:var(--t-xs)}.pistas__tabla{display:grid;grid-template-columns:max-content;justify-content:safe center;gap:var(--e-3);width:100%;max-width:70rem;margin-inline:auto}.pistas__pista{padding:var(--e-2);background:var(--superficie);border:2px solid var(--linea);border-radius:var(--r-m)}.pistas__pista[data-muda]{opacity:.55;border-style:dashed}.pistas__cabecera{display:flex;align-items:center;gap:var(--e-2);margin-bottom:var(--e-2)}.pistas__nombre{flex:0 0 auto;font-weight:700;font-size:var(--t-s)}.pistas__instrumento select{font:inherit;font-size:var(--t-xs);padding:var(--e-1) var(--e-2);color:var(--tinta);background:var(--superficie);border:2px solid var(--linea);border-radius:var(--r-s)}.pistas__instrumento select:focus-visible{outline:var(--foco);outline-offset:var(--foco-hueco)}.pistas__mudo,.pistas__limpiar{padding:var(--e-1) var(--e-2);font:inherit;font-size:var(--t-xs);color:var(--tinta-2);background:var(--fondo);border:2px solid var(--linea);border-radius:var(--r-s);cursor:pointer}.pistas__mudo[aria-pressed=true]{color:var(--papel);background:var(--tinta-2);border-color:var(--tinta-2)}.pistas__mudo:focus-visible,.pistas__limpiar:focus-visible{outline:var(--foco);outline-offset:var(--foco-hueco)}.pistas__tabla,.pistas__pista,.pistas__rejilla,.pistas__fila{min-width:0}.pistas__tabla{overflow-x:auto;overscroll-behavior-x:contain}.pistas__fila{display:flex;align-items:center;gap:2px;margin-bottom:2px}.pistas__etiqueta{flex:0 0 auto;width:74px;font-size:var(--t-xs);color:var(--tinta-2);text-align:right;padding-right:var(--e-2)}.pistas__celda{flex:0 0 auto;width:30px;height:30px;padding:0;background:var(--fondo);border:1px solid var(--linea);border-radius:4px;cursor:pointer}.pistas__celda[data-compas]{border-left:3px solid var(--tinta-2)}.pistas__celda[data-on]{border-color:var(--tinta);background:var(--acento-2)}.pistas__celda[data-aqui]{box-shadow:inset 0 0 0 2px var(--acento)}.pistas__celda:focus-visible{outline:var(--foco);outline-offset:1px}.cuerpo{max-height:calc(var(--alto-escena) - var(--e-5) - var(--e-3));min-height:0;align-content:center}.cuerpo__rejilla{--alto-fila: clamp(1.4rem, calc((var(--alto-escena) - 160px) / var(--filas, 4) - 6px), 3.25rem);overflow-x:auto;overscroll-behavior-x:contain;min-width:0;max-width:100%}.cuerpo__fila{display:flex;align-items:center;gap:var(--e-2);width:max-content;min-width:100%;margin-bottom:clamp(2px,calc(var(--alto-fila) * .15),var(--e-2))}.cuerpo__icono{display:block;width:min(26px,calc(var(--alto-fila) * .55));height:min(26px,calc(var(--alto-fila) * .55));background:var(--color-zona, var(--tinta-2));mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.cuerpo__etiqueta{white-space:nowrap}.cuerpo__etiqueta{flex:0 0 auto;width:6rem;padding-right:var(--e-2);position:sticky;left:0;z-index:1;background:var(--papel);display:grid;justify-items:end;gap:2px;font-size:var(--t-xs);font-weight:700;line-height:1.1;color:var(--color-zona, var(--tinta-2));text-align:right}.cuerpo__golpes{display:flex;flex:1;align-items:center;gap:3px;min-width:max(22rem,calc(var(--pulsos, 8) * 2.25rem))}.cuerpo__fila[data-zona=pitos]{--color-zona: var(--vivo-amarillo);--forma: 50%;--alto: 26%}.cuerpo__fila[data-zona=palmas]{--color-zona: var(--vivo-naranja);--forma: 50%;--alto: 52%}.cuerpo__fila[data-zona=muslos]{--color-zona: var(--vivo-turquesa);--forma: var(--r-s);--alto: 74%}.cuerpo__fila[data-zona=pies]{--color-zona: var(--vivo-azul);--forma: var(--r-s);--alto: 100%}.cuerpo__fila[data-zona=pies] .cuerpo__golpe[data-puesto]{border-bottom:var(--e-1) solid var(--tinta)}.cuerpo__golpe{flex:1 1 0;height:var(--alto-fila, 3.25rem);border-radius:var(--r-s);background:color-mix(in srgb,var(--linea) 40%,transparent)}.cuerpo__golpe[data-puesto]{background:linear-gradient(var(--color-zona),var(--color-zona)) center / 100% var(--alto) no-repeat,color-mix(in srgb,var(--linea) 40%,transparent);border-radius:var(--forma)}.cuerpo__golpe[data-silencio]{background:repeating-linear-gradient(45deg,transparent 0 5px,color-mix(in srgb,var(--tinta-2) 22%,transparent) 5px 10px)}.cuerpo__golpe[data-aqui]{box-shadow:inset 0 0 0 3px var(--tinta)}.cuerpo__silabas{margin-top:var(--e-3)}.cuerpo__silaba{flex:1 1 0;padding:clamp(0px,calc(var(--alto-fila) * .1),var(--e-1)) 0;border-radius:var(--r-s);font-size:var(--t-s);font-weight:700;color:var(--tinta-2);text-align:center}.cuerpo__silaba[data-aqui]{background:var(--suave-amarillo);color:var(--tinta)}.cuerpo__silaba[data-corta]{min-width:0;overflow:visible;white-space:nowrap;font-size:var(--t-xs)}.cuerpo__golpe{min-width:8px}.lienzo[data-ampliado] .cuerpo__rejilla{--alto-fila: clamp(1.4rem, calc((100dvh - var(--alto-acciones, 0px) - 150px) / var(--filas, 4) - 6px), 5rem)}.lienzo[data-ampliado] .cuerpo{max-height:calc(100dvh - var(--alto-acciones, 0px) - 2 * var(--e-4))}.pads{height:calc(var(--alto-escena) - var(--e-5) - var(--e-3));min-height:0;grid-template-rows:minmax(0,1fr);align-content:center;overflow-y:auto}.pads__rejilla{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-content:space-evenly;height:100%;min-height:0;width:min(100%,calc(var(--columnas, 2) * var(--lado, 120px) + (var(--columnas, 2) + 1) * var(--e-4)));gap:var(--e-3);padding:var(--e-3);border:3px solid transparent;border-radius:var(--r-m);transition:border-color 90ms}.pads__rejilla[data-pulso]{border-color:var(--acento)}.pads__pad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--e-1);flex:0 0 auto;width:var(--lado, 7rem);height:var(--lado, 7rem);min-width:var(--objetivo);min-height:var(--objetivo);padding:var(--e-2);font:inherit;font-size:var(--t-s);font-weight:700;color:var(--tinta);background:var(--superficie);border:4px solid var(--color-familia, var(--linea));cursor:pointer;box-shadow:var(--sombra-1);transition:transform 60ms,background-color 60ms}.pads__pad:focus-visible{outline:var(--foco);outline-offset:var(--foco-hueco)}.pads__pad[data-familia=parche]{--color-familia: var(--vivo-rojo);border-radius:var(--r-redondo)}.pads__pad[data-familia=metal]{--color-familia: var(--vivo-amarillo);border-radius:var(--r-redondo);box-shadow:var(--sombra-1),inset 0 0 0 6px var(--superficie),inset 0 0 0 9px var(--color-familia)}.pads__pad[data-familia=madera]{--color-familia: var(--vivo-verde);border-radius:var(--r-s)}.pads__pad[data-sonando]{background:var(--color-familia);transform:scale(.94)}.pads__nombre{line-height:1.1;text-align:center}.pads__dibujo{display:block;line-height:0}.pads__letra{font-size:var(--t-xs);font-weight:400;color:var(--tinta-2)}.pads__pad[data-sonando] .pads__letra{color:var(--tinta)}.pads__tempos{display:flex;gap:var(--e-1)}@media (prefers-reduced-motion: reduce){.pads__pad{transition:none}.pads__pad[data-sonando]{transform:none}}.camino__etapa{margin:var(--e-5) 0}.camino__etapa h2{margin:0}.camino__cabecera{display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);width:100%;min-height:var(--objetivo);padding:var(--e-3) var(--e-4);font:inherit;font-size:var(--t-l);font-weight:700;color:var(--tinta);text-align:left;background:var(--superficie);border:2px solid var(--linea);border-radius:var(--r-m);cursor:pointer}.camino__cabecera:focus-visible{outline:var(--foco);outline-offset:var(--foco-hueco)}.camino__flecha{color:var(--tinta-2)}.camino__cabecera-texto{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--e-2);min-width:0}.camino__cabecera-texto .camino__minutos{margin-left:0}.camino__resumen{margin:var(--e-3) var(--e-2);color:var(--tinta-2);max-width:62ch}.camino__pasos{margin:var(--e-4) 0;padding:0;list-style:none}.camino__paso{display:flex;gap:var(--e-3);padding:var(--e-3) 0;border-left:3px solid var(--linea);padding-left:var(--e-4);margin-left:var(--e-3)}.camino__numero{flex:0 0 auto;display:grid;place-items:center;width:2rem;height:2rem;margin-left:calc(var(--e-4) * -1 - 1rem - 1.5px);font-weight:700;color:var(--papel);background:var(--tinta-2);border-radius:var(--r-redondo)}.camino__cuerpo{flex:1;min-width:0}.camino__titulo{margin:0 0 var(--e-1);font-size:var(--t-m)}.camino__idea{margin:0 0 var(--e-2);color:var(--tinta-2);max-width:62ch}.camino__actividades{display:flex;flex-wrap:wrap;gap:var(--e-2);margin:0;padding:0;list-style:none}.camino__enlace{position:relative;display:inline-flex;align-items:center;gap:var(--e-2);min-height:var(--objetivo);padding:var(--e-2) var(--e-3);color:var(--tinta);text-decoration:none;background:var(--superficie);border:2px solid var(--linea);border-radius:var(--r-s)}.camino__enlace:focus-visible{outline:var(--foco);outline-offset:var(--foco-hueco)}.camino__enlace[data-hecha]{padding-right:calc(var(--e-3) + 36px);border-color:color-mix(in srgb,var(--vivo-verde) 85%,var(--superficie))}.camino__hecha{position:absolute;inset:-2px -2px -2px auto;width:36px;display:grid;place-items:center;border-radius:0 var(--r-s) var(--r-s) 0;background:color-mix(in srgb,var(--vivo-verde) 55%,var(--superficie));border:2px solid color-mix(in srgb,var(--vivo-verde) 85%,var(--superficie));color:#fff;font-weight:700;line-height:1}.nav__enlace span{text-align:center;line-height:1.1}.referencia{max-width:46rem;margin:0 auto}.referencia__buscar{display:flex;flex-direction:column;gap:var(--e-1);margin:var(--e-4) 0;font-size:var(--t-s);color:var(--tinta-2)}.referencia__buscar input{min-height:var(--objetivo);padding:var(--e-2) var(--e-3);font:inherit;font-size:var(--t-m);color:var(--tinta);background:var(--superficie);border:2px solid var(--linea);border-radius:var(--r-s)}.referencia__buscar input:focus-visible{outline:var(--foco);outline-offset:var(--foco-hueco)}.referencia__seccion{margin:var(--e-6) 0}.referencia__seccion h2{padding-bottom:var(--e-2);border-bottom:3px solid var(--linea);font-size:var(--t-l)}.referencia__lista{margin:0;padding:0;list-style:none}.referencia__entrada{display:flex;align-items:center;gap:var(--e-4);padding:var(--e-3) 0;border-bottom:1px solid var(--linea)}.referencia__signo{flex:0 0 3rem;font-family:var(--f-musica);font-size:var(--t-2xl);line-height:1;text-align:center;color:var(--tinta)}.referencia__texto{flex:1;min-width:0}.referencia__texto h3{margin:0;font-size:var(--t-m)}.referencia__texto p{margin:var(--e-1) 0 0;color:var(--tinta-2)}.referencia__oir{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--e-2)}.referencia__oir[data-sonando]{border-color:var(--acento);color:var(--acento)}@media (max-width: 30rem){.referencia__entrada{flex-wrap:wrap}.referencia__oir{margin-left:calc(3rem + var(--e-4))}}.acompanamientos{max-width:46rem;margin:0 auto}.acompanamientos__tono{display:flex;align-items:center;justify-content:center;gap:var(--e-3);margin:var(--e-5) 0}.acompanamientos__nota{min-width:4rem;padding:var(--e-2) var(--e-3);font-size:var(--t-2xl);font-weight:700;text-align:center;color:var(--tinta);background:var(--superficie);border:3px solid var(--linea);border-radius:var(--r-m)}.acompanamientos__lista{margin:0;padding:0;list-style:none}.acompanamientos__base{display:flex;align-items:center;gap:var(--e-4);margin-bottom:var(--e-3);padding:var(--e-3) var(--e-4);background:var(--superficie);border:2px solid var(--linea);border-radius:var(--r-m)}.acompanamientos__base[data-sonando]{border-color:var(--acento);border-left-width:10px}.acompanamientos__texto{flex:1;min-width:0}.acompanamientos__texto h2{margin:0;font-size:var(--t-m)}.acompanamientos__texto p{margin:var(--e-1) 0 0;color:var(--tinta-2)}.acompanamientos__datos{font-size:var(--t-xs)}.acompanamientos__base button{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--e-2)}@media (max-width: 30rem){.acompanamientos__base{flex-wrap:wrap}.acompanamientos__base button{width:100%;justify-content:center}}.eco{text-align:center}.eco__turno{margin:var(--e-4) auto;max-width:40ch;font-size:var(--t-m);color:var(--tinta-2)}.eco__pandero{display:grid;place-items:center;width:min(60vw,calc(var(--alto-escena) * .7),26rem);height:min(60vw,calc(var(--alto-escena) * .7),26rem);margin:var(--e-4) auto;padding:0;background:var(--superficie);border:8px solid var(--linea);border-radius:var(--r-redondo);cursor:pointer;transition:transform 60ms,background-color 60ms,border-color .12s}.eco__pandero[data-activo]{border-color:var(--acento)}.eco__pandero[data-golpeado]{background:var(--acento);transform:scale(.95)}.eco__pandero:focus-visible{outline:var(--foco);outline-offset:var(--foco-hueco)}.eco__cuenta{font-size:var(--t-2xl);font-weight:700;color:var(--tinta-2)}.eco__pandero[data-golpeado] .eco__cuenta{color:var(--papel)}@media (prefers-reduced-motion: reduce){.eco__pandero{transition:none}.eco__pandero[data-golpeado]{transform:none}}.camino__minutos{margin-left:var(--e-2);color:var(--tinta-2);font-size:var(--t-xs);font-weight:400;white-space:nowrap}.camino__repaso{margin:var(--e-5) 0;padding:var(--e-4);color:var(--tinta);background:var(--suave-amarillo);border-radius:var(--r-m)}.camino__repaso h2{margin:0 0 var(--e-2);font-size:var(--t-m)}.camino__repaso p{margin:0 0 var(--e-3);color:var(--tinta-2);max-width:62ch}.camino__repaso ul{display:flex;flex-wrap:wrap;gap:var(--e-2);margin:0;padding:0;list-style:none}.camino__cuando{font-size:var(--t-xs);color:var(--tinta-2)}@media (min-width: 60rem){:root[data-pizarra=true] .guia{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"consigna pasos" "pulso    pasos" "controles pasos" "materiales navegacion";align-items:start;gap:0 var(--e-7)}:root[data-pizarra=true] .guia__consigna{grid-area:consigna}:root[data-pizarra=true] .guia__pulso{grid-area:pulso}:root[data-pizarra=true] .guia__pasos{grid-area:pasos;margin-top:0}:root[data-pizarra=true] .guia__materiales{grid-area:materiales}:root[data-pizarra=true] .guia__paso{opacity:.7}:root[data-pizarra=true] .guia__paso[data-actual=true]{opacity:1;padding-left:var(--e-3);border-left:8px solid var(--acento)}}.actividad>p,.pista-fija{max-width:70ch;margin-inline:auto}.catalogo__lema{margin:calc(-1 * var(--e-3)) 0 var(--e-4);color:var(--tinta-2);font-size:var(--t-s)}.marca{display:inline-flex;align-items:center;gap:var(--e-2);color:var(--tinta-2);font-size:var(--t-s);text-decoration:none;border-radius:var(--r-s)}.marca:hover{color:var(--tinta)}.marca:focus-visible{outline:var(--foco);outline-offset:2px}.marca__logo{height:32px;width:auto}.marca[data-tamano=grande] .marca__logo{height:72px}.catalogo__marca{display:flex;justify-content:center;margin-top:var(--e-6)}.bienvenida{display:grid;grid-template-columns:auto 1fr;gap:var(--e-4);align-items:center;margin:0 0 var(--e-4);padding:var(--e-4);border:2px solid var(--linea);border-radius:var(--r-m);background:var(--superficie);box-shadow:var(--sombra-1)}.bienvenida__logo{width:clamp(96px,22vw,160px);height:auto}.bienvenida h2{margin:0 0 var(--e-1);font-size:var(--t-m)}.bienvenida p{margin:0 0 var(--e-3);color:var(--tinta-2);max-width:60ch}.bienvenida__acciones{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--e-2)}.bienvenida__acciones .boton-principal{text-decoration:none}@media (max-width: 560px){.bienvenida{grid-template-columns:1fr;justify-items:center;text-align:center}.bienvenida__acciones{justify-content:center}}.creditos__cocomusic{display:grid;grid-template-columns:auto 1fr;gap:var(--e-4);align-items:center;margin:var(--e-4) 0 var(--e-5)}.creditos__cocomusic h2{margin:0 0 var(--e-1)}.creditos__cocomusic p{margin:0}@media (max-width: 480px){.creditos__cocomusic{grid-template-columns:1fr;justify-items:center;text-align:center}}.ficha__masRecursos{margin:var(--e-3) 0 0;font-size:.9em}.ficha__letra{margin:0;line-height:1.5}:root[data-tema=oscuro] .marca__logo,:root[data-tema=oscuro] .bienvenida__logo{background:#fff;padding:6px 10px;border-radius:var(--r-s);box-sizing:content-box}@media (prefers-color-scheme: dark){:root:not([data-tema=claro]) .marca__logo,:root:not([data-tema=claro]) .bienvenida__logo{background:#fff;padding:6px 10px;border-radius:var(--r-s);box-sizing:content-box}}.catalogo__lista{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}.centinela{height:1px}.filtros{position:sticky;top:0;z-index:5;padding:var(--e-3) 0;margin-inline:calc(var(--e-4) * -1);padding-inline:var(--e-4);background:var(--papel)}.filtros[data-pegada]{box-shadow:var(--sombra-1)}@media (orientation: landscape) and (max-height: 32rem){:root{--alto-barra: calc(56px + env(safe-area-inset-bottom)) }.actividad-marco{padding-top:var(--e-2);padding-inline:var(--e-2);max-width:none}.barra-actividad{padding-block:2px}.barra-acciones{padding-block:var(--e-1);gap:var(--e-1)}.barra-acciones>button,.barra-acciones>label,.barra-acciones>.acciones__grupo{min-height:44px}.barra-actividad__volver,.barra-actividad__ficha{min-height:40px}.barra-actividad__personaje{min-width:44px;min-height:44px}.barra-actividad__personaje .personaje{height:40px}.actividad h1{font-size:var(--t-m);margin-bottom:var(--e-2)}.actividad .pista-fija,.actividad .estado-actividad{font-size:var(--t-xs);margin:var(--e-2) auto 0}.reaccion{width:min(52ch,calc(100vw - 2 * var(--e-3)))}.reaccion__tarjeta{padding:var(--e-2) var(--e-3)}.reaccion .personaje{height:48px}.nav{padding-block:var(--e-1)}.nav__enlace{min-height:44px}.barra-actividad{left:auto;grid-template-columns:auto auto auto;padding-inline:var(--e-2)}.barra-acciones{bottom:0;right:var(--ancho-barra-actividad, 260px);padding-bottom:max(var(--e-1),env(safe-area-inset-bottom))}:root{--alto-escena: calc(100vh - max(var(--alto-barra), var(--alto-acciones, 0px))) ;--alto-escena: calc(100dvh - max(var(--alto-barra), var(--alto-acciones, 0px))) }.reaccion{bottom:calc(max(var(--alto-barra),var(--alto-acciones, 0px)) + var(--e-3))}.actividad-marco{padding-bottom:calc(max(var(--alto-barra),var(--alto-acciones, 0px)) + var(--e-3))}}:root[data-pizarra=true] .catalogo__lista{grid-template-columns:repeat(auto-fill,minmax(24rem,1fr))}.personaje{display:block;margin-inline:auto;width:auto;max-width:100%;object-fit:contain}:root[data-pizarra=true] .personaje{width:clamp(160px,calc(var(--alto-escena) * .5),400px)}.teclado__personaje{position:absolute;bottom:var(--e-2);left:50%;transform:translate(-50%);pointer-events:none}.teclado__salto{position:absolute;bottom:12%;left:50%;pointer-events:none;z-index:3;animation:tecla-salta 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes tecla-salta{0%{opacity:0;transform:translate(-50%) scale(.9)}12%{opacity:1;transform:translate(-50%,-42px) scale(1.15)}to{opacity:0;transform:translate(-50%,-130px) scale(1.4)}}@media (prefers-reduced-motion: reduce){.teclado__salto{animation:tecla-asoma 1.2s steps(2,end) forwards}@keyframes tecla-asoma{0%,70%{opacity:1;transform:translate(-50%,-20px)}to{opacity:0;transform:translate(-50%,-20px)}}}.teclado__silaba{font-weight:900;letter-spacing:.02em}.teclado__ultima{font-weight:500}.reaccion{position:fixed;left:0;right:0;bottom:calc(var(--alto-barra) + var(--alto-acciones, 0px) + var(--e-3));z-index:20;width:min(38ch,calc(100vw - 2 * var(--e-3)));margin-inline:auto;pointer-events:none}.reaccion__tarjeta{display:flex;align-items:center;gap:var(--e-3);padding:var(--e-3) var(--e-4);border:2px solid var(--linea);border-radius:var(--r-m);box-shadow:var(--sombra-2);color:var(--tinta);text-align:left;animation:reaccion-entra .26s cubic-bezier(.16,1,.3,1)}.reaccion__tarjeta[data-saliendo]{animation:reaccion-sale var(--reaccion-sale) ease-in forwards}@keyframes reaccion-entra{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reaccion-sale{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@media (prefers-reduced-motion: reduce){.reaccion__tarjeta{animation:none}.reaccion__tarjeta[data-saliendo]{opacity:0;transition:opacity var(--reaccion-sale)}}.reaccion__tarjeta[data-tono=bien]{background:var(--suave-verde);border-color:var(--vivo-verde)}.reaccion__tarjeta[data-tono=casi]{background:var(--suave-amarillo);border-color:var(--vivo-naranja)}.reaccion__tarjeta[data-tono=neutro]{background:var(--superficie)}.reaccion__texto{display:grid;gap:var(--e-1);margin:0}.reaccion__frase{font-size:var(--t-s);color:var(--tinta-2)}.reaccion__quien{font-weight:700;color:var(--tinta)}.reaccion__pista{font-size:var(--t-m)}.lienzo[data-ampliado] .reaccion{bottom:calc(var(--alto-acciones, 0px) + var(--e-3))}@media (max-width: 26rem){.reaccion .personaje{display:none}}.barra-acciones{position:fixed;left:0;right:0;bottom:var(--alto-barra);z-index:9;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--e-2);padding:var(--e-2) var(--e-3);background:var(--papel);border-top:2px solid var(--linea)}.barra-acciones>button,.barra-acciones>label,.barra-acciones>.acciones__grupo{flex:0 0 auto;min-height:var(--objetivo)}.acciones__grupo{display:inline-flex;align-items:center;gap:var(--e-1)}.acciones__valor{min-width:3.5ch;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.barra-acciones:empty{display:none}.lienzo__giro{position:fixed;top:var(--e-3);left:var(--e-3);z-index:51;max-width:26ch;margin:0;padding:var(--e-2) var(--e-3);color:var(--tinta-2);font-size:var(--t-s);background:var(--superficie);border:2px solid var(--linea);border-radius:var(--r-s);pointer-events:none}.lienzo[data-ampliado] .barra-acciones{bottom:0}.barra-actividad{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--e-2);margin-top:var(--e-4);padding:var(--e-2) var(--e-3);padding-bottom:max(var(--e-2),env(safe-area-inset-bottom));background:var(--papel);border-top:2px solid var(--linea)}.actividad-marco{padding-bottom:calc(var(--alto-barra) + var(--alto-acciones, 0px) + var(--e-3))}.barra-actividad__volver,.barra-actividad__ficha{display:inline-flex;align-items:center;gap:var(--e-1);min-height:44px;padding:var(--e-1) var(--e-3);font-size:var(--t-s);color:var(--tinta-2);text-decoration:none;border:2px solid transparent;border-radius:var(--r-s)}.barra-actividad__volver{justify-self:start}.barra-actividad__ficha{justify-self:end}.barra-actividad__volver:hover,.barra-actividad__ficha:hover{border-color:var(--linea);color:var(--tinta)}.barra-actividad__volver:focus-visible,.barra-actividad__ficha:focus-visible{outline:var(--foco);outline-offset:var(--foco-hueco)}.barra-actividad__personaje{justify-self:center;display:grid;place-items:center;min-width:56px;min-height:56px;padding:0;background:none;border:2px solid transparent;border-radius:var(--r-redondo);cursor:pointer}.barra-actividad__personaje:focus-visible{outline:var(--foco);outline-offset:2px}.barra-actividad__personaje .personaje{animation:personaje-llama 9s ease-in-out 4s infinite;transform-origin:bottom center}@keyframes personaje-llama{0%,88%,to{transform:rotate(0) translateY(0)}91%{transform:rotate(-6deg) translateY(-4px)}94%{transform:rotate(6deg) translateY(-4px)}97%{transform:rotate(-3deg) translateY(0)}}@media (prefers-reduced-motion: reduce){.barra-actividad__personaje .personaje{animation:none}}.lienzo[data-ampliado]~.barra-actividad{display:none}.actividad .boton-repetir{min-height:var(--objetivo);padding:var(--e-2) var(--e-4);gap:var(--e-2);font-size:var(--t-s);font-weight:600;color:var(--tinta);background:var(--superficie);border:2px solid var(--linea);box-shadow:var(--sombra-1)}.actividad .boton-repetir:hover{border-color:var(--tinta-2)}.actividad .boton-repetir:active{transform:translateY(1px);box-shadow:none}.actividad .boton-repetir[data-elegida],.actividad .boton-repetir[aria-pressed=true]{border-color:var(--acento-2);color:var(--tinta)}.actividad .boton-repetir[data-grabando]{border-color:var(--acento);color:var(--acento)}.rejilla__cuadricula{overscroll-behavior-x:contain}.karaoke__botones{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.karaoke__botones>*{flex:1 1 0;min-width:var(--objetivo)}.boton-principal{display:inline-flex;align-items:center;justify-content:center;gap:var(--e-2);min-height:var(--objetivo);padding:var(--e-3) var(--e-6);font:inherit;font-size:var(--t-m);font-weight:700;color:#fff;background:var(--acento-2);border:2px solid var(--acento-2);border-radius:var(--r-redondo);box-shadow:var(--sombra-1);cursor:pointer}.boton-principal:hover{background:color-mix(in srgb,var(--acento-2) 88%,#000)}.boton-principal:active{transform:translateY(1px);box-shadow:none}.boton-principal:focus-visible{outline:var(--foco);outline-offset:var(--foco-hueco)}.boton-principal svg{flex:0 0 auto}.boton-principal[aria-disabled=true]{background:var(--linea);border-color:var(--linea);color:var(--tinta-2);box-shadow:none}.boton-arranque{border-color:var(--acento-2);animation:arranque-late 2.2s ease-out 1s infinite}.boton-principal.boton-arranque{animation-name:arranque-late-relleno}@keyframes arranque-late-relleno{0%,70%,to{box-shadow:var(--sombra-1),0 0 #2c6e638c}80%{box-shadow:var(--sombra-1),0 0 0 10px #2c6e6300}}@keyframes arranque-late{0%,70%,to{box-shadow:var(--sombra-1),0 0 #2c6e6373}80%{box-shadow:var(--sombra-1),0 0 0 8px #2c6e6300}}.boton-arranque[data-sonando],.boton-arranque[data-grabando],.boton-arranque[aria-pressed=true]{animation:none}@media (prefers-reduced-motion: reduce){.boton-arranque{animation:none}}.lienzo>*:first-child{padding-top:var(--e-2)}@media print{.ficha,main.ficha{padding:0;margin:0}}