/* ====== NAVBAR RESPONSIVE FIJA ====== */

/* Barra fija siempre visible */
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: #9bacbc !important; /* azul */
  padding: 0.3rem 1rem;
}

/* Texto y enlaces en blanco */
.navbar-dark .navbar-nav .nav-link {
  color: #fff !important;
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: #ff00aa !important; /* hover fucsia */
}

/* Botón hamburguesa visible en móviles */
.navbar-toggler {
  display: block !important;
  background-color: #9bacbc; /* fondo azul */
  border: none;
}

/* Icono hamburguesa blanco */
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Menú colapsado visible con fondo azul */
.navbar-collapse {
  background-color: #9bacbc;
  width: 100%;
  padding: 0.5rem;
}

/* Ajustes responsive */
@media (max-width: 767.98px) {
  .navbar-nav {
    text-align: center;
  }
  .navbar-nav .nav-item {
    margin: 5px 0;
  }

/* 🔹 Oculta el botón hamburguesa en pantallas grandes */
@media (min-width: 992px) { 
  .navbar-toggler {
    display: none !important;
  }
}

/* 🔹 Asegura que se vea en móviles */
@media (max-width: 991.98px) { 
  .navbar-toggler {
    display: block !important;
  }
}





}