.elementor-594 .elementor-element.elementor-element-397f3e6{--display:flex;}.elementor-594 .elementor-element.elementor-element-397f3e6:not(.elementor-motion-effects-element-type-background), .elementor-594 .elementor-element.elementor-element-397f3e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for container, class: .elementor-element-397f3e6 */.menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  z-index: 1001;
  padding: 4px;
  /* Anula el cuadro azul táctil y de selección en todos los navegadores */
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  user-select: none !important;
  outline: none !important;
}

/* Evita que navegadores apliquen estilos al mantener presionado */
.menu-toggle:focus, 
.menu-toggle:active {
  outline: none !important;
  background: transparent !important;
}

.menu-toggle span {
  width: 22px;
  height: 1.5px;
  background: var(--accent);
  transition: all .3s;
}/* End custom CSS */