/* Animación personalizada */
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Efecto de carga suave */
    #hero img {
        opacity: 0;
        animation: fadeInUp 1.5s ease-out forwards;
        animation-delay: 0.8s;
        will-change: opacity, transform;
    }