/* El zoom conserva la imagen completa y sus colores. */
.album-tile{position:relative;min-width:0}
.album-tile[hidden]{display:none!important}
.album-tile .album-card{width:100%}

.cover-viewer-close:focus-visible{outline:3px solid #854b58;outline-offset:4px}
@media(min-width:761px) and (hover:hover) and (pointer:fine){
 .album-tile:hover,.album-tile:focus-within{z-index:6}
 .album-tile:hover .cover,.album-tile:focus-within .cover{transform:scale(1.35);transform-origin:var(--cover-origin,center);box-shadow:0 16px 40px #42233544}
 .album-tile .cover img{transform:none!important}
}
.cover-viewer{box-sizing:border-box;width:min(840px,calc(100vw - 24px));max-height:94dvh;padding:64px 22px 20px;text-align:center;background:#fffaf6}
.cover-viewer h2{font-size:clamp(20px,3vw,28px);line-height:1.25;margin:0 0 14px}
.cover-viewer-image{display:block;width:100%;height:auto;max-height:65dvh;object-fit:contain;filter:none;border-radius:4px}
.cover-viewer-artist{margin:14px 0 0;color:#796065}
.cover-viewer-close{position:absolute;right:12px;top:10px;min-height:44px;padding:9px 17px;border-radius:24px;background:#763b47;color:white;font-size:16px;display:flex;gap:12px;align-items:center}
.cover-viewer-close span{font-size:24px;line-height:1}
@media(max-width:760px){.cover-viewer{padding:64px 12px 18px}.cover-viewer-image{max-height:65dvh}}
@media(prefers-reduced-motion:reduce){.album-tile .cover{transition:none}}

/* Ningún círculo de reproducción tapa las carátulas. */
.album-card .cover-play{display:none!important}
.faq-section{margin:48px 0;padding:28px;background:#fffaf6;border:1px solid #ddcabe;border-radius:14px}
.faq-section h2{color:#763b47;font-size:clamp(27px,3vw,36px);margin-bottom:12px}
.faq-section>p{color:#796065;margin-bottom:22px}
.faq-item{border-top:1px solid #ddcabe;padding:4px 0}
.faq-item summary{cursor:pointer;padding:17px 4px;min-height:48px;font-size:18px;font-weight:600;line-height:1.4;color:#633b46}
.faq-item p{padding:0 4px 18px;line-height:1.7;white-space:pre-line}
.faq-item[hidden],.faq-section[hidden]{display:none!important}
@media(max-width:760px){.faq-section{padding:20px 16px}.faq-item summary{font-size:17px}}