/* Animaciones Generales para Marketing Digital */
    /* Animación de Revelado del Título */
    @keyframes reveal {
        0% { transform: translateY(100%); }
        100% { transform: translateY(0); }
    }

    .animate-reveal {
        animation: reveal 1.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
    }

    .animate-reveal-delayed {
        transform: translateY(100%);
        animation: reveal 1.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
        animation-delay: 0.3s;
    }

    /* Flotación para el video */
    @keyframes float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-20px); }
    }
    .animate-float {
        animation: float 6s ease-in-out infinite;
    }

    /* Pulso suave para el fondo azul y el badge */
    @keyframes subtle-pulse {
        0%, 100% { transform: scale(1); }
        50% { transform: scale(1.03); }
    }
    .animate-subtle-pulse {
        animation: subtle-pulse 3s ease-in-out infinite;
    }

    .animate-pulse-slow {
        animation: subtle-pulse 8s ease-in-out infinite;
    }

/* Estilos adicionales para marketing digital seccion 4 */

    @keyframes bounce-slow {
        0%, 100% { transform: translateY(-40px); }
        50% { transform: translateY(-20px); }
    }
    .animate-bounce-slow {
        animation: bounce-slow 4s ease-in-out infinite;
    }

    /*estilos seccion 3 marketing digital*/

    /* Flotación suave para la primera tarjeta */
    @keyframes float-slow {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-15px); }
    }
    .animate-float-slow {
        animation: float-slow 4s ease-in-out infinite;
    }

    /* Flotación para la segunda tarjeta (con desfase) */
    @keyframes float-delayed {
        0%, 100% { transform: translateY(40px); } /* 40px es el translate-y-10 original */
        50% { transform: translateY(20px); }
    }
    .animate-float-delayed {
        animation: float-delayed 5s ease-in-out infinite;
    }