.leguero-demo{gap:1.1rem;max-width:340px;margin:0 auto;background:linear-gradient(180deg,rgba(27,31,43,.72),rgba(18,21,30,.72));border:1px solid var(--glass-borde);border-radius:var(--radio-firma);padding:1.2rem 1.1rem;box-shadow:0 8px 24px rgba(0,0,0,.35)}.leguero-demo,.leguero-demo-bombo{display:flex;flex-direction:column;align-items:center;width:100%}.leguero-demo-bombo{gap:1rem}.leguero-demo-tempo{width:100%}.leguero-demo .bombo-visual{position:relative;width:100%;max-width:240px;aspect-ratio:770/840;margin:0 auto}.leguero-demo .bombo-foto{inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(0,0,0,.55))}.leguero-demo .bombo-foto,.leguero-demo .palito-img{position:absolute;user-select:none;pointer-events:none}.leguero-demo .palito-img{height:auto;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45));transform-origin:9% 68%;transform:rotate(var(--rot));transition:transform .05s ease-out}.leguero-demo .mallet-parche{--rot:-121deg;width:85%;left:79%;top:69%}.leguero-demo .mallet-aro{--rot:-55deg;width:55%;left:-17%;top:63%}.leguero-demo .anillo-parche{position:absolute;left:50%;top:23%;width:11%;aspect-ratio:1;border:4px solid var(--naranja);border-radius:50%;transform:translate(-50%,-50%) scale(.35);opacity:0;pointer-events:none}.leguero-demo .anillo-parche.acento{border-width:6px}.leguero-demo .flash-aro{position:absolute;left:14%;top:33%;width:8%;aspect-ratio:1;background:#FFE3BA;border-radius:50%;opacity:0;pointer-events:none;filter:blur(.5px)}.leguero-demo .btn-play{width:100%;max-width:240px;font-size:.95rem;padding:.9rem 1.5rem;background:linear-gradient(135deg,var(--celeste),#7dd3fc);color:var(--bg-1,#0b0f19)}.leguero-demo .btn-play:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(56,189,248,.35)}.leguero-demo .tempo-fila{display:flex;align-items:center;justify-content:center;gap:.9rem}.leguero-demo .bpm-display{font-family:Montserrat,sans-serif;font-weight:800;font-size:2.2rem;color:var(--texto);min-width:96px}.leguero-demo .bpm-display small{font-family:Inter,sans-serif;font-weight:600;font-size:.68rem;color:var(--texto-2);text-transform:uppercase;letter-spacing:.08em;display:block;margin-top:.15rem}.leguero-demo .stepper{display:flex;align-items:center;border:1px solid var(--glass-borde);border-radius:9px;overflow:hidden;background:var(--fondo)}.leguero-demo .stepper button{border:none;background:transparent;color:var(--texto);width:44px;height:44px;font-size:1.25rem;cursor:pointer}.leguero-demo .stepper button:active{background:var(--glass)}.leguero-demo #bpmSlider{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:100px;background:var(--fondo);outline:none;accent-color:var(--naranja);margin-top:.9rem}.leguero-demo .mallet-parche.golpe{animation:golpeParche .16s ease-out}.leguero-demo .mallet-aro.golpe{animation:golpeAro .13s ease-out}@keyframes golpeParche{0%{transform:rotate(var(--rot))}35%{transform:rotate(calc(var(--rot) + 13deg))}to{transform:rotate(var(--rot))}}@keyframes golpeAro{0%{transform:rotate(var(--rot))}30%{transform:rotate(calc(var(--rot) - 10deg))}to{transform:rotate(var(--rot))}}.leguero-demo .anillo-parche.golpe{animation:pulsoParche .5s ease-out}@keyframes pulsoParche{0%{transform:translate(-50%,-50%) scale(.35);opacity:.55}to{transform:translate(-50%,-50%) scale(2.6);opacity:0}}.leguero-demo .anillo-parche.acento.golpe{animation:pulsoParcheAcento .55s ease-out}@keyframes pulsoParcheAcento{0%{transform:translate(-50%,-50%) scale(.35);opacity:.8}to{transform:translate(-50%,-50%) scale(3.1);opacity:0}}.leguero-demo .flash-aro.golpe{animation:flashAro .18s ease-out}@keyframes flashAro{0%{opacity:1}to{opacity:0}}