.elementor-6 .elementor-element.elementor-element-1e5bf11{--display:flex;--min-height:80vh;--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;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-106px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-fcc874c */.hero {
  position: relative;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #fff; /* color base */
}

.hero-title {
  position: relative;
  z-index: 2;
  color: white;
  font-size: 4rem;
  opacity: 0;
  transform: translateY(40px);
}

.hero-bg {
  position: absolute;
  inset:100px 0px 0px 0px;
  z-index: 1;
  background: linear-gradient(120deg, #00f5ff, #ff00c8, #00f5ff);
  background-size: 200% 200%;
  opacity: 0.2; /* sutil detrás del texto */
  filter: blur(60px);
}/* End custom CSS */