body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    scroll-behavior: smooth;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-btn-active {
    background-color: #8B5CF6; /* purple-500 */
    color: white !important;
}
.sidebar-btn-active:hover {
    background-color: #7C3AED !important; /* purple-600 */
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
}
.top-4 { top: 1rem; }

#searchInput::placeholder { color: #9ca3af; }
#searchInput + i { pointer-events: none; }

/* Suno Player Container */
.suno-player-container {
    position: relative;
    width: 100%;
    padding-bottom: 31.5%; 
    background-color: #e5e7eb;
    border-radius: 0.5rem;
}
.suno-player-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Controles de Siguiente/Anterior */
.control-btn {
    background: none;
    border: none;
    color: #4b5563;
    font-size: 1.25rem;
    cursor: pointer;
    transition: color 0.2s, transform 0.2s;
}
.control-btn:hover { 
    color: #8B5CF6;
    transform: scale(1.1);
}

/* Estilo para la tarjeta de la canción que está sonando */
.song-card-active {
    background-color: #EDE9FE !important; /* purple-100 */
    border: 1px solid #8B5CF6; /* purple-500 */
    transform: translateY(-2px);
}