/* ===============================================
   CORRECCIÓN DE FLECHA DE SCROLL
   Fuerza la dirección correcta hacia abajo
   =============================================== */

/* Forzar la dirección correcta de la flecha */
.scroll-arrow {
    transform: rotate(225deg) !important;
}

/* Corregir la animación bounce */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { 
        transform: translateX(-50%) rotate(225deg) translateY(0) !important; 
    }
    40% { 
        transform: translateX(-50%) rotate(225deg) translateY(-10px) !important; 
    }
    60% { 
        transform: translateX(-50%) rotate(225deg) translateY(-5px) !important; 
    }
}

/* Asegurar que la flecha apunte hacia abajo en todos los casos */
.scroll-indicator .scroll-arrow {
    transform: rotate(225deg) !important;
}

/* Responsive */
@media (max-width: 480px) {
    .scroll-arrow {
        transform: rotate(225deg) !important;
    }
}