#main-header .container	{
		width: 99%;
	}
	
@media (max-width: 980px) {
	  .mobile_nav {
    position: relative;
  }

  .mobile-menu-bar-bg {
    position: absolute;
	  bottom:0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 80px;
    background-color: var(--gcid-primary-color); /* tu color */
    z-index: 0;
	  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  }

  /* Asegurar que el toggle y el botón queden por encima del bg */
  .mobile_menu_bar_toggle,
  .mobile-contact-btn {
    position: relative;
    z-index: 1;
  }
	
  .mobile-contact-btn {
    display: inline-block;
    background-color: var(--gcid-primary-color); /* tu color */
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 14px;
    text-decoration: none;
    margin-bottom: 10px;
  }

  /* Ocultar el item original dentro del menú desplegable */
  ul.et_mobile_menu .contact-btn {
    display: none;
  }
  /* --- Logo centrado --- */
  #main-header .et_menu_container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #main-header .logo_container {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    position: static;
  }

  /* --- Nav mobile debajo del logo --- */
  #et-top-navigation {
    width: 100% !important;
    padding-left: 0 !important;
    text-align: center;
  }

  #et_mobile_nav_menu {
    width: 100%;
  }

  .mobile_nav .mobile_menu_bar {
    display: block;
    margin: 0 auto;
	  padding-top:24px;
  }
	.mobile_nav .mobile_menu_bar:before{
    color: var(--gcid-c62d56ecnn);
	}

  /* --- Items del menú centrados --- */
  ul.et_mobile_menu,
  ul.et_mobile_menu li {
    text-align: center;
  }

  ul.et_mobile_menu li a {
    justify-content: center;
  }

  /* --- Submenú colapsable: ocultar por defecto --- */
  ul.et_mobile_menu .menu-item-has-children > .sub-menu {
    display: none;
    overflow: hidden;
  }

  ul.et_mobile_menu .menu-item-has-children > .sub-menu.open {
    display: block;
  }

  /* --- Toggle arrow indicator --- */
  ul.et_mobile_menu .menu-item-has-children > a::after {
    content: ' ▾';
    font-size: 12px;
    opacity: 0.6;
  }

  ul.et_mobile_menu .menu-item-has-children.open > a::after {
    content: ' ▴';
  }
	
	  /* Necesario para que el absolute del ul se ancle al header */
  #main-header {
    position: relative;
  }

  ul.et_mobile_menu {
    position: absolute;
    left: 0;
    right: 0;
    width: 100vw;
    margin-left: calc(-50vw + 50%); /* fallback por si acaso */
    box-sizing: border-box;
  }
}