@keyframes progressLoad {
    0% { width: 0%; }
    100% { width: 100%; }
}

.animate-progress-load {
    animation: progressLoad 2.5s ease-in-out forwards;
}

/* Efecto hover en las cards */
.group:hover h3 {
    text-shadow: 0 0 8px rgba(157, 0, 230, 0.4);
}

.dark .group:hover h3 {
    text-shadow: 0 0 8px rgba(107, 242, 147, 0.4);
}