/* Fix menu movil Avada: la regla generada .awb-menu__m-collapse-icon-open{opacity:1}
   no esta limitada al estado abierto, asi que la X se veia siempre en lugar del icono ☰ */
/* CERRADO: se ve la hamburguesa (open = fa-bars). ABIERTO: se ve la X (close = fa-times) */
.awb-menu__m-collapse-icon-open{ opacity:1 !important; }
.awb-menu__m-collapse-icon-close{ opacity:0 !important; }
.awb-menu__m-toggle[aria-expanded="true"] .awb-menu__m-collapse-icon-open{ opacity:0 !important; }
.awb-menu__m-toggle[aria-expanded="true"] .awb-menu__m-collapse-icon-close{ opacity:1 !important; }

/* Fix ancho de columnas del header en movil: logo+menu+buscador se apilaban en 3 filas. Apunta a .fusion-tb-header (la clase ci-header-wrap se quito del header) */
@media (max-width: 800px){
  .fusion-tb-header .fusion-builder-row{ flex-direction: row !important; flex-wrap: nowrap !important; align-items:center !important; width:100% !important; max-width:100% !important; }

  .fusion-tb-header .fusion-builder-column-0{ flex:1 1 auto !important; max-width:none !important; width:auto !important; margin:0 !important; padding:0 8px !important; min-width:0 !important; }

  .fusion-tb-header .fusion-builder-column-1{ flex:0 1 auto !important; max-width:none !important; width:auto !important; min-width:44px !important; margin:0 !important; padding:0 !important; overflow:visible !important; }

  .fusion-tb-header .fusion-builder-column-2{ flex:0 0 auto !important; max-width:none !important; width:auto !important; margin:0 !important; padding:0 8px 0 0 !important; }
}

/* El submenu del menu principal tenia z-index:-10 y quedaba por detras de la imagen de cabecera */
.fusion-tb-header .awb-menu__sub-ul,
.fusion-tb-header .awb-menu__sub-ul_main{ z-index: 9999 !important; }
.fusion-tb-header{ position: relative; z-index: 9000; }
