/* Navbar transparente por defecto en todas las páginas */
.navbar-theme {
  background-color:#fff !important;
  transition: all 0.3s ease-in-out;
  backdrop-filter: none;
  position:sticky !important;
}
 
/* Navbar con fondo negro al hacer scroll - ESTA ES LA CLAVE */
.navbar-theme.scrolled,
.navbar-theme[data-navbar-on-scroll="data-navbar-on-scroll"].scrolled {
  background-color:#f7f8f9 !important;
  backdrop-filter: blur(10px);   
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Asegurar que los links sean visibles en ambos estados */
.navbar-theme .navbar-nav .nav-link {
  color:#000 !important;
  transition: color 0.3s ease; 
}  

.navbar-theme .navbar-nav .nav-link:hover {
  color: #007bff !important; 
}
.navbar-brand img{
    height:40px;
}
    
/* Toggler para móvil */
.navbar-theme .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.3);
}

.navbar-theme .navbar-toggler-icon {
    filter:invert(1);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}