/* Optimizaciones para animaciones AOS */

/* Ajustes generales para dispositivos móviles */
@media (max-width: 767px) {
    [data-aos] {
        /* Reducir duración para una experiencia más fluida en móviles */
        transition-duration: 600ms !important;
    }
    
    /* Asegurar que las animaciones no afecten negativamente al scroll */
    html, body {
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
    
    /* Reducir los delays en cascada en móviles */
    [data-aos-delay="100"] { transition-delay: 50ms !important; }
    [data-aos-delay="200"] { transition-delay: 100ms !important; }
    [data-aos-delay="300"] { transition-delay: 150ms !important; }
    [data-aos-delay="400"] { transition-delay: 200ms !important; }
    [data-aos-delay="500"] { transition-delay: 250ms !important; }
    [data-aos-delay="600"] { transition-delay: 300ms !important; }
    [data-aos-delay="700"] { transition-delay: 350ms !important; }
    [data-aos-delay="800"] { transition-delay: 400ms !important; }
    [data-aos-delay="900"] { transition-delay: 450ms !important; }
    [data-aos-delay="1000"] { transition-delay: 500ms !important; }
}

/* Optimizar consumo de CPU para animaciones */
@media (max-width: 767px) {
    [data-aos^=fade][data-aos^=fade] {
        /* Usar transformaciones que consumen menos recursos */
        transform: translate3d(0, 0, 0);
    }
    
    /* Ajustar la distancia de animación para que sea menos agresiva en móviles */
    [data-aos="fade-up"] {
        transform: translate3d(0, 20px, 0); /* 20px en lugar de 40px */
    }
    
    [data-aos="fade-down"] {
        transform: translate3d(0, -20px, 0);
    }
    
    [data-aos="fade-right"] {
        transform: translate3d(-20px, 0, 0);
    }
    
    [data-aos="fade-left"] {
        transform: translate3d(20px, 0, 0);
    }
    
    /* Optimizar animaciones de zoom */
    [data-aos="zoom-in"] {
        transform: scale(0.9);
    }
}

/* Prevenir "jank" visual en scroll */
@media (max-width: 767px) {
    .certificate-item[data-aos],
    .project-card[data-aos],
    .experience-card[data-aos] {
        will-change: transform, opacity;
    }
}

/* Mejorar rendimiento para dispositivos con bajo rendimiento */
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
    [data-aos] {
        transition: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
}