.elementor-4676 .elementor-element.elementor-element-56678dd{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-4676 .elementor-element.elementor-element-56678dd:not(.elementor-motion-effects-element-type-background), .elementor-4676 .elementor-element.elementor-element-56678dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9EF00;}body:not(.rtl) .elementor-4676 .elementor-element.elementor-element-56678dd{left:0px;}body.rtl .elementor-4676 .elementor-element.elementor-element-56678dd{right:0px;}.elementor-4676 .elementor-element.elementor-element-dcae83f > .elementor-widget-container{margin:0px 0px 0px 50px;padding:0px 0px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-dcae83f .elementor-heading-title{font-size:18px;color:var( --e-global-color-primary );}.elementor-4676 .elementor-element.elementor-element-dcae83f .elementor-heading-title a:hover, .elementor-4676 .elementor-element.elementor-element-dcae83f .elementor-heading-title a:focus{color:var( --e-global-color-primary );}.elementor-4676 .elementor-element.elementor-element-911cad6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 50px 0px 0px;}.elementor-4676 .elementor-element.elementor-element-911cad6 .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-56678dd */.header-glass {
  background-color: transparent;
  z-index: 100;
}

.header-glass::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);

  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.85) 20%,
    rgba(0, 0, 0, 0.5) 50%,
    rgba(0, 0, 0, 0.15) 80%,
    rgba(0, 0, 0, 0) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.85) 20%,
    rgba(0, 0, 0, 0.5) 50%,
    rgba(0, 0, 0, 0.15) 80%,
    rgba(0, 0, 0, 0) 100%
  );
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  pointer-events: none; /* Para que no bloquee clics */
  z-index: -1;
}/* End custom CSS */