/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/Components/HeroBanner/HeroBanner1.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
/* Animaciones para HeroBanner - Shapes dinámicos */

@keyframes HeroBanner1_float__SmGkT {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg); 
        opacity: 0.6;
    }
    50% { 
        transform: translateY(-20px) rotate(5deg); 
        opacity: 0.9;
    }
}

@keyframes HeroBanner1_pulse__Rh4by {
    0%, 100% { 
        transform: scale(1); 
        opacity: 0.4; 
    }
    50% { 
        transform: scale(1.15); 
        opacity: 0.8; 
    }
}

@keyframes HeroBanner1_breathe__9WESF {
    0%, 100% { 
        transform: translateY(-50%) scale(1); 
        opacity: 0.5; 
    }
    50% { 
        transform: translateY(-50%) scale(1.08); 
        opacity: 0.8; 
    }
}

@keyframes HeroBanner1_cardFloat__Jc53o {
    0%, 100% { 
        transform: translateY(0px) rotateX(0deg); 
        box-shadow: 0 25px 70px rgba(20, 104, 177, 0.25), inset 0 1px 0 rgba(255,255,255,0.3);
    }
    50% { 
        transform: translateY(-8px) rotateX(1deg); 
        box-shadow: 0 35px 90px rgba(20, 104, 177, 0.35), inset 0 1px 0 rgba(255,255,255,0.4);
    }
}

/* Efectos adicionales para dar más vida */
@keyframes HeroBanner1_shimmer__TA_LX {
    0% { 
        background-position: -200% 0; 
    }
    100% { 
        background-position: 200% 0; 
    }
}

/* Responsivo para móviles */
@media (max-width: 768px) {
    @keyframes HeroBanner1_float__SmGkT {
        0%, 100% { transform: translateY(0px) rotate(0deg); }
        50% { transform: translateY(-10px) rotate(2deg); }
    }
    
    @keyframes HeroBanner1_cardFloat__Jc53o {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-5px); }
    }
}