.elementor-65 .elementor-element.elementor-element-4ef8f31{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-a9bb1a0 *//* =========================
   BASE
========================= */

body{
  overflow-x: hidden !important;
  font-family: 'Manrope', sans-serif !important;
}

/* =========================
   HERO TITLE FIX
========================= */

h1{
  font-weight: 400 !important;
  font-style: normal !important;
}

/* =========================
   ANIMACIONES PERSONALIZADAS
========================= */

@keyframes float{
  0%{
    transform: translateY(0px) rotate(0deg);
  }
  50%{
    transform: translateY(-20px) rotate(2deg);
  }
  100%{
    transform: translateY(0px) rotate(0deg);
  }
}

.animate-float{
  animation: float 6s ease-in-out infinite !important;
}

/* =========================
   PATRÓN FONDO COLLAGE
========================= */

.bg-collage-pattern{
  background-image: radial-gradient(#e5e7eb 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
}

/* =========================
   GLASS EFFECT
========================= */

.glass-effect{
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 8px !important;
}/* End custom CSS */