/*
 * PYMESPRESS CMS — FASE5A143
 * Centrado real del botón de menú público.
 * Mantiene el botón oculto en escritorio y visible solo según app.css.
 */

.mobile-menu-toggle {
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  padding: 0 !important;
  line-height: 0 !important;
  vertical-align: middle !important;
  gap: 5px !important;
}

.mobile-menu-toggle > span {
  display: block !important;
  flex: 0 0 2.5px !important;
  width: 22px !important;
  height: 2.5px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: #334155 !important;
  transform-origin: center !important;
}

/* Compatibilidad con botones Bootstrap que puedan incorporarse después. */
.navbar-toggler {
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.navbar-toggler .navbar-toggler-icon {
  width: 22px !important;
  height: 18px !important;
  margin: 0 !important;
  background-position: center !important;
  background-size: 22px 18px !important;
}