/* Lanzamientos: preview de Spotify bajo demanda, iconos por app y presaves de DistroKid. */
.release-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.release:last-child{display:block}
.release-media{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;margin-bottom:12px;background:#0a0d15}
.release-media .cover{margin:0;height:100%}
.cover-img{display:block;width:100%;height:100%;object-fit:cover}
.cover-soon{background:radial-gradient(circle at 72% 25%,#ff6b9b,#783e83 32%,#172334 71%)}
.cover-soon{display:grid;place-content:center;text-align:center;gap:6px}
.cover-soon span{position:relative;z-index:1;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#c9fffa}
.release-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.play-preview{position:absolute;right:10px;bottom:10px;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;
  background:var(--cyan);color:#071110;font-size:17px;display:grid;place-items:center;box-shadow:0 8px 24px #0009;transition:transform .2s}
.play-preview:hover,.play-preview:focus-visible{transform:scale(1.08)}
.play-preview:focus-visible,.app-link:focus-visible{outline:2px solid #fff;outline-offset:3px}
.release-meta{margin:3px 0 0;font-size:11px;color:var(--muted)}
.app-links{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
.app-link{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#c7cbd6;transition:.2s}
.app-link svg{width:14px;height:14px}
.app-link:hover{color:#fff;border-color:var(--cyan);background:#ffffff10}
.upcoming{justify-content:start;gap:0}
.upcoming .release-media{margin-bottom:16px;position:relative;z-index:1}
.upcoming .countdown{margin:6px 0 0;color:var(--cyan);font-weight:700;font-size:12px}
.upcoming .presave{position:relative;z-index:1;margin-top:14px;align-self:start}
.upcoming.is-out .presave{background:transparent;color:var(--ink)}
@media (max-width:760px){.release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-link{width:34px;height:34px}}
.upcoming .presave-note{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
.upcoming.is-out .presave-note{display:none}
