.zzp{--zzp-fondo:rgba(9,9,11,.72);--zzp-fondo-solido:#0b0b0d;--zzp-tinta:#f5f3f1;--zzp-tenue:rgba(245,243,241,.60);--zzp-linea:rgba(255,255,255,.10);--zzp-vivo:#ff3b30;--zzp-alto-mini:56px;--zzp-alto:88px;background:var(--zzp-fondo);color:var(--zzp-tinta);font-family:var(--zz-cuerpo,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.zzp{background:var(--zzp-fondo-solido)}}.zzp[hidden]{display:none}.zzp-fijo{position:fixed;left:0;right:0;bottom:0;z-index:9990;border-top:1px solid var(--zzp-linea);box-shadow:0 -18px 50px -30px rgba(0,0,0,.95);transform:translateY(100%);transition:transform .28s ease}.zzp-fijo.zzp-visible{transform:translateY(0)}body.zzp-con-player{padding-bottom:56px}body.zzp-con-player.zzp-cuerpo-abierto{padding-bottom:88px}.zzp-incrustado{position:relative;border:1px solid var(--zzp-linea);border-radius:12px;box-shadow:0 20px 50px -35px rgba(0,0,0,.8);background:var(--zzp-fondo-solido)}.zzp{position:relative;overflow:hidden;isolation:isolate}.zzp-onda{position:absolute;inset:0;z-index:0;display:flex;align-items:flex-end;gap:1px;padding:0 2px;pointer-events:none}.zzp-onda i{flex:1 1 0;min-width:0;height:100%;display:block;border-radius:1px 1px 0 0;transform:scaleY(.03);transform-origin:50% 100%;background:linear-gradient(to top,rgba(255,255,255,.16) 0%,rgba(255,255,255,.075) 55%,rgba(255,255,255,.02) 100%);transition:transform .5s cubic-bezier(.2,.7,.3,1)}.zzp.zzp-sonando .zzp-onda i{transition:none}.zzp.zzp-aire.zzp-sonando .zzp-onda i{background:linear-gradient(to top,color-mix(in srgb,var(--zzp-vivo) 26%,rgba(255,255,255,.16)) 0%,rgba(255,255,255,.07) 55%,rgba(255,255,255,.02) 100%)}.zzp-caja{position:relative;z-index:1;display:flex;align-items:center;gap:.85rem;max-width:1400px;margin:0 auto;padding:.55rem clamp(.7rem,2.2vw,1.5rem)}.zzp-mandos{flex:0 0 auto;display:flex;align-items:center;gap:.3rem}.zzp-disco{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#2e2e33 0 15%,transparent 15.5%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.055) 0 1px,rgba(0,0,0,0) 1px 3px),radial-gradient(circle at 34% 28%,#26262b 0%,#0a0a0c 62%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);display:grid;place-items:center;transition:width .2s ease,height .2s ease}.zzp-disco i{width:8px;height:8px;border-radius:50%;display:block;background:rgba(255,255,255,.22);box-shadow:0 0 0 3px rgba(0,0,0,.6)}.zzp-disco.zzp-portada{background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 0 14px rgba(0,0,0,.55)}.zzp-disco.zzp-portada i{box-shadow:0 0 0 3px rgba(0,0,0,.78)}.zzp.zzp-gira .zzp-disco{animation:zzp-gira 2.6s linear infinite}@keyframes zzp-gira{to{transform:rotate(360deg)}}.zzp-btn{border:0;background:none;color:inherit;cursor:pointer;display:grid;place-items:center;padding:0;line-height:0}.zzp-play{width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:var(--zzp-tinta);transition:filter .15s ease,transform .15s ease}.zzp-play svg{width:18px;height:18px;fill:#0b0b0d}.zzp-play .zzp-i-pausa{display:none}.zzp.zzp-sonando .zzp-play .zzp-i-play{display:none}.zzp.zzp-sonando .zzp-play .zzp-i-pausa{display:block}.zzp-play:hover,.zzp-play:focus-visible{transform:scale(1.06)}.zzp-chico{width:28px;height:28px;opacity:.6;border-radius:50%}.zzp-chico svg{width:15px;height:15px;fill:currentColor}.zzp-chico:hover,.zzp-chico:focus-visible{opacity:1;background:rgba(255,255,255,.08)}.zzp-cerrar svg,.zzp-abrir svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.zzp-abrir svg{transition:transform .2s ease}.zzp-abierto .zzp-abrir svg{transform:rotate(180deg)}.zzp-btn:focus-visible{outline:2px solid var(--zzp-tinta);outline-offset:2px}.zzp-datos{min-width:0;flex:1 1 12rem;display:flex;flex-direction:column;gap:1px}.zzp-titulo{font-weight:600;font-size:.9rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zzp-meta{font-family:var(--zz-mono,ui-monospace,monospace);font-size:.66rem;letter-spacing:.08em;color:var(--zzp-tenue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.4rem}.zzp.zzp-aire .zzp-meta::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--zzp-vivo);box-shadow:0 0 0 3px rgba(255,59,48,.18)}.zzp.zzp-aire.zzp-sonando .zzp-meta::before{animation:zzp-late 2s ease-in-out infinite}@keyframes zzp-late{50%{box-shadow:0 0 0 5px rgba(255,59,48,.08)}}.zzp-tiempo{flex:2 1 22rem;display:flex;align-items:center;gap:.5rem;min-width:0}.zzp-t-actual,.zzp-t-total{font-family:var(--zz-mono,ui-monospace,monospace);font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--zzp-tenue);white-space:nowrap}.zzp-barra{flex:1 1 auto;height:4px;border-radius:2px;background:rgba(255,255,255,.14);position:relative;cursor:pointer;min-width:4rem}.zzp-cargado,.zzp-relleno{position:absolute;inset:0 auto 0 0;border-radius:2px}.zzp-cargado{background:rgba(255,255,255,.18);width:0}.zzp-relleno{background:var(--zzp-tinta);width:0}.zzp.zzp-directo .zzp-barra,.zzp.zzp-directo .zzp-t-total,.zzp.zzp-directo .zzp-atras,.zzp.zzp-directo .zzp-adelante{display:none}.zzp.zzp-directo .zzp-tiempo{flex:0 0 auto}.zzp.zzp-directo .zzp-vel{display:none}.zzp-extra{flex:0 0 auto;display:flex;align-items:center;gap:.4rem}.zzp-vol{width:72px;accent-color:var(--zzp-tinta)}.zzp-vel{background:rgba(255,255,255,.09);color:#f5f3f1;border:0;border-radius:4px;font:inherit;font-size:.7rem;padding:.2rem .3rem;cursor:pointer}.zzp-vel option{background:#17151a;color:#f5f3f1}.zzp-vel:focus-visible{outline:2px solid #f5f3f1;outline-offset:2px}.zzp-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.zzp.zzp-error .zzp-meta{color:#ff9a94}.zzp-extra-dato{font-family:var(--zz-mono,ui-monospace,monospace);font-size:.66rem;letter-spacing:.08em;color:var(--zzp-tenue);white-space:nowrap}.zzp-mini .zzp-extra-dato,.zzp-extra-dato[hidden]{display:none}.zzp-mini .zzp-tiempo,.zzp-mini .zzp-vol,.zzp-mini .zzp-vel{display:none}.zzp-abierto.zzp-directo .zzp-tiempo{justify-content:center}.zzp-suelto{margin:1.1rem 0}.zzp-boton-suelto{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;border:0;border-radius:999px;padding:.6rem 1.15rem .6rem .85rem;font:inherit;font-size:.9rem;background:#0b0b0d;color:#f5f3f1;box-shadow:0 8px 22px -14px rgba(0,0,0,.7)}.zzp-boton-suelto svg{width:1.15em;height:1.15em;fill:currentColor;flex:0 0 auto}.zzp-boton-suelto:hover,.zzp-boton-suelto:focus-visible{filter:brightness(1.35)}.zzp-caido{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.zzp-rotulo-caido{display:inline-block;margin-left:.5rem;padding:.1rem .45rem;border-radius:3px;background:rgba(0,0,0,.12);font-family:var(--zz-mono,ui-monospace,monospace);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7;vertical-align:middle}.zzp-suena{position:relative}@media (max-width:900px){.zzp-vel,.zzp-vol{display:none}.zzp-tiempo{flex:1 1 auto}}@media (max-width:560px){.zzp-abierto .zzp-tiempo{flex-basis:100%}.zzp-caja{gap:.55rem}}@media (prefers-reduced-motion:reduce){.zzp-fijo{transition:none}.zzp.zzp-gira .zzp-disco{animation:none}.zzp-disco,.zzp-abrir svg{transition:none}.zzp-onda i{transition:none}.zzp-play{transition:none}.zzp.zzp-aire.zzp-sonando .zzp-meta::before{animation:none}}html.zzp-html-abierto{overflow:hidden}.zzp.zzp-abierto{position:fixed;inset:0;z-index:99999;border:0;border-radius:0;transform:none;max-width:none;background:var(--zzp-fondo-solido);-webkit-backdrop-filter:none;backdrop-filter:none;animation:zzp-entra .22s cubic-bezier(.2,.7,.3,1)}@keyframes zzp-entra{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.zzp.zzp-abierto .zzp-caja{display:grid;max-width:min(720px,92vw);height:100%;margin:0 auto;padding:clamp(3rem,9vh,6rem) 0 clamp(2rem,7vh,4rem);grid-template-rows:repeat(5,auto);grid-template-areas:"disco" "datos" "play" "tiempo" "extra";justify-items:center;align-content:center;gap:clamp(.9rem,3vh,1.8rem)}.zzp-abierto .zzp-disco{grid-area:disco;width:min(260px,44vh,52vw);height:min(260px,44vh,52vw);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 34px 80px -46px #000,0 0 0 12px rgba(255,255,255,.02)}.zzp-abierto .zzp-disco i{width:17%;height:17%;box-shadow:0 0 0 6px rgba(0,0,0,.7)}.zzp-abierto .zzp-datos{grid-area:datos;flex:0 0 auto;width:100%;text-align:center;align-items:center;gap:.5rem}.zzp-abierto .zzp-titulo{font-size:clamp(1.15rem,3.4vw,1.6rem);line-height:1.28;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-wrap:balance}.zzp-abierto .zzp-meta{font-size:.72rem;justify-content:center;white-space:normal}.zzp-abierto .zzp-play{grid-area:play;width:68px;height:68px}.zzp-abierto .zzp-play svg{width:28px;height:28px}.zzp-abierto .zzp-tiempo{grid-area:tiempo;width:100%;flex:0 0 auto;justify-content:center}.zzp-abierto .zzp-extra{grid-area:extra;justify-content:center}.zzp-abierto .zzp-vol{width:min(240px,60vw)}.zzp-abierto .zzp-mandos{position:absolute;top:clamp(.9rem,3vh,1.6rem);right:clamp(.9rem,3vw,1.6rem);z-index:2}.zzp-abierto .zzp-chico{width:40px;height:40px}.zzp-abierto .zzp-chico svg{width:20px;height:20px}.zzp-abierto .zzp-onda{top:auto;height:34vh;gap:2px;padding:0 6px;opacity:.9}.zzp-abierto .zzp-onda i{border-radius:2px 2px 0 0}.zzp.zzp-abierto.zzp-gira .zzp-disco{animation-duration:6s}