/* ============================================================
   Lanzamientos Spotify — Marquee Shortcode
   ============================================================ */

.lsm-outer {
    overflow: hidden;
    width: 100%;
    /* Permite que el marquee toque los bordes sin padding lateral */
}

.lsm-track {
    display: flex;
    gap: 16px;
    width: max-content;
    will-change: transform;
    animation: lsm-scroll var(--lsm-duration, 40s) linear infinite;
}
.lsm-track:hover { animation-play-state: paused; }

@keyframes lsm-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(var(--lsm-shift)); }
}

/* Tarjeta */
.lsm-card {
    display: flex;
    flex-direction: column;
    width: 260px;
    flex-shrink: 0;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}
.lsm-card img {
    width: 260px;
    height: 260px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}
.lsm-title {
    display: block;
    margin-top: 8px;
    font-size: 0.88rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lsm-artist {
    display: block;
    margin-top: 2px;
    font-size: 0.78rem;
    color: rgba(255,255,255,0.45);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}