body {
    background-color: #fdf2f8; /* Un color de fondo base similar */
}

.header-gradient {
    background-image: linear-gradient(to right, #9333ea, #db2777, #f97316);
}

.text-gradient {
    background-image: linear-gradient(to right, #9333ea, #db2777);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.card-artist {
    transition: all 0.3s ease;
    background-image: linear-gradient(to bottom right, #faf5ff, #fdf2f8);
}

.card-artist:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.15) !important;
}

.card-img-top {
    transition: transform 0.3s ease;
}

.card-artist:hover .card-img-top {
    transform: scale(1.05);
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/* Animaciones */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeIn 0.6s ease-out forwards;
}

.btn-filter.active {
    color: white;
    background-image: linear-gradient(to right, #9333ea, #db2777);
    transform: scale(1.05);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}