/* ===== VARIABLES ===== */
:root {
  --color-fondo: #0f1e3c;
  --color-texto: #ffffff;
  --color-hover: #072cff;
}

/* ===== NAVBAR ===== */
#navbar {
  background: linear-gradient(360deg, #ffffffa8, #008BE0, #003399);
  /*background-image: url('../img/back_menu.png');
  background-repeat: repeat;
  background-size: cover;*/
  max-height: 75px;
  transition: transform 0.4s ease;
  z-index: 9999;
}

#navbar.oculto {
  transform: translateY(-140%);
}

/* LOGO */
.logo {
  height: 42px;
}

/* LINKS */
.nav-link,
.dropdown-item {
  color: var(--color-texto);
  white-space: nowrap;
}

.nav-link:hover,
.dropdown-item:hover {
  color: var(--color-hover);
}

/* ===== SUBMENÚS ===== */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 220px;
  border-radius: 12px;
}

/* MOSTRAR SUBMENÚ */
.dropdown-submenu.show > .dropdown-menu {
  display: block;
  animation: fadeSlide 0.25s ease;
}

/* ANIMACIÓN */
@keyframes fadeSlide {
  from {
    opacity: 0;
    transform: translateX(10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ===== MOBILE ===== */
@media (max-width: 991px) {
  .dropdown-submenu > .dropdown-menu {
    position: static;
  }
}

/* CONTENIDO DEMO */
.content {
  height: 2000px;
  padding-top: 120px;
}