#header {
  background-color: #2b4e84 !important;
  /* Azul oscuro */
  padding: 18px 0;
  width: 100%;

  position: fixed;
  /* Lo fija en la ventana gráfica */
  top: 0;
  /* Lo coloca en la parte superior */
  z-index: 1000;
  /* Asegura que esté por encima de todo */

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* Compensar el espacio del header fijo para que el contenido no se oculte */
/* #page-wrapper > .container-fluid,
#page-content-wrapper {
    margin-top: 80px !important; 
}
tal vez sea #page-wrapper */

.popover-region-toggle.nav-link i {
  font-size: 20px;
  vertical-align: middle;
  color: white;
}

.popover-region {
  display: inline-flex;
  align-items: center;
  margin-left: 15px;
}

/* Ajusta la imagen del usuario y oculta el nombre */
.usertext {
  display: none !important;
}

.userpicture {
  border-radius: 50%;
  border: 2px solid white;
  vertical-align: middle;

}

/* Alinea todo el menú de usuario */
.usermenu,
.menubar {
  display: flex;
  align-items: center;
}

.dropdown-toggle {
  color: white !important;
}

.dropdown-toggle:hover {
  opacity: 0.8;
}

/* Elimina márgenes extra */
.header-menubar .container,
.navbar-inner {
  padding: 0;
}

.header-main {
    display:none;
}

.navbar-light .navbar-brand {
    background-color: transparent;
}


[data-action="toggle-drawer"] {
    color: white;
    border: none;
    background: transparent;
    font-size: 2px;
}

[data-action="toggle-drawer"]:hover {
    opacity: 0.8;
}