#navbar {
  position: fixed;
  top: -100px; /* lo subimos para ocultarlo */
  left: 0;
  width: 100%;
  background: #063649; /* fondo con transparencia */
  transition: top 0.4s ease;
  z-index: 1000;
}

/* Contenedor principal del navbar */
.navbar-container {
  position: relative;
  width: 100%;
}

/* Barra blanca inferior */
.white-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px; /* Grosor de la barra */
  background-color: white;
}

/* Mostrar navbar */
#navbar.show {
  top: 0;
}

/* Siempre visible cuando pasas el mouse */
#navbar:hover {
  top: 0 !important;
}

/* Estilos de marca */
.brand-text {
  font-family: 'Montserrat Arabic', sans-serif;
  font-weight: 600;
  font-size: 1.45rem;
}

.navbar a.active {
  color: #fff;          /* color más brillante */
  font-weight: bold;    /* en negritas */
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.7); /* efecto de brillo */
}

.move-right {
  margin-left: 15%;
}

@media (max-width: 991px) {
  #navbar .navbar-collapse ul {
    margin-left: 20px; /* margen a la izquierda en móvil */
    text-align: left; /* alineamos texto a la izquierda */
  }
  
  /* Ajuste para móviles */
  .white-bar {
    height: 3px; /* Un poco más delgada en móviles */
  }
}