/* ================================
   NAVBAR - VISUAL + THEMING ONLY
================================== */

.navbar {
  background-color: var(--navbar-bg) !important;
  box-shadow: var(--navbar-shadow);
  
  z-index: 1000;
}

.navbar-brand {
  color: var(--navbar-brand-color) !important;
  
}

.navbar-brand:hover {
  color: var(--navbar-brand-hover) !important;
}

a.nav-link,
.nav-item > a.nav-link,
.dropdown-item {
  font-family: "Product Sans";
  font-size: larger;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  
  color: var(--navbar-link-color) !important;
}

.nav-link:hover,
.nav-link:focus {
  background-color: var(--navbar-link-hover-bg)  !important;
  color: var(--navbar-link-hover-color) !important;
}

hr {
  border-top: 1px solid var(--navbar-divider-color);
  
}

/* ================================
     ANIMACIONES
================================== */

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
