.elementor-22 .elementor-element.elementor-element-94e575f{--display:flex;--min-height:80px;--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-22 .elementor-element.elementor-element-f816b44{width:var( --container-widget-width, 50px );max-width:50px;--container-widget-width:50px;--container-widget-flex-grow:0;}.elementor-22 .elementor-element.elementor-element-f816b44.elementor-element{--align-self:center;}.elementor-22 .elementor-element.elementor-element-f816b44 img{width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-5b1d588 */.menu-icon {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

/* Base de las 2 líneas */
.menu-icon .bar {
  width: 30px;
  height: 2px;
  background-color: #333;
  position: absolute;
  transition: all 0.4s ease-in-out;
}

/* ESTADO NORMAL: Cruz (+) */
/* Línea 1 horizontal, Línea 2 rotada 90 grados para ser vertical */
.menu-icon .bar:nth-child(1) {
  transform: rotate(0deg);
}
.menu-icon .bar:nth-child(2) {
  transform: rotate(90deg);
}

/* ESTADO HOVER: Dos líneas paralelas (=) */
/* La línea 1 sube, la línea 2 se pone horizontal y baja */
.menu-icon:hover:not(.active) .bar:nth-child(1) {
  transform: translateY(-6px) rotate(0deg);
}
.menu-icon:hover:not(.active) .bar:nth-child(2) {
  transform: translateY(6px) rotate(0deg);
}

/* ESTADO ACTIVE (Clic): Equis (X) */
/* Rotan a 45 y -45 grados respectivamente */
.menu-icon.active .bar:nth-child(1) {
  transform: rotate(45deg);
}
.menu-icon.active .bar:nth-child(2) {
  transform: rotate(-45deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94e575f */.elementor-22 .elementor-element.elementor-element-94e575f{
    backdrop-filter: blur(10px);
    background-color: #ffffffb3;
}/* End custom CSS */