@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--c-noche: #131313;--c-sup-1: #1B1B1B;--c-sup-2: #2A2A2A;--c-sup-3: #353535;--c-sup-4: #474747;--c-linea: #2F2F2F;--c-texto: #E2E2E2;--c-texto-2: #C6C6C6;--c-texto-3: #9E9E9E;--c-acento: #FFFFFF;--c-sobre-acento: #1B1B1B;--c-acento-suave: color-mix(in oklab, var(--c-acento) 14%, transparent);--c-error: #FFB4AB;--c-ok: #8FD6A8;--dyn: #7A7F86;--dyn-suave: color-mix(in oklab, var(--dyn) 28%, transparent);--dyn-fondo: color-mix(in oklab, var(--dyn) 42%, var(--c-noche));--estado-hover: color-mix(in oklab, var(--c-texto) 7%, transparent);--estado-press: color-mix(in oklab, var(--c-texto) 12%, transparent);--f-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", "Atkinson Hyperlegible Next", system-ui, sans-serif;--f-ui: "Atkinson Hyperlegible Next Variable", "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif;--escala: 1;--t-hero: clamp(40px, 6.4vw, 76px);--t-h1: clamp(30px, 3.6vw, 44px);--t-h2: calc(21px * var(--escala));--t-cuerpo: calc(15px * var(--escala));--t-peq: calc(13px * var(--escala));--t-mini: calc(12px * var(--escala));--r-funda: 4px;--r-s: 8px;--r-m: 12px;--r-l: 18px;--r-pill: 999px;--e-1: 4px;--e-2: 8px;--e-3: 12px;--e-4: 16px;--e-5: 20px;--e-6: 24px;--e-8: 32px;--e-10: 40px;--ancho-lateral: 248px;--ancho-sonando: 340px;--alto-playbar: 88px;--alto-tabbar: 64px;--ease: cubic-bezier(.2, 0, 0, 1);--ease-sale: cubic-bezier(.4, 0, 1, 1);--ease-muelle: cubic-bezier(.3, 1.25, .55, 1);--ease-brazo: cubic-bezier(.65, 0, .35, 1);--d-rapida: .11s;--d-media: .22s;--d-lenta: .42s;--d-disco: .64s;--vuelta-disco: 1.8s}@media(prefers-reduced-motion:reduce){:root{--d-media: 1ms;--d-lenta: 1ms;--d-disco: 1ms}}:root.menos-movimiento{--d-media: 1ms;--d-lenta: 1ms;--d-disco: 1ms}@property --tono-vista{syntax: ""; inherits: true; initial-value: transparent;}@property --dyn{syntax: ""; inherits: true; initial-value: #7A7F86;}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark;transition:--dyn .6s var(--ease),--tono-vista .5s var(--ease)}body{margin:0;height:100dvh;overflow:hidden;background:var(--c-noche);color:var(--c-texto);font:400 var(--t-cuerpo)/1.45 var(--f-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}img{display:block}h1,h2,h3,h4,p{margin:0}ol,ul{list-style:none;margin:0;padding:0}:focus-visible{outline:2px solid var(--c-acento);outline-offset:2px;border-radius:6px}.tiempo{font-variant-numeric:tabular-nums;font-size:var(--t-mini);color:var(--c-texto-3)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}svg .relleno{fill:currentColor;stroke:none}.saltar{position:fixed;left:12px;top:-60px;z-index:100;background:var(--c-acento);color:var(--c-sobre-acento);padding:10px 14px;border-radius:var(--r-pill);font-weight:700}.saltar:focus{top:12px}.app{height:100dvh;display:grid;gap:var(--e-2);padding:var(--e-2);grid-template-columns:var(--ancho-lateral) minmax(0,1fr) var(--ancho-sonando);grid-template-rows:minmax(0,1fr) var(--alto-playbar);grid-template-areas:"lat prin son" "pb pb pb"}.panel{background:var(--c-sup-1);border-radius:var(--r-l);min-height:0}.lateral{grid-area:lat;display:flex;flex-direction:column;padding:var(--e-4) var(--e-3);overflow:hidden}.principal{grid-area:prin;overflow-y:auto;position:relative;outline:none;background:linear-gradient(to bottom,color-mix(in oklab,var(--tono-vista) 34%,var(--c-sup-1)) 0,var(--c-sup-1) 380px) no-repeat,var(--c-sup-1);container-type:inline-size;scrollbar-width:thin;scrollbar-color:var(--c-sup-4) transparent}.sonando-panel{grid-area:son;overflow-y:auto;padding:var(--e-5);scrollbar-width:none}.playbar{grid-area:pb}.tabbar{display:none}@media(max-width:1279px){.app{grid-template-columns:var(--ancho-lateral) minmax(0,1fr);grid-template-areas:"lat prin" "pb pb"}.sonando-panel{display:none}}@media(max-width:1023px){.app{--ancho-lateral: 76px}.marca-nombre,.nav-lateral a{font-size:0}.nav-lateral a{justify-content:center}.lateral-cab h2,.lateral-playlists li span:not(.cubierta-fav):not(.mosaico){display:none}.lateral-cab,.lateral-playlists a,.marca{justify-content:center}}.marca{display:flex;align-items:center;gap:10px;padding:4px 10px 18px}.marca-disco{width:30px;height:30px;border-radius:50%;flex:none;background:radial-gradient(circle,var(--c-noche) 0 9%,var(--c-acento) 10% 34%,transparent 35%),repeating-radial-gradient(circle,#0c1018 0 1px,#232b3a 1px 2.4px);animation:giro var(--vuelta-disco) linear infinite paused}.reproduciendo .marca-disco{animation-play-state:running}.marca-nombre{font:800 21px/1 var(--f-display);letter-spacing:-.02em}.marca-nombre span{color:var(--c-texto-3);font-weight:500}.nav-lateral{display:grid;gap:2px}.nav-lateral a{position:relative;display:flex;align-items:center;gap:14px;height:46px;padding:0 14px;border-radius:var(--r-m);color:var(--c-texto-2);font-weight:600;font-size:15px;transition:background var(--d-rapida) var(--ease),color var(--d-rapida) var(--ease)}.nav-lateral a:hover{background:var(--estado-hover);color:var(--c-texto)}.nav-lateral a:before{content:"";position:absolute;left:-12px;top:50%;width:5px;height:22px;margin-top:-11px;border-radius:0 4px 4px 0;background:var(--c-acento);transform:scaleY(0);transition:transform var(--d-media) var(--ease-muelle)}.nav-lateral a[aria-current]{color:var(--c-texto);background:var(--c-sup-2)}.nav-lateral a[aria-current]:before{transform:scaleY(1)}.nav-lateral a[aria-current] svg{color:var(--c-acento)}.lateral-playlists{margin-top:var(--e-6);padding-top:var(--e-4);border-top:1px solid var(--c-linea);min-height:0;display:flex;flex-direction:column}.lateral-cab{display:flex;align-items:center;justify-content:space-between;padding:0 6px 8px 14px}.lateral-cab h2{font-size:var(--t-peq);font-weight:600;color:var(--c-texto-2)}#lista-lateral{overflow-y:auto;scrollbar-width:none}.lateral-playlists a{display:flex;align-items:center;gap:12px;padding:7px 8px;border-radius:var(--r-s)}.lateral-playlists a:hover{background:var(--estado-hover)}.lateral-playlists b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.lateral-playlists small{color:var(--c-texto-3);font-size:var(--t-mini)}.btn-icono{width:40px;height:40px;display:inline-grid;place-items:center;flex:none;position:relative;border-radius:var(--r-pill);color:var(--c-texto-2);transition:background var(--d-rapida) var(--ease),color var(--d-rapida) var(--ease),transform var(--d-rapida) var(--ease)}.btn-icono:hover{background:var(--estado-hover);color:var(--c-texto)}.btn-icono:active{transform:scale(.9)}.btn-icono.peq{width:32px;height:32px}.btn-icono.peq svg{width:18px;height:18px}.btn-icono.on{color:var(--c-acento)}.btn-icono.on:not(.like):after{content:"";position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:currentColor}.punto-una{display:none;position:absolute;top:6px;right:6px;font:700 9px/1 var(--f-ui);background:var(--c-acento);color:var(--c-sobre-acento);border-radius:6px;padding:2px 3px}.btn-icono.una .punto-una{display:block}.like.on{color:var(--c-acento)}.like.on svg{fill:currentColor}.like.pop svg{animation:latido .42s var(--ease-muelle)}@keyframes latido{0%{transform:scale(1)}35%{transform:scale(1.35)}to{transform:scale(1)}}.btn-play{width:44px;height:44px;display:inline-grid;place-items:center;flex:none;border-radius:50%;background:var(--c-acento);color:var(--c-sobre-acento);transition:transform var(--d-rapida) var(--ease),background var(--d-rapida)}.btn-play:hover{transform:scale(1.05);background:color-mix(in oklab,var(--c-acento) 85%,black)}.btn-play:active{transform:scale(.92)}.btn-play.grande{width:56px;height:56px}.btn-play.grande svg{width:26px;height:26px}.btn-play.mini{width:34px;height:34px}.btn-play.mini svg{width:18px;height:18px}.btn-tonal,.btn-lleno,.btn-texto{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--r-pill);font-weight:600;font-size:14px;white-space:nowrap;transition:background var(--d-rapida) var(--ease),transform var(--d-rapida) var(--ease)}.btn-tonal svg,.btn-texto svg{width:18px;height:18px}.btn-tonal{background:var(--c-sup-3)}.btn-tonal:hover{background:var(--c-sup-4)}.btn-lleno{background:var(--c-acento);color:var(--c-sobre-acento)}.btn-texto{color:var(--c-acento);padding:0 10px}.btn-texto:hover{background:var(--c-acento-suave)}.btn-tonal:active,.btn-lleno:active{transform:scale(.96)}.btn-tonal:disabled{cursor:progress;opacity:.85}.girando{animation:giro .9s linear infinite}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{height:34px;padding:0 16px;border-radius:var(--r-pill);background:var(--c-sup-2);font-size:14px;font-weight:600;color:var(--c-texto);transition:background var(--d-rapida) var(--ease)}.chip:hover{background:var(--c-sup-3)}.chip.on{background:var(--c-acento);color:var(--c-sobre-acento)}.chip-dato{display:inline-flex;align-items:center;height:24px;padding:0 10px;border:1px solid var(--c-linea);border-radius:var(--r-pill);font-size:var(--t-mini);color:var(--c-texto-2);white-space:nowrap}.deck{position:relative;width:var(--w);aspect-ratio:1;flex:none;--asoma: 14%;--sale: 46%}.deck .funda{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:var(--r-funda);box-shadow:6px 0 14px -6px #0000008c}.deck .disco{position:absolute;z-index:0;top:3%;left:3%;width:94%;height:94%;transform:translate(0);transition:transform var(--d-disco) var(--ease-brazo)}.deck.actual .disco{transform:translate(var(--asoma))}.reproduciendo .deck.actual .disco{transform:translate(var(--sale))}.disco-giro{position:relative;width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle,#0b0b0b 0 1.1px,#1e1e1e 1.1px 2.6px);box-shadow:0 0 0 1px #ffffff0d inset;animation:giro var(--vuelta-disco) linear infinite paused}.disco:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 20deg,transparent 0 8%,rgb(255 255 255 / .13) 13%,transparent 19% 52%,rgb(255 255 255 / .08) 58%,transparent 64%)}.reproduciendo .deck.actual .disco-giro{animation-play-state:running}.etiqueta{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle,#0b0b0b 0 7%,rgb(0 0 0 / .35) 7.5% 9.5%,transparent 10%),var(--portada) center / cover,var(--dyn-deck, var(--dyn));box-shadow:0 0 0 2px color-mix(in oklab,var(--dyn-deck, var(--dyn)) 65%,black),inset 0 0 0 1px #00000040}@keyframes giro{to{transform:rotate(1turn)}}.deck-s{--w: 56px;--sale: 56%;--asoma: 18%;margin-right:32px}.deck-m{--w: 184px;--sale: 56%;--asoma: 12%;margin-right:98px}.deck-l{--w: min(42vh, 380px)}.deck-l .disco,.deck-l.actual .disco{transform:translate(0)}.reproduciendo .deck-l.actual .disco{transform:translate(30%)}.reproduciendo .deck-l.actual .funda{transform:translate(-28%)}.deck-h{--w: 200px;--sale: 54%;--asoma: 10%;margin-right:104px}.deck-c{--w: 100%;--sale: 12%;--asoma: 8%}.tarjeta:hover .deck-c .disco{transform:translate(10%)}.deck .funda{transition:transform var(--d-disco) var(--ease-brazo)}.playbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,620px) minmax(0,1fr);align-items:center;gap:var(--e-4);padding:0 var(--e-4) 0 var(--e-3);border-radius:var(--r-l);position:relative;z-index:5;background:linear-gradient(100deg,color-mix(in oklab,var(--dyn) 26%,var(--c-sup-1)) 0%,var(--c-sup-1) 26%,var(--c-sup-1) 60%,color-mix(in oklab,var(--dyn) 16%,var(--c-sup-1)) 80%,var(--c-sup-1) 100%);background-size:260% 100%;background-position:0% 0;animation:deriva 18s ease-in-out infinite alternate paused}.reproduciendo .playbar{animation-play-state:running}@keyframes deriva{to{background-position:100% 0}}.pb-izq{display:flex;align-items:center;gap:12px;min-width:0}.pb-abrir{display:flex;border-radius:var(--r-funda)}.pb-info{min-width:0;display:grid}.pb-titulo{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-artista{color:var(--c-texto-2);font-size:var(--t-peq);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-titulo:hover,.pb-artista:hover{text-decoration:underline}.pb-centro{display:grid;gap:2px;justify-items:center}.pb-progreso{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;width:100%}.pb-progreso .tiempo:first-child{text-align:right}.pb-der{display:flex;align-items:center;justify-content:flex-end;gap:2px}.pb-vol{display:flex;align-items:center;gap:6px;width:140px;color:var(--c-texto-2);padding:0 6px}.pb-vol svg{width:20px;height:20px}.pb-play-movil,.pb-linea{display:none}.controles{display:flex;align-items:center;gap:6px}.controles .btn-play{margin:0 6px}.controles.grandes{gap:14px;justify-content:center}.controles.grandes .btn-play{width:72px;height:72px}.controles.grandes .btn-play svg{width:32px;height:32px}.controles.grandes .btn-icono{width:48px;height:48px}.controles.grandes [data-accion=anterior] svg,.controles.grandes [data-accion=siguiente] svg{width:28px;height:28px}.barra{--v: 0;position:relative;height:22px;display:flex;align-items:center;cursor:pointer;touch-action:none;flex:1;border-radius:4px}.barra-pista{position:relative;width:100%;height:4px;border-radius:4px;background:color-mix(in oklab,var(--c-texto) 18%,transparent);overflow:hidden;transition:height var(--d-rapida) var(--ease)}.barra-lleno{position:absolute;inset:0 auto 0 0;width:calc(var(--v) * 100%);background:var(--c-acento);border-radius:inherit}[data-barra=prog] .barra-lleno{background:linear-gradient(90deg,var(--c-acento) 0 30%,color-mix(in oklab,var(--dyn) 70%,white) 50%,var(--c-acento) 70% 100%) 0 0 / 260px 100% repeat-x;animation:brillo 2.6s linear infinite paused}.reproduciendo [data-barra=prog] .barra-lleno{animation-play-state:running}@keyframes brillo{to{background-position-x:260px}}.barra-aguja{position:absolute;left:calc(var(--v) * 100%);top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--c-texto);transform:scale(0);transition:transform var(--d-media) var(--ease-muelle)}.barra:hover .barra-pista,.barra.arrastrando .barra-pista,.barra:focus-visible .barra-pista{height:6px}.barra:hover .barra-aguja,.barra:focus-visible .barra-aguja{transform:scale(1)}.barra.arrastrando .barra-aguja{transform:scale(1.25)}.ps-cab{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:var(--e-5)}.ps-cab h2{font:700 18px/1 var(--f-display)}.ps-origen{color:var(--c-texto-3);font-size:var(--t-mini);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps-deck{display:flex;justify-content:flex-start;padding:6px 0 18px}.ps-info{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ps-info h3{font:700 22px/1.15 var(--f-display);letter-spacing:-.01em}.ps-info a{color:var(--c-texto-2);font-size:14px}.ps-info a:hover{color:var(--c-texto);text-decoration:underline}.ps-meta{display:flex;gap:6px;flex-wrap:wrap;margin:var(--e-3) 0 var(--e-6)}.ps-sub{font-size:var(--t-peq);color:var(--c-texto-2);font-weight:600;margin-bottom:6px}.mini-fila{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;width:100%;padding:6px;border-radius:var(--r-s);text-align:left}.mini-fila:hover{background:var(--estado-hover)}.mini-fila img{width:40px;height:40px;border-radius:var(--r-funda)}.mini-fila b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-fila small{color:var(--c-texto-3);font-size:var(--t-mini)}.mini-fila>span:nth-child(2){min-width:0}.vacio-peq{color:var(--c-texto-3);font-size:var(--t-peq);padding:10px 6px}.vista{padding:var(--e-6) var(--e-8) 120px;max-width:1400px}.principal.entra .vista{animation:entra .26s var(--ease) both}@keyframes entra{0%{opacity:0;transform:translateY(8px)}}.titulo-vista{font:800 var(--t-h1)/1.05 var(--f-display);letter-spacing:-.025em;margin:8px 0 var(--e-5)}.sub-vista{font:700 var(--t-h2)/1.2 var(--f-display);margin:var(--e-6) 0 var(--e-3)}.volver{position:absolute;top:14px;left:14px;z-index:3;background:#13131399;color:var(--c-texto)}.volver:hover{background:#131313d9}.vacio{padding:48px 0;max-width:46ch}.vacio h2{font:700 22px/1.2 var(--f-display);margin-bottom:6px}.vacio p{color:var(--c-texto-2)}.vacio a{color:var(--c-acento)}.estante{margin-top:var(--e-8)}.estante>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:var(--e-3)}.estante h2{font:700 var(--t-h2)/1.2 var(--f-display);letter-spacing:-.01em}.estante header p{color:var(--c-texto-3);font-size:var(--t-peq);margin-top:2px}.estante-fila{display:grid;grid-auto-flow:column;grid-auto-columns:176px;gap:12px;overflow-x:auto;margin:0 calc(var(--e-8) * -1);padding:4px var(--e-8) 8px;scroll-snap-type:x proximity;scroll-padding:0 var(--e-8);scrollbar-width:none}.estante-fila>*{scroll-snap-align:start}.tarjeta{position:relative;display:block;padding:10px;border-radius:var(--r-m);transition:background var(--d-media) var(--ease)}.tarjeta:hover{background:var(--c-sup-2)}.tarjeta .deck{margin-bottom:10px}.tarjeta b{display:block;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tarjeta small{display:block;color:var(--c-texto-2);font-size:var(--t-peq);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tarjeta .btn-play.flotante{position:absolute;z-index:2;right:18px;top:calc(100% - 96px);opacity:0;transform:translateY(8px);transition:opacity var(--d-media) var(--ease),transform var(--d-media) var(--ease)}.tarjeta:hover .btn-play.flotante,.tarjeta:focus-within .btn-play.flotante{opacity:1;transform:none}.tarjeta.artista{text-align:left}.avatar{display:block;width:100%;aspect-ratio:1;border-radius:50%;background-size:260%;background-position:30% 40%;margin-bottom:10px}.inicio-cab{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin:12px 0 var(--e-5)}.saludo{font:800 var(--t-h1)/1.02 var(--f-display);letter-spacing:-.03em;max-width:16ch}.rapidos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rapido{position:relative;display:flex;align-items:center;gap:12px;height:60px;padding-right:48px;border-radius:var(--r-s);overflow:hidden;background:color-mix(in oklab,var(--c-texto) 7%,transparent);transition:background var(--d-rapida) var(--ease)}.rapido:hover{background:color-mix(in oklab,var(--c-texto) 13%,transparent)}.rapido img{width:60px;height:60px}.rapido b{font-size:14px;font-weight:700;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rapido .btn-play{position:absolute;right:12px;opacity:0;transition:opacity var(--d-rapida)}.rapido:hover .btn-play,.rapido:focus-within .btn-play{opacity:1}.buscador{position:sticky;top:12px;z-index:4;display:flex;align-items:center;gap:10px;max-width:620px;height:52px;padding:0 8px 0 18px;border-radius:var(--r-pill);background:var(--c-sup-2);color:var(--c-texto-2);box-shadow:0 0 0 1px var(--c-linea) inset;transition:box-shadow var(--d-rapida),background var(--d-rapida)}.buscador:focus-within{background:var(--c-sup-3);box-shadow:0 0 0 2px var(--c-acento) inset}.buscador input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;color:var(--c-texto);font:500 16px var(--f-ui)}.buscador input::placeholder{color:var(--c-texto-3)}.buscador input::-webkit-search-cancel-button{display:none}.separadores{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:26px 14px;padding-top:14px}.separador{position:relative;aspect-ratio:1.55;text-align:left;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:4px var(--r-m) var(--r-m) var(--r-m);background:linear-gradient(160deg,hsl(var(--h) 42% 34%),hsl(var(--h) 46% 22%));transition:transform var(--d-media) var(--ease-muelle)}.separador:hover{transform:translateY(-4px)}.separador .pestana{position:absolute;left:0;top:-16px;height:18px;min-width:64px;padding:0 12px;border-radius:8px 8px 0 0;background:hsl(var(--h) 42% 34%);font:800 11px/18px var(--f-display);color:hsl(var(--h) 60% 85%)}.separador b{font:800 24px/1 var(--f-display);letter-spacing:-.02em}.separador small{color:hsl(var(--h) 40% 82%);font-size:var(--t-peq);margin-top:4px}.res-top{display:grid;grid-template-columns:minmax(260px,2fr) 3fr;gap:24px}.mejor{display:block;padding:20px;border-radius:var(--r-m);background:var(--c-sup-2);transition:background var(--d-rapida)}.mejor:hover{background:var(--c-sup-3)}.mejor img{width:96px;height:96px;border-radius:var(--r-funda);margin-bottom:16px}.mejor img.redondo{border-radius:50%}.mejor b{display:block;font:800 30px/1.1 var(--f-display);letter-spacing:-.02em}.mejor small{color:var(--c-texto-2)}.lista{margin-top:4px}.fila{display:grid;align-items:center;gap:12px;height:58px;padding:0 8px 0 12px;grid-template-columns:28px 42px minmax(0,1.4fr) minmax(0,1fr) 40px 48px 40px;border-radius:var(--r-s);cursor:pointer;transition:background var(--d-rapida) var(--ease)}.lista:not(:has(.fila-portada)) .fila{grid-template-columns:28px minmax(0,1fr) 40px 48px 40px}.lista:not(:has(.fila-portada)) .fila-album{display:none}.fila:hover{background:var(--estado-hover)}.fila-n{position:relative;display:grid;place-items:center;color:var(--c-texto-3);font-variant-numeric:tabular-nums;font-size:14px}.fila-n>*{grid-area:1 / 1}.fila-play{width:18px;height:18px;color:var(--c-texto);opacity:0}.fila:hover .num{opacity:0}.fila:hover .fila-play{opacity:1}.fila-portada{width:42px;height:42px;border-radius:var(--r-funda)}.fila-texto{min-width:0;display:grid}.fila-texto b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fila-texto small,.fila-album{color:var(--c-texto-2);font-size:var(--t-peq);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fila-album:hover{color:var(--c-texto);text-decoration:underline}.fila .tiempo{text-align:right}.fila-like:not(.on),.fila-mas{opacity:0}.fila:hover .fila-like,.fila:hover .fila-mas,.fila:focus-within .fila-like,.fila:focus-within .fila-mas{opacity:1}.fila .btn-icono{width:36px;height:36px}.fila .btn-icono svg{width:20px;height:20px}.eq{display:none;height:14px;align-items:flex-end;gap:2px}.eq i{width:3px;height:4px;background:var(--dyn);border-radius:1px}.fila.sonando .fila-texto b{color:var(--dyn)}.fila.sonando .num{opacity:0}.fila.sonando .eq{display:flex}.fila.sonando:hover .eq{opacity:0}.reproduciendo .fila.sonando .eq i{animation:eq .9s var(--ease) infinite alternate}.reproduciendo .fila.sonando .eq i:nth-child(2){animation-delay:-.3s;animation-duration:.7s}.reproduciendo .fila.sonando .eq i:nth-child(3){animation-delay:-.6s;animation-duration:1.1s}@keyframes eq{to{height:14px}}.cabecera{display:flex;align-items:flex-end;gap:var(--e-6);padding:40px 0 var(--e-6)}.cabecera-portada{flex:none}.cabecera-portada .mosaico,.cabecera-portada .cubierta-fav{width:200px;height:200px}.cabecera-texto{min-width:0}.cabecera-tipo{font-size:var(--t-peq);font-weight:600;color:var(--c-texto-2)}.cabecera h1{font:800 clamp(34px,5vw,64px)/1 var(--f-display);letter-spacing:-.035em;margin:6px 0 12px;overflow-wrap:anywhere}.cabecera-sub{font-weight:700}.cabecera-sub a:hover{text-decoration:underline}.cabecera-meta{color:var(--c-texto-2);font-size:var(--t-peq);margin-top:2px}.acciones{display:flex;align-items:center;gap:10px;margin-bottom:var(--e-4)}.mosaico{display:grid;grid-template-columns:1fr 1fr;width:40px;height:40px;border-radius:var(--r-funda);overflow:hidden;flex:none}.mosaico img{width:100%;height:100%;object-fit:cover}.cubierta-fav{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:var(--r-funda);background:linear-gradient(135deg,#e2e2e2,#6e6e6e);color:var(--c-sobre-acento)}.cubierta-fav svg{fill:currentColor;stroke:none}.cubierta-fav.grande svg{width:72px;height:72px}.cubierta-fav.mini svg{width:18px;height:18px}.artista-hero{display:flex;align-items:flex-end;gap:var(--e-6);padding:48px 0 var(--e-6)}.artista-foto{width:180px;height:180px;flex:none;border-radius:50%;background-size:280%;background-position:30% 40%;box-shadow:0 0 0 6px color-mix(in oklab,var(--tono) 30%,transparent)}.artista-hero h1{font:800 clamp(44px,6.4vw,84px)/.95 var(--f-display);letter-spacing:-.04em;margin:6px 0 10px}.biblio-cab{display:flex;align-items:center;justify-content:space-between;gap:12px}.biblio-cab .titulo-vista{margin-bottom:var(--e-4)}.biblio-cuerpo{margin-top:var(--e-5)}.biblio-cuerpo.playlists{display:grid;gap:4px;max-width:760px}.item-biblio{display:flex;align-items:center;gap:14px;padding:8px;border-radius:var(--r-m);text-align:left;width:100%;transition:background var(--d-rapida)}.item-biblio:hover{background:var(--estado-hover)}.item-biblio .mosaico,.item-biblio .cubierta-fav,.cubierta-nueva{width:60px;height:60px}.item-biblio b{display:block;font-weight:700}.item-biblio small{color:var(--c-texto-2);font-size:var(--t-peq)}.item-biblio.destacado{background:var(--c-sup-2)}.item-biblio.destacado:hover{background:var(--c-sup-3)}.cubierta-nueva{display:grid;place-items:center;flex:none;border-radius:var(--r-funda);border:1.5px dashed var(--c-sup-4);color:var(--c-texto-2)}.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}.vista-ajustes{max-width:760px}.cuenta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:20px;border-radius:var(--r-l);background:var(--c-sup-2)}.avatar-letra{width:60px;height:60px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--c-acento);color:var(--c-sobre-acento);font:800 28px var(--f-display)}.cuenta-texto{flex:1;min-width:180px;display:grid}.cuenta-texto b{font:700 20px/1.2 var(--f-display)}.cuenta-texto small{color:var(--c-texto-2);font-size:var(--t-peq)}.estado-conexion{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-mini);color:var(--c-texto-3);margin-top:4px}.estado-conexion i{width:8px;height:8px;border-radius:50%;background:var(--c-ok);box-shadow:0 0 0 3px color-mix(in oklab,var(--c-ok) 25%,transparent)}.grupo{margin-top:var(--e-8)}.grupo h2{font:700 18px/1.2 var(--f-display);margin-bottom:4px;color:var(--c-texto-2)}.ajuste{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:14px 0;border-bottom:1px solid var(--c-linea);cursor:default}label.ajuste{cursor:pointer}.ajuste>span{display:grid;flex:1;min-width:220px}.ajuste b{font-weight:600}.ajuste small{color:var(--c-texto-3);font-size:var(--t-peq)}.segmentado{display:inline-flex;padding:3px;gap:2px;border-radius:var(--r-pill);background:var(--c-sup-2)}.segmentado button{height:34px;padding:0 14px;border-radius:var(--r-pill);font-size:14px;font-weight:600;color:var(--c-texto-2);transition:background var(--d-media) var(--ease),color var(--d-media)}.segmentado button:hover{color:var(--c-texto)}.segmentado button[aria-checked=true]{background:var(--c-acento-suave);color:var(--c-acento)}.interruptor{appearance:none;flex:none;width:48px;height:28px;border-radius:var(--r-pill);margin:0;cursor:pointer;background:var(--c-sup-3);position:relative;transition:background var(--d-media) var(--ease)}.interruptor:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:var(--c-texto-2);transition:transform var(--d-media) var(--ease-muelle),background var(--d-media)}.interruptor:checked{background:var(--c-acento)}.interruptor:checked:after{transform:translate(20px);background:var(--c-sobre-acento)}.btn-salir{display:inline-flex;align-items:center;gap:10px;margin-top:var(--e-8);height:44px;padding:0 18px;border-radius:var(--r-pill);color:var(--c-error);font-weight:700;border:1px solid color-mix(in oklab,var(--c-error) 40%,transparent)}.btn-salir:hover{background:color-mix(in oklab,var(--c-error) 12%,transparent)}.version{color:var(--c-texto-3);font-size:var(--t-mini);margin-top:var(--e-4)}.menu{position:fixed;z-index:80;min-width:250px;max-width:300px;padding:6px;background:var(--c-sup-3);border-radius:14px;box-shadow:0 12px 32px #00000073}.menu.abre{animation:menu-abre .2s var(--ease) both}@keyframes menu-abre{0%{opacity:0;transform:scale(.92)}}.menu-cab{display:flex;align-items:center;gap:10px;padding:8px 10px 10px;border-bottom:1px solid var(--c-linea);margin-bottom:4px}.menu-cab img{width:36px;height:36px;border-radius:var(--r-funda)}.menu-cab b{display:block;font-size:14px}.menu-cab small{color:var(--c-texto-2);font-size:var(--t-mini)}.menu button{display:flex;align-items:center;gap:12px;width:100%;height:40px;padding:0 10px;border-radius:var(--r-s);font-size:14px;text-align:left}.menu button svg{width:18px;height:18px;color:var(--c-texto-2)}.menu button:hover,.menu button:focus-visible{background:var(--estado-hover);outline:none}.menu-grupo{border-block:1px solid var(--c-linea);margin:4px 0;padding:4px 0}.menu-et{display:block;padding:6px 10px 2px;font-size:var(--t-mini);color:var(--c-texto-3)}.dialogo{border:0;padding:0;border-radius:20px;background:var(--c-sup-2);color:var(--c-texto);width:min(440px,calc(100vw - 32px))}.dialogo[open]{animation:dialogo-abre .26s var(--ease-muelle)}@keyframes dialogo-abre{0%{opacity:0;transform:scale(.94) translateY(8px)}}.dialogo::backdrop{background:#080808b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialogo-form{padding:24px;display:grid;gap:16px}.dialogo-form h2{font:800 24px/1.1 var(--f-display)}.campo{display:grid;gap:6px}.campo span{font-size:var(--t-peq);color:var(--c-texto-2);font-weight:600}.campo input{height:46px;padding:0 14px;border-radius:var(--r-m);border:1px solid var(--c-linea);background:var(--c-sup-1);color:var(--c-texto);font:500 16px var(--f-ui);outline:none}.campo input:focus{border-color:var(--c-acento);box-shadow:0 0 0 1px var(--c-acento)}.dialogo-acciones{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.avisos{position:fixed;z-index:4;left:50%;bottom:calc(var(--alto-playbar) + 8px);transform:translate(-50%);pointer-events:none}.aviso{pointer-events:auto;display:flex;align-items:center;gap:12px;min-height:46px;padding:6px 8px 6px 18px;border-radius:14px 14px 0 0;background:var(--c-texto);color:var(--c-noche);font-weight:600;font-size:14px;white-space:nowrap;animation:aviso-sube .34s var(--ease-muelle) both}.aviso .btn-texto{color:#1b1b1b;text-decoration:underline;height:34px}.aviso .btn-texto:hover{background:#00000012}.aviso.sale{animation:aviso-baja .26s var(--ease-sale) forwards}@keyframes aviso-sube{0%{transform:translateY(100%)}}@keyframes aviso-baja{to{transform:translateY(100%)}}.hoja{position:fixed;inset:0;z-index:50;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--c-noche);overflow:hidden;transform:translateY(100%);visibility:hidden;transition:transform var(--d-lenta) var(--ease),visibility 0s var(--d-lenta)}.hoja.abierta{transform:none;visibility:visible;transition:transform var(--d-lenta) var(--ease),visibility 0s}.hoja-fondo{position:absolute;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(55% 45% at 22% 18%,color-mix(in oklab,var(--dyn) 50%,transparent),transparent 70%),radial-gradient(45% 55% at 85% 85%,color-mix(in oklab,var(--dyn) 26%,transparent),transparent 70%),var(--c-noche)}.hoja-fondo:after{content:"";position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hoja-cab{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:max(12px,env(safe-area-inset-top)) 16px 8px}.hoja-tabs-movil{display:none}.hoja-origen{text-align:center;display:grid;line-height:1.25}.hoja-origen small{font-size:var(--t-mini);color:var(--c-texto-2)}.hoja-origen b{font-size:14px}.hoja-cuerpo{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:8px 48px;min-height:0;max-width:1400px;width:100%;margin:0 auto}.hoja-disco{display:grid;place-items:center;min-height:0}.hoja-lado{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.hoja-pestanas{display:flex;gap:4px;margin-bottom:12px}.hoja-pestanas button{height:34px;padding:0 14px;border-radius:var(--r-pill);font-weight:600;font-size:14px;color:var(--c-texto-2)}.hoja-pestanas button[aria-selected=true]{background:color-mix(in oklab,var(--c-texto) 12%,transparent);color:var(--c-texto)}.hoja-cola{overflow-y:auto;scrollbar-width:none;display:none}.hoja-cuerpo[data-modo=cola] .hoja-cola{display:block}.hoja-cuerpo[data-modo=cola] .hoja-letra{display:none}.hoja-letra{overflow-y:auto;scrollbar-width:none;padding:20vh 0 40vh;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 70%,transparent)}.hoja-letra p{font:700 clamp(22px,2.6vw,34px)/1.25 var(--f-display);letter-spacing:-.015em;color:color-mix(in oklab,var(--c-texto) 34%,transparent);padding:6px 0;transform-origin:left center;transform:scale(.96);transition:color .3s var(--ease),transform .4s var(--ease)}.hoja-letra p.pasada{color:color-mix(in oklab,var(--c-texto) 52%,transparent)}.hoja-letra p.activa{color:var(--c-texto);transform:none}.hoja-letra .vacio-peq{font-size:16px;padding-top:0}.hoja-pie{display:grid;gap:10px;width:min(720px,100%);margin:0 auto;padding:12px 24px max(24px,env(safe-area-inset-bottom))}.hoja-info{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.hoja-info h2{font:800 clamp(24px,3vw,34px)/1.1 var(--f-display);letter-spacing:-.02em}.hoja-info a{color:var(--c-texto-2);font-size:16px}.hoja-info a:hover{color:var(--c-texto);text-decoration:underline}.like.grande{width:48px;height:48px}.like.grande svg{width:26px;height:26px}.hoja-progreso .tiempos{display:flex;justify-content:space-between;margin-top:-2px}.hoja-progreso .barra-aguja{transform:scale(1)}.hoja-extra{display:none}body.hoja-abierta .avisos{z-index:60;bottom:24px}body.hoja-abierta .aviso{border-radius:14px}@media(max-width:759px){.app{padding:0;gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"prin" "pb" "tab"}.lateral{display:none}.principal{border-radius:0}.vista{padding:var(--e-4) var(--e-4) 40px}.estante-fila{margin:0 calc(var(--e-4) * -1);padding:4px var(--e-4) 8px;grid-auto-columns:148px;scroll-padding:0 var(--e-4)}.tabbar{grid-area:tab;display:flex;gap:4px;padding:6px 8px calc(8px + env(safe-area-inset-bottom));margin:0 8px 8px;border-radius:0 0 20px 20px;background:color-mix(in oklab,var(--dyn) 12%,var(--c-sup-2));border-top:1px solid rgb(255 255 255 / .06)}.tabbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:var(--r-pill);color:var(--c-texto-3);font-size:14px;font-weight:700;transition-property:flex-grow,background-color,color;transition-duration:var(--d-media);transition-timing-function:var(--ease)}.tabbar a span{display:none}.tabbar a[aria-current]{flex-grow:2.2;color:var(--c-sobre-acento);background:var(--c-acento)}.tabbar a[aria-current] span{display:inline}.playbar{grid-template-columns:minmax(0,1fr) auto;gap:4px;height:66px;margin:0 8px;padding:0 8px;border-radius:20px 20px 0 0;overflow:hidden;background:linear-gradient(100deg,color-mix(in oklab,var(--dyn) 40%,var(--c-sup-2)),color-mix(in oklab,var(--dyn) 16%,var(--c-sup-2)) 50%,color-mix(in oklab,var(--dyn) 40%,var(--c-sup-2)));background-size:260% 100%}.pb-centro,.pb-der{display:none}.pb-izq{gap:10px}.deck-s{--w: 48px;margin-right:26px}.pb-titulo{font-size:14px}.pb-play-movil{display:grid;position:static;width:40px;height:40px;background:none;color:var(--c-texto)}.pb-play-movil svg{width:26px;height:26px}.pb-like{margin-left:auto}.pb-linea{display:block;position:absolute;left:10px;right:10px;bottom:0;height:2px}.pb-linea .barra-pista{height:2px;background:color-mix(in oklab,var(--c-texto) 18%,transparent)}.avisos{bottom:calc(var(--alto-tabbar) + 84px)}.cajon-disco{width:150px;margin-right:-66px;transform:perspective(700px) rotateY(16deg)}.cajon{margin:0 calc(var(--e-4) * -1);padding:14px var(--e-4) 18px}.azar{padding:var(--e-4);gap:var(--e-4)}.azar-pila{width:104px;height:96px}.azar-pila img{width:80px;height:80px}.lista .fila.rank{grid-template-columns:30px 44px minmax(0,1fr) 36px}.rank-veces{display:none}.fila.rank .fila-mas{opacity:1}.rank-n{font-size:22px}.titulo-vista,.saludo{font-size:30px}.rapidos{grid-template-columns:1fr 1fr}.rapido{height:52px;padding-right:8px;gap:8px}.rapido img{width:52px;height:52px}.rapido b{font-size:13px}.rapido .btn-play{display:none}.tarjeta{padding:6px}.tarjeta .btn-play.flotante{display:none}.fila,.lista:not(:has(.fila-portada)) .fila{grid-template-columns:42px minmax(0,1fr) 36px 36px;height:60px;padding:0 0 0 4px}.lista:not(:has(.fila-portada)) .fila{grid-template-columns:24px minmax(0,1fr) 36px 36px}.fila-album,.fila .tiempo{display:none}.lista:has(.fila-portada) .fila-n{display:none}.fila-like,.fila-mas{opacity:1!important}.cabecera,.artista-hero{flex-direction:column;align-items:flex-start;gap:16px;padding-top:52px}.deck-h{--w: 160px;margin-right:84px}.cabecera-portada .mosaico,.cabecera-portada .cubierta-fav{width:172px;height:172px}.artista-foto{width:140px;height:140px}.res-top{grid-template-columns:1fr}.separadores{grid-template-columns:1fr 1fr;gap:24px 10px}.separador b{font-size:19px}.biblio-cab .btn-tonal{padding:0 12px}.rejilla{grid-template-columns:1fr 1fr}.buscador{top:8px}.hoja-cuerpo{grid-template-columns:1fr;padding:0 20px;gap:0}.hoja-disco{place-items:center;padding:0}.deck-l{--w: min(56vw, 36vh)}.hoja-cab{row-gap:10px}.hoja-tabs-movil{grid-column:1 / -1;justify-self:center;display:flex;gap:2px;padding:3px;border-radius:var(--r-pill);background:#ffffff14}.hoja-tabs-movil button{height:34px;padding:0 22px;border-radius:var(--r-pill);font-weight:700;font-size:14px;color:var(--c-texto-2);transition:background var(--d-media) var(--ease),color var(--d-media)}.hoja-tabs-movil button[aria-selected=true]{background:var(--c-acento);color:var(--c-sobre-acento)}.hoja-lado,.hoja-pestanas,.hoja-cuerpo[data-modo=letra] .hoja-disco,.hoja-cuerpo[data-modo=cola] .hoja-disco{display:none}.hoja-cuerpo[data-modo=letra] .hoja-lado,.hoja-cuerpo[data-modo=cola] .hoja-lado{display:grid}.hoja-letra{padding:8vh 0 30vh}.hoja-pie{padding:8px 20px max(18px,env(safe-area-inset-bottom));gap:8px}.controles.grandes{gap:8px}.controles.grandes .btn-play{width:64px;height:64px}.hoja-extra{display:flex;align-items:center;justify-content:space-between}}@media(min-width:760px){.hoja-cuerpo[data-modo=disco] .hoja-letra{display:block}}:root.menos-movimiento .disco-giro,:root.menos-movimiento .marca-disco{animation:none}@media(prefers-reduced-motion:reduce){.disco-giro,.marca-disco,.eq i{animation:none!important}.principal.entra .vista{animation:none}}@media(hover:none){.btn-play:hover{transform:none;background:var(--c-acento)}.pb-play-movil:hover,.pb-play-movil{background:none}.btn-icono:hover{background:none;color:var(--c-texto-2)}.btn-icono.on:hover,.like.on:hover{color:var(--c-acento)}}:root.menos-movimiento .playbar,:root.menos-movimiento [data-barra=prog] .barra-lleno{animation:none}@media(prefers-reduced-motion:reduce){.playbar,[data-barra=prog] .barra-lleno{animation:none!important}}.con-onda .barra-lleno{display:none}.con-onda .barra-pista{background:linear-gradient(90deg,transparent calc(var(--v) * 100%),color-mix(in oklab,var(--c-texto) 18%,transparent) 0)}.onda{position:absolute;left:0;top:50%;width:100%;height:14px;margin-top:-7px;overflow:visible;pointer-events:none}.onda path{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.onda .s-a{stop-color:var(--c-acento)}.onda .s-b{stop-color:color-mix(in oklab,var(--dyn) 70%,white)}.con-onda:hover .onda path,.con-onda.arrastrando .onda path{stroke-width:5}.hoja .onda{height:18px;margin-top:-9px}.hoja .onda path{stroke-width:5}.inicio-cab{display:block;margin:12px 0 var(--e-2)}.inicio-sub{color:var(--c-texto-3);margin-top:6px}.saludo{text-wrap:balance}.cajon-sec .sub-vista{margin-top:var(--e-6)}.cajon{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--e-8) * -1);padding:18px var(--e-8) 22px}.cajon-disco{position:relative;flex:none;width:196px;aspect-ratio:1;margin-right:-92px;border-radius:var(--r-funda);transform:perspective(900px) rotateY(22deg);transform-origin:left center;box-shadow:-14px 0 22px -10px #000000b3;transition-property:transform,margin-right,box-shadow;transition-duration:.32s;transition-timing-function:var(--ease)}.cajon-disco:last-child{margin-right:0}.cajon-disco img{width:100%;height:100%;object-fit:cover;border-radius:inherit;outline:1px solid rgb(255 255 255 / .08);outline-offset:-1px}.cajon-disco:hover,.cajon-disco:focus-visible,.cajon-disco:focus-within{z-index:2;margin-right:14px;transform:perspective(900px) rotateY(0) translateY(-8px);box-shadow:0 18px 30px -14px #000c}.cajon-pie{position:absolute;inset:auto 0 0;display:grid;padding:28px 12px 10px;border-radius:0 0 var(--r-funda) var(--r-funda);background:linear-gradient(transparent,#000000c7);opacity:0;transition:opacity var(--d-media) var(--ease)}.cajon-pie b{font-size:14px;line-height:1.2}.cajon-pie small{color:#ffffffbf;font-size:var(--t-mini)}.cajon-disco .btn-play{position:absolute;top:10px;right:10px;opacity:0;transition:opacity var(--d-media) var(--ease)}.cajon-disco:hover .cajon-pie,.cajon-disco:focus-within .cajon-pie,.cajon-disco:hover .btn-play,.cajon-disco:focus-within .btn-play{opacity:1}.inicio-par{display:grid;gap:var(--e-6)}@container (min-width: 820px){.inicio-par{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start;gap:var(--e-10)}}.lista .fila.rank{grid-template-columns:40px 46px minmax(0,1fr) auto 36px;height:62px;padding-left:4px}.rank-n{font:800 28px/1 var(--f-display);color:var(--c-texto-3);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.fila.rank.sonando .rank-n{color:var(--dyn)}.rank-veces{color:var(--c-texto-3);font-size:var(--t-mini);font-variant-numeric:tabular-nums;white-space:nowrap}.fila.rank .fila-mas{opacity:0}.fila.rank:hover .fila-mas,.fila.rank:focus-within .fila-mas{opacity:1}.azar{display:flex;align-items:center;gap:var(--e-6);padding:var(--e-6);border-radius:var(--r-l);background:var(--c-sup-2)}@container (min-width: 820px){.azar{margin-top:64px;flex-direction:column;align-items:flex-start}}.azar-pila{position:relative;flex:none;width:132px;height:120px}.azar-pila img{position:absolute;left:10px;top:4px;width:104px;height:104px;border-radius:var(--r-funda);transform:rotate(calc(-9deg + var(--k) * 9deg)) translate(calc(var(--k) * 8px));box-shadow:0 6px 16px -6px #000000b3;transition:transform var(--d-lenta) var(--ease-muelle)}.azar:hover .azar-pila img{transform:rotate(calc(-16deg + var(--k) * 16deg)) translate(calc(var(--k) * 14px))}.azar h2{font:800 26px/1.1 var(--f-display);letter-spacing:-.02em}.azar p{color:var(--c-texto-2);margin:6px 0 14px;text-wrap:pretty;max-width:32ch}.azar .btn-lleno svg{width:18px;height:18px}.nube-artistas{display:flex;flex-wrap:wrap;gap:8px}.artista-pill{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 5px;border-radius:var(--r-pill);background:var(--c-sup-2);font-weight:600;font-size:14px;transition:background-color var(--d-rapida) var(--ease)}.artista-pill:hover{background:var(--c-sup-3)}.artista-pill span{width:34px;height:34px;border-radius:50%;background-size:260%;background-position:30% 40%}.notas-lado{flex-wrap:wrap}.notas-lado .acciones{flex-basis:100%;margin:4px 0 0}.cabecera-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.cabecera h1{text-wrap:balance}.cara-tit{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font:700 17px/1.2 var(--f-display);margin:var(--e-6) 0 var(--e-2);padding:0 8px var(--e-2) 12px;border-bottom:1px solid var(--c-linea)}.cara-tit small{font:500 var(--t-mini) var(--f-ui);color:var(--c-texto-3);font-variant-numeric:tabular-nums}@container (min-width: 820px){.notas{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--e-10);align-items:start}.notas-lado{position:sticky;top:0;flex-direction:column;align-items:flex-start;gap:var(--e-4);padding:64px 0 var(--e-4)}.notas-lado h1{font-size:clamp(30px,3vw,44px)}.notas-lado .deck-h{--w: 188px;margin-right:100px}.notas-lista{padding-top:40px}.notas-lista>.lista:first-child{margin-top:24px}.notas-lista .cara:first-child .cara-tit{margin-top:24px}}.login{min-height:100dvh;display:grid;place-items:center;padding:var(--e-4);background:radial-gradient(50% 40% at 25% 15%,color-mix(in oklab,var(--dyn) 22%,transparent),transparent 70%),var(--c-noche);overflow-y:auto}body:has(.login){overflow:auto}.login-caja{width:min(420px,100%);display:grid;gap:16px;padding:28px 24px 22px;background:var(--c-sup-1);border-radius:var(--r-l)}.login-caja .marca{padding:0 0 8px}.login.comprobando .marca-disco{animation-play-state:running}.login-caja h1{font:800 var(--t-h1)/1.05 var(--f-display);letter-spacing:-.025em}.login-sub{color:var(--c-texto-2);font-size:var(--t-peq);margin-top:-6px}.login-recordar{border-bottom:0;padding:4px 0}.login-error{color:var(--c-error);font-size:var(--t-peq);font-weight:600}.login-caja .btn-lleno{justify-content:center;height:48px}.login-caja .btn-lleno:disabled{opacity:.7;cursor:progress}.login-servidor{color:var(--c-texto-3);font-size:var(--t-mini);text-align:center}.arranque{min-height:100dvh;display:grid;place-items:center;text-align:center;padding:var(--e-4)}.arranque .marca-disco{width:48px;height:48px;margin:0 auto 16px;animation-play-state:running}.arranque p{color:var(--c-texto-2);max-width:40ch;margin:0 auto 16px}.cargando{padding:48px 0}.hoja-letra.sin-tiempo p{color:color-mix(in oklab,var(--c-texto) 80%,transparent);transform:none}@media(max-width:759px){.playbar:not(.con-cancion){display:none}.app:not(:has(.playbar.con-cancion)) .tabbar{border-radius:20px}}.login-volver{justify-self:center}.campo input.campo-codigo{font:700 24px/1 var(--f-ui);letter-spacing:.18em;text-align:center;font-variant-numeric:tabular-nums}.login-pasos{list-style:decimal;padding-left:20px;color:var(--c-texto-2);font-size:var(--t-peq);display:grid;gap:4px}.login-qr{justify-self:center;width:240px;height:240px;border-radius:var(--r-m);background:#fff;padding:8px}.login-secreto{color:var(--c-texto-3);font-size:var(--t-mini);text-align:center}.login-secreto code,.login-codigos code{font:600 14px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--c-texto);letter-spacing:.06em;-webkit-user-select:all;user-select:all}.login-codigos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.login-codigos li{padding:8px 10px;border-radius:var(--r-s);background:var(--c-sup-2);text-align:center}.login-caja .btn-tonal{justify-content:center}.seg-form{display:flex;gap:8px}.seg-codigo{width:120px;height:40px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--c-linea);background:var(--c-sup-1);color:var(--c-texto);font:600 16px var(--f-ui);letter-spacing:.12em;text-align:center;outline:none}.seg-codigo:focus{border-color:var(--c-acento)}.seg-sesiones{display:grid;gap:2px;width:100%}.seg-sesiones li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.seg-sesiones span{display:grid}.seg-sesiones small{color:var(--c-texto-3);font-size:var(--t-mini)}.ajuste>.chip-dato{display:inline-flex;flex:none;min-width:0}