:root{--fondo:#0d0f13;--fondo-2:#141821;--fondo-3:#1b212c;--borde:#262d3a;--texto:#eef1f6;--texto-2:#9aa4b6;--acento:#f0a23c;--acento-2:#ff7a59;--verde:#4ade80;--radio:12px;--barra:92px;--lateral:248px;--seguro-abajo:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#raiz{height:100%}body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}h1,h2,h3{margin:0;line-height:1.2}.app{grid-template-columns:var(--lateral) 1fr;grid-template-rows:1fr auto;height:100dvh;display:grid}.lateral{background:var(--fondo-2);border-right:1px solid var(--borde);flex-direction:column;grid-row:1/2;gap:22px;padding:20px 14px;display:flex;overflow-y:auto}.principal{padding:24px 28px calc(24px + var(--barra));-webkit-overflow-scrolling:touch;grid-row:1/2;overflow-y:auto}.marca{letter-spacing:-.02em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.marca-punto{background:linear-gradient(140deg, var(--acento), var(--acento-2));border-radius:8px;width:26px;height:26px}.nav{flex-direction:column;gap:2px;display:flex}.nav a,.nav button{color:var(--texto-2);text-align:left;border-radius:9px;align-items:center;gap:11px;width:100%;padding:9px 12px;font-weight:500;display:flex}.nav a:hover,.nav button:hover,.nav a.activo{background:var(--fondo-3);color:var(--texto)}.nav-titulo{text-transform:uppercase;letter-spacing:.08em;color:var(--texto-2);padding:0 12px 6px;font-size:11px;font-weight:600}.cabecera{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px;display:flex}.buscador{flex:1;min-width:180px;max-width:520px;position:relative}.buscador input{background:var(--fondo-2);border:1px solid var(--borde);width:100%;color:var(--texto);border-radius:999px;outline:none;padding:11px 14px 11px 38px}.buscador input:focus{border-color:var(--acento)}.buscador svg{opacity:.5;position:absolute;top:11px;left:13px}.titulo-pagina{letter-spacing:-.02em;font-size:30px;font-weight:700}.subtitulo{color:var(--texto-2);margin-top:4px;font-size:13.5px}.seccion{margin-bottom:34px}.seccion>h2{margin-bottom:14px;font-size:19px}.rejilla{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px;display:grid}.tarjeta{background:var(--fondo-2);border-radius:var(--radio);border:1px solid #0000;padding:11px;transition:background .15s,border-color .15s;position:relative}.tarjeta:hover{background:var(--fondo-3);border-color:var(--borde)}.tarjeta .caratula{margin-bottom:10px}.tarjeta-titulo{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.tarjeta-sub{color:var(--texto-2);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12.5px;overflow:hidden}.caratula{aspect-ratio:1;object-fit:cover;background:linear-gradient(140deg, var(--fondo-3), var(--fondo-2));width:100%;color:var(--texto-2);border-radius:9px;justify-content:center;align-items:center;display:flex;overflow:hidden}.caratula.redonda{border-radius:50%}.tarjeta .jugar{background:var(--acento);color:#17120a;opacity:0;border-radius:50%;place-items:center;width:42px;height:42px;transition:opacity .15s,transform .15s;display:grid;position:absolute;top:50%;right:20px;transform:translateY(-28px);box-shadow:0 8px 20px #00000073}.tarjeta:hover .jugar,.tarjeta:focus-within .jugar{opacity:1;transform:translateY(-34px)}.tabla{width:100%}.fila{cursor:default;border-radius:9px;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.fila:hover{background:var(--fondo-2)}.fila.sonando .fila-titulo{color:var(--acento)}.fila-indice{color:var(--texto-2);text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.fila-datos{align-items:center;gap:11px;min-width:0;display:flex}.fila-datos .caratula{flex:none;width:40px;height:40px}.fila-texto{min-width:0;overflow:hidden}.fila-titulo{text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:500;display:block;overflow:hidden}.fila-sub{color:var(--texto-2);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.fila-derecha{color:var(--texto-2);align-items:center;gap:8px;font-size:13px;display:flex}.fila-acciones{opacity:0;gap:2px;display:flex}.fila:hover .fila-acciones,.fila:focus-within .fila-acciones{opacity:1}.icono-btn{width:32px;height:32px;color:var(--texto-2);border-radius:8px;place-items:center;display:grid}.icono-btn:hover{background:var(--fondo-3);color:var(--texto)}.icono-btn.activo{color:var(--acento)}.portada-cabecera{flex-wrap:wrap;align-items:flex-end;gap:22px;margin-bottom:26px;display:flex}.portada-cabecera .caratula{flex:none;width:186px;height:186px;box-shadow:0 16px 36px #00000080}.portada-datos{min-width:220px}.etiqueta{text-transform:uppercase;letter-spacing:.09em;color:var(--texto-2);font-size:11px;font-weight:600}.acciones{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 22px;display:flex}.boton{background:var(--fondo-3);border:1px solid var(--borde);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;display:inline-flex}.boton:hover{background:var(--borde)}.boton.primario{background:linear-gradient(140deg, var(--acento), var(--acento-2));color:#17120a;border-color:#0000}.boton.primario:hover{filter:brightness(1.08)}.reproductor{background:var(--fondo-2);border-top:1px solid var(--borde);padding:10px 18px calc(10px + var(--seguro-abajo));min-height:var(--barra);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;gap:16px;display:grid}.repro-cancion{align-items:center;gap:12px;min-width:0;display:flex}.repro-cancion .caratula{flex:none;width:54px;height:54px}.repro-centro{flex-direction:column;align-items:center;gap:6px;display:flex}.repro-botones{align-items:center;gap:6px;display:flex}.repro-play{background:var(--texto);width:42px;height:42px;color:var(--fondo);border-radius:50%;place-items:center;display:grid}.repro-play:hover{transform:scale(1.05)}.repro-tiempo{align-items:center;gap:10px;width:100%;max-width:560px;display:flex}.repro-tiempo span{color:var(--texto-2);font-variant-numeric:tabular-nums;text-align:center;min-width:38px;font-size:11.5px}.repro-derecha{justify-content:flex-end;align-items:center;gap:8px;display:flex}.progreso-movil{display:none}input[type=range]{appearance:none;background:var(--borde);cursor:pointer;border-radius:3px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--texto);border:0;border-radius:50%;width:13px;height:13px}input[type=range]::-moz-range-thumb{background:var(--texto);border:0;border-radius:50%;width:13px;height:13px}.volumen{width:92px}.espectro{pointer-events:none;width:100%;display:block}.repro-cancion .espectro{flex:0 150px;min-width:70px}@media (width<=1100px){.repro-cancion .espectro{display:none}}.repro-caratula{border-radius:9px;flex:none;line-height:0;position:relative}.repro-caratula .caratula{width:54px;height:54px}.repro-lupa{color:var(--texto);opacity:0;background:#00000080;border-radius:9px;place-items:center;font-size:17px;transition:opacity .15s;display:grid;position:absolute;inset:0}.repro-caratula:hover .repro-lupa,.repro-caratula:focus-visible .repro-lupa{opacity:1}.fiesta{z-index:80;background:var(--fondo);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}.fiesta-fondo{object-fit:cover;filter:blur(80px)saturate(1.5)brightness(.45);width:120%;height:120%;position:absolute;inset:-10%;transform:scale(1.1)}.fiesta-cerrar{z-index:2;position:absolute;top:18px;right:18px}.fiesta-centro{z-index:1;flex-direction:column;align-items:center;gap:18px;width:min(760px,100%);display:flex;position:relative}.fiesta-caratula{width:220px;height:220px;box-shadow:0 24px 60px #0009}.fiesta-datos{text-align:center}.fiesta-datos h1{letter-spacing:-.02em;font-size:30px}.fiesta-datos p{color:var(--texto-2);margin:6px 0 0}.fiesta .espectro{width:100%}.fiesta-tiempo{align-items:center;gap:12px;width:100%;display:flex}.fiesta-tiempo span{color:var(--texto-2);font-variant-numeric:tabular-nums;text-align:center;min-width:42px;font-size:12px}.fiesta-progreso{background:var(--borde);border-radius:3px;flex:1;height:4px;overflow:hidden}.fiesta-progreso>div{background:var(--acento);height:100%}.fiesta-botones{align-items:center;gap:18px;display:flex}.fiesta-play{width:62px;height:62px}.panel{top:0;right:0;bottom:var(--barra);background:var(--fondo-2);border-left:1px solid var(--borde);z-index:40;width:min(360px,100%);padding:20px 16px;position:fixed;overflow-y:auto;box-shadow:-18px 0 40px #0006}.panel-cabecera{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.velo{z-index:60;background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialogo{background:var(--fondo-2);border:1px solid var(--borde);border-radius:16px;width:min(420px,100%);max-height:80vh;padding:22px;overflow-y:auto}.dialogo h3{margin-bottom:14px}.campo{background:var(--fondo);border:1px solid var(--borde);width:100%;color:var(--texto);border-radius:9px;outline:none;margin-bottom:12px;padding:11px 13px}.campo:focus{border-color:var(--acento)}.vacio{color:var(--texto-2);text-align:center;padding:40px 0}.cargando{color:var(--texto-2);padding:30px 0}.error{color:var(--acento-2)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--fondo-2);border:1px solid var(--borde);border-radius:999px;padding:7px 14px;font-size:13px}.chip.activo{background:var(--acento);color:#17120a;border-color:#0000}.entrar{background:radial-gradient(1000px 500px at 50% -10%,#f0a23c29,#0000 70%);place-items:center;min-height:100dvh;padding:22px;display:grid}.entrar form{background:var(--fondo-2);border:1px solid var(--borde);border-radius:18px;width:min(360px,100%);padding:28px}.nav-movil{display:none}@media (width<=860px){.app{grid-template-columns:1fr}.lateral{display:none}.principal{padding:18px 16px calc(150px + var(--seguro-abajo))}.titulo-pagina{font-size:24px}.reproductor{left:0;right:0;bottom:calc(58px + var(--seguro-abajo));border-top:1px solid var(--borde);grid-template-columns:1fr auto;gap:10px;min-height:64px;padding:8px 12px;position:fixed}.repro-centro{flex-direction:row;gap:4px}.repro-tiempo,.repro-derecha{display:none}.repro-cancion .caratula{width:44px;height:44px}.progreso-movil{background:var(--borde);height:2px;display:block;position:absolute;top:-1px;left:0;right:0}.progreso-movil>div{background:var(--acento);height:100%}.nav-movil{z-index:30;background:var(--fondo-2);border-top:1px solid var(--borde);padding-bottom:var(--seguro-abajo);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-movil a{color:var(--texto-2);flex-direction:column;align-items:center;gap:3px;padding:9px 0;font-size:10.5px;display:flex}.nav-movil a.activo{color:var(--acento)}.repro-cancion .espectro{display:none}.repro-caratula .caratula{width:44px;height:44px}.fiesta{padding:16px}.fiesta-caratula{width:170px;height:170px}.fiesta-datos h1{font-size:22px}.portada-cabecera .caratula{width:140px;height:140px}.rejilla{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:14px}.fila{grid-template-columns:1fr auto}.fila-indice{display:none}.fila-acciones{opacity:1}.panel{width:100%;bottom:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}