/* Landing: discografía · estantería de lomos tipográficos (sin portadas) */
.shelf-wrap{margin-top:22px}
.shelf{margin-top:18px;display:flex;align-items:flex-end;gap:6px;overflow-x:auto;padding:26px 6px 0;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--gold-deep) transparent}
.spine{flex:none;scroll-snap-align:center;width:52px;height:var(--h,250px);border-radius:6px 6px 2px 2px;border:1px solid rgba(212,175,55,.3);cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 0 10px;background:linear-gradient(90deg,rgba(0,0,0,.35),transparent 30%,transparent 70%,rgba(0,0,0,.35)),var(--bg,#15130d);color:var(--fg,var(--gold-bright));font:inherit;transition:transform .45s var(--eout),box-shadow .45s,border-color .3s}
.spine[data-era="motown"]{--bg:#1b1710;--fg:#d9c48a}
.spine[data-era="epic"]{--bg:linear-gradient(180deg,#2a220f,#14110a);--fg:var(--gold-bright)}
.spine[data-era="postumo"]{--bg:#ece7da;--fg:#1a1408;border-color:#ece7da}
.spine .st{writing-mode:vertical-rl;transform:rotate(180deg);font-family:"Bebas Neue";font-size:1.22rem;letter-spacing:.06em;line-height:1;max-height:calc(var(--h,250px) - 70px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spine .sy{font-family:'Oswald';font-size:.66rem;letter-spacing:.08em;opacity:.8}
.spine .sc{width:18px;height:2px;background:currentColor;opacity:.5}
.spine:hover{border-color:var(--gold-bright)}
.spine[aria-pressed="true"]{transform:translateY(-20px);box-shadow:0 18px 30px rgba(0,0,0,.6),0 0 0 1px var(--gold-bright)}
.spine[hidden]{display:none}
.shelf-base{height:10px;border-radius:2px;background:linear-gradient(180deg,#3a2f14,#0f0c06);box-shadow:0 10px 24px rgba(0,0,0,.6);margin:0 0 0}
.sh-ficha{margin-top:20px;background:var(--panel);border:1px solid var(--line2);border-radius:16px;padding:20px 22px;min-height:150px}
.sh-ficha .k{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.sh-ficha h3{margin:4px 0 12px;font-size:clamp(1.5rem,3vw,2rem);color:#fff}
.sh-ficha dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px 18px}
.sh-ficha dt{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.sh-ficha dd{font-family:'Bebas Neue';font-size:1.45rem;color:var(--gold-bright);letter-spacing:.02em}
.sh-ficha dd small{display:block;font-family:'Oswald';font-weight:300;font-size:.7rem;letter-spacing:.02em;color:var(--muted)}
@media(max-width:600px){.spine{width:50px}.spine .st{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){.spine{transition:none}.spine[aria-pressed="true"]{transform:none}}