:root{--bg:#f7f7fa;--surface:#fff;--ink:#15172b;--muted:#5b5f77;--line:#dcdee8;--accent:#2b39d9;--accent-ink:#fff;--sticker:#ff5a36;--sticker-ink:#1a0c08;--vinyl:#121318;--groove:#24262e;--shade:#15172b29}@media (prefers-color-scheme:dark){:root{--bg:#22253a;--surface:#2c3049;--ink:#ecedf5;--muted:#9da1ba;--line:#3b4060;--accent:#8a94ff;--accent-ink:#15172b;--sticker:#ff7452;--sticker-ink:#1a0c08;--vinyl:#050507;--groove:#1a1b22;--shade:#00000073;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%}a{color:inherit}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:1180px;padding:28px max(16px, env(safe-area-inset-right)) 72px max(16px, env(safe-area-inset-left));margin:0 auto}.label{font:500 11px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.top{border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;padding-bottom:22px;display:flex}.brand{align-items:center;gap:18px;min-width:0;text-decoration:none;display:flex}.brand svg{flex:none;width:64px;height:64px}.brand .giro{transform-box:view-box;transform-origin:50%;animation:6s linear infinite giro}.brand h1,.brand .nombre{font:900 clamp(40px, 8vw, 84px)/.9 var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin:0}.brand p{color:var(--muted);max-width:46ch;margin:8px 0 0}.top.mini{align-items:center;padding-bottom:14px}.top.mini svg{width:36px;height:36px}.top.mini .nombre{font-size:26px}.stats{font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.stats div{gap:2px;display:grid}.stats b{font:700 26px/1 var(--font-display)}.stats span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.btn{border:1.5px solid var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--ink);color:var(--bg)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{border-color:var(--line)}.bar{flex-wrap:wrap;align-items:center;gap:12px;padding:18px 0 26px;display:flex}.search{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;flex:220px;align-items:center;gap:8px;min-width:0;padding:8px 16px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;min-width:0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1.5px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:13px}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.sort{-webkit-appearance:none;appearance:none;cursor:pointer;border:1.5px solid var(--line);background:linear-gradient(45deg, transparent 50%, var(--ink) 50%) right 22px center / 6px 6px no-repeat, linear-gradient(135deg, var(--ink) 50%, transparent 50%) right 16px center / 6px 6px no-repeat, var(--surface);border-radius:999px;padding:8px 40px 8px 16px}.grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:34px 26px;display:grid}.card{min-width:0;animation:.55s cubic-bezier(.2,.8,.2,1) both sube;animation-delay:calc(var(--i,0) * 45ms);align-content:start;gap:12px;text-decoration:none;display:grid}@keyframes sube{0%{opacity:.35;transform:translateY(14px)}}.meta{gap:2px;min-width:0;display:grid}.meta h2{font:700 16px/1.2 var(--font-display);overflow-wrap:anywhere;margin:2px 0 0}.meta .artista{margin:0;font-weight:600}.meta .sub{color:var(--muted);margin:0;font-size:13px}.vacio{border:2px dashed var(--line);text-align:center;color:var(--muted);padding:48px 24px}.rec{aspect-ratio:1/.86;width:100%;position:relative}.rec .vinilo{aspect-ratio:1;width:80%;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;top:3%;left:8%}.rec .funda{aspect-ratio:1;background:var(--line);width:86%;box-shadow:0 10px 24px -10px var(--shade), 0 2px 4px var(--shade);position:absolute;top:0;left:0;overflow:hidden}.rec .funda img,.rec .funda .ph{object-fit:cover;width:100%;height:100%;display:block}.rec .ph{font:900 36px/1 var(--font-display);color:#fff;text-transform:uppercase;place-items:center;display:grid}.disco{background:radial-gradient(circle, var(--bg) 0 2.2%, transparent 2.4%), radial-gradient(circle, transparent 0 17%, var(--vinyl) 17.4% 19%, transparent 19.4%), conic-gradient(var(--galleta-a) 0 50%, var(--galleta-b) 50% 100%) center / 34% 34% no-repeat, conic-gradient(from 20deg, transparent 0 8%, #ffffff21 11%, transparent 16% 52%, #ffffff17 58%, transparent 64%), repeating-radial-gradient(circle, var(--vinyl) 0 1.5px, var(--groove) 1.5px 3px);border-radius:50%;width:100%;height:100%;animation:1.8s linear infinite paused giro;-webkit-mask:radial-gradient(circle,#000 70.5%,#0000 71%);mask:radial-gradient(circle,#000 70.5%,#0000 71%)}@keyframes giro{to{transform:rotate(360deg)}}.card:hover .vinilo,.card:focus-visible .vinilo{transform:translate(26%)}.card:hover .disco,.card:focus-visible .disco{animation-play-state:running}.pegatina{background:var(--sticker);width:54px;height:54px;color:var(--sticker-ink);font:700 15px/1 var(--font-display);font-variant-numeric:tabular-nums;box-shadow:0 3px 8px var(--shade);border-radius:50%;place-items:center;display:grid;position:absolute;top:-10px;left:calc(86% - 46px);transform:rotate(-8deg)}.ejemplo{background:var(--surface);color:var(--ink);font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 7px;position:absolute;bottom:calc(14% + 8px);left:8px}.rec.grande{aspect-ratio:1/.78}.rec.grande .funda{width:78%}.rec.grande .vinilo{width:74%;left:4%;transform:translate(34%)}.rec.grande .disco{animation-play-state:running}.rec.grande .pegatina{width:82px;height:82px;font-size:22px;top:-14px;left:calc(78% - 62px)}.ficha{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:clamp(24px,5vw,56px);padding-top:32px;display:grid}.info{gap:16px;min-width:0;display:grid}.facts{flex-wrap:wrap;gap:6px 18px;display:flex}.info h1{font:900 clamp(30px, 5vw, 52px)/1 var(--font-display);letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere;margin:0}.info .por{margin:0;font-size:20px;font-weight:600}.nota{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;display:flex}.nota b{font:900 64px/.9 var(--font-display);color:var(--sticker)}.nota span{font:500 14px var(--font-mono);color:var(--muted)}.medidor{background:var(--line);height:6px;position:relative}.medidor i{background:var(--sticker);position:absolute;inset:0 auto 0 0}.resena{max-width:62ch;font-size:17.5px;line-height:1.7}.resena p{margin:0 0 1em}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{font:500 11px/1 var(--font-mono);border:1px solid var(--line);color:var(--muted);padding:6px 8px}.grupo{gap:8px;display:grid}.fila{flex-wrap:wrap;gap:8px;display:flex}.canciones{counter-reset:c;border-top:1px solid var(--line);margin:0;padding-left:0;list-style:none}.canciones li{counter-increment:c;border-bottom:1px solid var(--line);grid-template-columns:2.4em minmax(0,1fr) auto;gap:8px;padding:8px 0;display:grid}.canciones li:before{content:counter(c, decimal-leading-zero);font:500 12px/1.9 var(--font-mono);color:var(--muted)}.canciones span{font:500 12px/1.9 var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums}.aviso{color:var(--muted);min-height:1.4em;margin:0;font-size:14px}@media (width<=720px){.ficha{grid-template-columns:minmax(0,1fr)}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:28px 16px}.stats{gap:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}