#nav {
    height: 72px;
  background: #0557BC;
  font-family: "Open Sans", sans-serif;

}
#logo-img {
  display: flex;
  height: 100%;
  background: #0557BC;
  padding: 0 32px;
  align-items: center;
  color: #0537BC;
  transition: 0.4s;
    overflow: visible;
}
#logo-img img {
  height: 35px;
  filter: brightness(200);
}
/* Asegura que el menú colapsado se superponga correctamente */
.custom-navbar-collapse {
  background-color: #212529;
  padding: 1rem;
  border-radius: 0.5rem;
  z-index: 1050;
}
/* En escritorio (≥ 992px), fondo transparente */
@media (min-width: 992px) {
  .custom-navbar-collapse {
    background-color: transparent;
    padding: 0;
  }
}