.repro{--r-tinta:#eaf2ff;--r-suave:#8ba9cc;--r-azul:#4d94f0;--r-hondo:#005ac0;--r-brillo:#8cc0ff;--r-cian:#63e6ff;--r-linea:#8cc0ff29;isolation:isolate;color:var(--r-tinta);background:radial-gradient(90% 130% at 8% -10%,#4d94f047 0%,#0000 58%),radial-gradient(70% 120% at 100% 110%,#63e6ff1f 0%,#0000 60%),linear-gradient(150deg,#04101f 0%,#0a1f3d 52%,#061529 100%);border:1px solid #8cc0ff33;border-radius:1.15rem;margin:2rem 0;padding:1.15rem 1.35rem 1.05rem;position:relative;overflow:hidden;box-shadow:0 26px 55px -34px #001e46f2,inset 0 1px #ffffff12}.repro:before{content:"";z-index:-1;background-image:linear-gradient(var(--r-linea) 1px, transparent 1px), linear-gradient(90deg, var(--r-linea) 1px, transparent 1px);opacity:.5;background-size:34px 34px;position:absolute;inset:0;mask-image:radial-gradient(75% 90% at 30% 0,#000 0%,#0000 75%)}.repro-esquinas{z-index:0;pointer-events:none;color:#8cc0ff52;position:absolute;inset:.55rem}.repro-cabecera{text-transform:uppercase;letter-spacing:.22em;color:var(--r-suave);align-items:center;gap:.55rem;margin-bottom:.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;display:flex;position:relative}.repro-cabecera svg{width:.95rem;height:.95rem;color:var(--r-azul)}.repro-cabecera .repro-duracion{letter-spacing:.1em;font-variant-numeric:tabular-nums;margin-left:auto}.repro-fila{align-items:center;gap:1.05rem;display:flex;position:relative}.repro-disco{flex-shrink:0;width:3.5rem;height:3.5rem;position:relative}.repro-anillo{position:absolute;inset:0;transform:rotate(-90deg)}.repro-anillo .via{stroke:#8cc0ff38}.repro-anillo .hecho{stroke:url(#reproDegradado);stroke-linecap:round;transition:stroke-dashoffset .2s linear}.repro-play{background:linear-gradient(150deg, var(--r-azul) 0%, var(--r-hondo) 100%);color:#fff;cursor:pointer;border:1px solid #8cc0ff66;border-radius:50%;place-items:center;transition:transform .18s,box-shadow .3s;display:grid;position:absolute;inset:.3rem}.repro-play svg{width:1.05rem;height:1.05rem}.repro-play:hover{transform:scale(1.06)}.repro-play:focus-visible{outline:2px solid var(--r-brillo);outline-offset:4px}.repro[data-estado=sonando] .repro-play{box-shadow:0 0 26px -3px #63e6ffcc}.repro-centro{flex:1;min-width:0}.repro-espectro{opacity:.32;width:100%;height:3rem;margin-bottom:.75rem;transition:opacity .35s;display:block}.repro[data-estado=sonando] .repro-espectro{opacity:1}.repro-espectro rect{fill:url(#reproBarra)}.repro-pista{align-items:center;height:.9rem;display:flex;position:relative}.repro-pista:before{content:"";background:#8cc0ff29;border-radius:999px;height:3px;position:absolute;inset-inline:0}.repro-buffer{background:#8cc0ff47;border-radius:999px;width:0%;height:3px;transition:width .3s linear;position:absolute;left:0}.repro-avance{background:linear-gradient(90deg, var(--r-hondo) 0%, var(--r-azul) 55%, var(--r-cian) 100%);border-radius:999px;width:0%;height:3px;position:absolute;left:0;box-shadow:0 0 14px -1px #63e6ffbf}.repro-avance:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:0 0 12px 2px #63e6ffe6}.repro-pista input{cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:.9rem;margin:0;position:absolute;inset-inline:0}.repro-pista input::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;width:18px;height:18px}.repro-pista input::-moz-range-thumb{background:0 0;border:0;width:18px;height:18px}.repro-pista input:focus-visible{outline:2px solid var(--r-brillo);outline-offset:5px}.repro-tiempos{font-variant-numeric:tabular-nums;letter-spacing:.05em;color:var(--r-suave);justify-content:space-between;margin-top:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;display:flex}.repro-mandos{border-top:1px solid #8cc0ff24;align-items:center;gap:.45rem;margin-top:.9rem;padding-top:.8rem;display:flex;position:relative}.repro-mando{width:2.15rem;height:2.15rem;color:var(--r-tinta);cursor:pointer;background:#8cc0ff12;border:1px solid #8cc0ff38;border-radius:.65rem;place-items:center;transition:background .2s,border-color .2s;display:grid}.repro-mando svg{width:1.15rem;height:1.15rem}.repro-mando:hover{background:#63e6ff29;border-color:#63e6ff73}.repro-mando:focus-visible{outline:2px solid var(--r-brillo);outline-offset:3px}.repro-vel{min-width:3rem;height:2.15rem;color:var(--r-tinta);font-variant-numeric:tabular-nums;cursor:pointer;background:#8cc0ff12;border:1px solid #8cc0ff38;border-radius:.65rem;margin-left:auto;padding-inline:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;transition:background .2s}.repro-vel:hover{background:#63e6ff29}.repro-vel:focus-visible{outline:2px solid var(--r-brillo);outline-offset:3px}.repro-volumen{align-items:center;gap:.4rem;display:flex}.repro-volumen input{background:linear-gradient(90deg, var(--r-azul) var(--nivel,100%), #8cc0ff33 var(--nivel,100%));cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:999px;width:4.5rem;height:3px}.repro-volumen input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:11px;height:11px;box-shadow:0 0 8px 1px #63e6ffcc}.repro-volumen input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:11px;height:11px;box-shadow:0 0 8px 1px #63e6ffcc}.repro-volumen input:focus-visible{outline:2px solid var(--r-brillo);outline-offset:4px}@media (width<=560px){.repro{padding:.95rem 1rem .9rem}.repro-volumen{display:none}.repro-espectro{height:2rem}.repro-cabecera{letter-spacing:.16em;font-size:.56rem}}@media (prefers-reduced-motion:reduce){.repro-play,.repro-anillo .hecho{transition:none}}.repro-fuente{display:none!important}