/**
 * Bindy — estilo del menú móvil (lista alineada a la izquierda dentro del mmenu).
 */

/* Cerrar el hueco superior: mmenu reserva ~150px arriba (navbar tamaño 3)
   pero el logo sólo usa ~61px. Subimos el panel a la altura real del navbar. */
#menu.mm-menu .mm-panels {
  top: 62px !important;
}

/* Logo del panel CENTRADO en la banda navy (Benjamín 14-ago): el ancla
   .userimage que trae el tema mide ~218px y arranca en x=0 con padding
   cero, así que el logo quedaba pegado a la esquina. */
#menu .mm-navbar {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
#menu .mm-navbar a.userimage {
  width: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  float: none !important;
}

#menu .bindy-mmenu-list {
  list-style: none;
  margin: 0;
  padding: 6px 0;
}
#menu .bindy-mmenu-list li {
  margin: 0;
  display: block;
  width: 100%;
  float: none !important;
  list-style: none;
}
#menu .bindy-mmenu-list a {
  display: block !important;
  float: none !important;
  position: static !important;
  width: 100% !important;
  box-sizing: border-box;
  text-align: left !important;
  padding: 16px 22px !important;
  margin: 0 !important;
  color: #0b1640 !important;
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(8, 58, 132, .08) !important;
  border-radius: 0 !important;
}
#menu .bindy-mmenu-list a:hover,
#menu .bindy-mmenu-list a:focus {
  background: rgba(8, 58, 132, .05) !important;
}

/* Botones de cuenta (Publicar perfil / Iniciar-Cerrar sesión) resaltados */
#menu .bindy-mmenu-list .bindy-mmenu-acct a {
  color: #083A84 !important;
  font-weight: 700;
}
