/* =========================================
   cancion.css
   Vista de canción (hereda album.css / resenas.css).
   La portada y tipografía del título usan las mismas reglas que el álbum.
========================================== */

/* Enlaces a álbum / artista en cabecera */
.album-artista-enlace {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: inherit;
    max-width: 100%;
}

.album-artista-enlace:hover {
    opacity: 0.92;
}

.enlace-meta-album {
    color: inherit;
    text-decoration: none;
    font-weight: 600;
}

.enlace-meta-album:hover {
    color: var(--color-acento-purpura, #8a2be2);
}

/* Ocultamos el elemento nativo del reproductor de audio */
#audio-preview {
    display: none;
}

/* Me gusta activo — favorito guardado */
#btn-like-track.activo {
    color: var(--color-acento-purpura, #6138a8);
    background: rgba(var(--color-acento-purpura-rgb, 97, 56, 168), 0.14);
    border-color: rgba(var(--color-acento-purpura-rgb, 97, 56, 168), 0.45);
}

#btn-like-track.activo:hover {
    background: rgba(var(--color-acento-purpura-rgb, 97, 56, 168), 0.22);
    border-color: rgba(var(--color-acento-purpura-rgb, 97, 56, 168), 0.55);
}

#btn-like-track.activo svg {
    fill: none;
    color: var(--color-acento-purpura, #6138a8);
}

.modal-body-vacio-min {
    padding: 1.25rem 1rem 1.75rem;
    text-align: center;
    color: #888;
    font-size: 0.9rem;
}