.clave-bloque[data-astro-cid-ih66bld3]{padding:clamp(64px,11vw,120px) 0;background:radial-gradient(ellipse 60% 70% at 50% 0%,rgba(212,167,60,.1),transparent 65%),var(--carbon);border-block:1px solid var(--borde)}.clave-cabecera[data-astro-cid-ih66bld3]{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:end}.clave-cabecera[data-astro-cid-ih66bld3]>p[data-astro-cid-ih66bld3]{max-width:46ch;margin:0}.reproductor[data-astro-cid-ih66bld3]{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:44px}.boton-play[data-astro-cid-ih66bld3]{display:inline-flex;align-items:center;gap:14px;padding:15px 30px 15px 22px;border-radius:999px;border:none;background:var(--coral);color:#fff;font-family:var(--texto);font-weight:600;font-size:.96rem;cursor:pointer;transition:transform .18s ease,background .18s ease}.boton-play[data-astro-cid-ih66bld3]:hover{transform:translateY(-2px)}.icono-play[data-astro-cid-ih66bld3]{width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff;transition:all .2s ease}.boton-play[data-astro-cid-ih66bld3].sonando .icono-play[data-astro-cid-ih66bld3]{width:13px;height:16px;border:none;background:#fff;border-radius:2px}.modos[data-astro-cid-ih66bld3]{display:inline-flex;padding:4px;border:1px solid var(--borde);border-radius:999px;background:#0a0a0c8c}.modos[data-astro-cid-ih66bld3] button[data-astro-cid-ih66bld3]{padding:10px 18px;border-radius:999px;border:none;background:transparent;color:var(--gris);font-family:var(--texto);font-size:.88rem;font-weight:600;cursor:pointer;transition:color .18s ease,background .18s ease}.modos[data-astro-cid-ih66bld3] button[data-astro-cid-ih66bld3]:hover{color:var(--crema)}.modos[data-astro-cid-ih66bld3] button[data-astro-cid-ih66bld3].activo{color:var(--negro);background:var(--dorado)}.tempos[data-astro-cid-ih66bld3]{display:flex;gap:6px}.tempos[data-astro-cid-ih66bld3] button[data-astro-cid-ih66bld3]{padding:11px 18px;border-radius:999px;border:1px solid var(--borde);background:transparent;color:var(--gris);font-family:var(--texto);font-size:.86rem;font-weight:500;cursor:pointer;transition:color .18s ease,border-color .18s ease}.tempos[data-astro-cid-ih66bld3] button[data-astro-cid-ih66bld3]:hover{color:var(--crema)}.tempos[data-astro-cid-ih66bld3] button[data-astro-cid-ih66bld3].activo{color:var(--dorado);border-color:var(--dorado)}.pista[data-astro-cid-ih66bld3]{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:46px}.compas[data-astro-cid-ih66bld3]{position:relative;padding:30px 24px 26px;border:1px solid var(--borde);border-radius:18px;background:#0a0a0c8c}.etiqueta-compas[data-astro-cid-ih66bld3]{position:absolute;top:12px;left:22px;font-family:var(--display);font-size:1.5rem;color:var(--dorado);opacity:.5;line-height:1}.puntos[data-astro-cid-ih66bld3]{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:44px}.punto[data-astro-cid-ih66bld3]{flex:1;height:9px;max-width:9px;border-radius:50%;background:#ffffff21;transition:transform .09s ease,background .18s ease,box-shadow .18s ease}.punto[data-astro-cid-ih66bld3].golpe{height:26px;max-width:26px;background:var(--dorado)}.punto[data-astro-cid-ih66bld3].activo{transform:scale(1.35);background:var(--crema)}.punto[data-astro-cid-ih66bld3].golpe.activo{background:var(--coral);box-shadow:0 0 26px #ff4b36bf}.punto[data-astro-cid-ih66bld3].golpe.acertado{background:#7ddc8a;box-shadow:0 0 26px #7ddc8ab3;transform:scale(1.5)}.tocar-panel[data-astro-cid-ih66bld3]{display:none;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;margin-top:22px}.clave-bloque[data-astro-cid-ih66bld3][data-modo=tocar] .tocar-panel[data-astro-cid-ih66bld3]{display:grid}.pad[data-astro-cid-ih66bld3]{display:grid;place-items:center;gap:6px;min-height:150px;padding:24px;border:2px dashed rgba(212,167,60,.45);border-radius:18px;background:#0a0a0c8c;color:var(--crema);font-family:var(--texto);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .12s ease,border-color .12s ease,transform .08s ease}.pad[data-astro-cid-ih66bld3]:hover{border-color:var(--dorado)}.pad[data-astro-cid-ih66bld3]:active{transform:scale(.985)}.pad-texto[data-astro-cid-ih66bld3]{font-family:var(--display);font-size:clamp(1.6rem,3.5vw,2.3rem);letter-spacing:.06em;line-height:1}.pad-ayuda[data-astro-cid-ih66bld3]{font-size:.86rem}.pad[data-astro-cid-ih66bld3].justo{background:#7ddc8a2e;border-color:#7ddc8a;border-style:solid}.pad[data-astro-cid-ih66bld3].casi{background:#d4a73c2e;border-color:var(--dorado);border-style:solid}.pad[data-astro-cid-ih66bld3].fuera{background:#ff4b3629;border-color:var(--coral);border-style:solid}.pad[data-astro-cid-ih66bld3].justo .pad-texto[data-astro-cid-ih66bld3]{color:#7ddc8a}.pad[data-astro-cid-ih66bld3].casi .pad-texto[data-astro-cid-ih66bld3]{color:var(--dorado)}.pad[data-astro-cid-ih66bld3].fuera .pad-texto[data-astro-cid-ih66bld3]{color:var(--coral)}.tocar-lado[data-astro-cid-ih66bld3]{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px 24px;border:1px solid var(--borde);border-radius:18px;background:#0a0a0c59}.marcador[data-astro-cid-ih66bld3]{margin:0;font-family:var(--display);font-size:1.35rem;letter-spacing:.04em;color:var(--dorado);line-height:1.15}.guia[data-astro-cid-ih66bld3]{display:flex;align-items:center;gap:10px;color:var(--crema);font-size:.94rem;cursor:pointer}.guia[data-astro-cid-ih66bld3] input[data-astro-cid-ih66bld3]{width:18px;height:18px;accent-color:var(--coral);cursor:pointer}.tocar-nota[data-astro-cid-ih66bld3]{margin:0;font-size:.88rem}.nota-clave[data-astro-cid-ih66bld3]{margin-top:26px;font-size:.94rem;max-width:56ch}@media(max-width:860px){.clave-cabecera[data-astro-cid-ih66bld3]{grid-template-columns:1fr;align-items:start;gap:18px}.pista[data-astro-cid-ih66bld3],.tocar-panel[data-astro-cid-ih66bld3]{grid-template-columns:1fr}.pad-ayuda[data-astro-cid-ih66bld3]{display:none}}@media(prefers-reduced-motion:reduce){.punto[data-astro-cid-ih66bld3]{transition:background .18s ease}.punto[data-astro-cid-ih66bld3].activo,.punto[data-astro-cid-ih66bld3].golpe.acertado{transform:none}}