/* 
 * ANIMACIONES - Utilizando Animate.css (https://animate.style/)
 * Este archivo contiene solo utilidades de animación personalizadas que complementan Animate.css
 */

/* Configuración de duración personalizada para animaciones */
.animate__animated {
    --animate-duration: 0.8s;
}

/* Duración rápida */
.animate__fast {
    --animate-duration: 0.4s;
}

/* Duración lenta */
.animate__slow {
    --animate-duration: 1.2s;
}

/* Delay personalizado para cascada */
.delay-1 {
    animation-delay: 0.1s;
}

.delay-2 {
    animation-delay: 0.2s;
}

.delay-3 {
    animation-delay: 0.3s;
}

.delay-4 {
    animation-delay: 0.4s;
}

.delay-5 {
    animation-delay: 0.5s;
}

/* Hover effect para cards */
.service-card,
.service-card-static,
.project-card,
.testimonial-card,
.stat-card,
.process-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover,
.service-card-static:hover,
.project-card:hover,
.testimonial-card:hover,
.stat-card:hover,
.process-item:hover {
    transform: translateY(-5px);
}

/* Scrollbar personalizado para testimonios */
.testimonial-card p::-webkit-scrollbar {
    width: 6px;
}

.testimonial-card p::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.testimonial-card p::-webkit-scrollbar-thumb {
    background: var(--color-secondary);
    border-radius: 10px;
    transition: background-color var(--transition-base);
}

.testimonial-card p::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary);
}