/* ==========================================================
   NAVBAR
   ========================================================== */

.navbar-am {
  min-height: 90px;
  background: #ffffff;
  border-bottom: 1px solid #ececec;
  font-family: "Manrope", sans-serif;
}

/* ==========================================================
   LOGO
   ========================================================== */

.navbar-logo {
  height: 44px;
  width: auto;
}

/* ==========================================================
   MENÚ
   ========================================================== */

.navbar-nav {
  gap: .35rem;
}

.nav-link {
  padding: .6rem .65rem !important;
  font-size: 15px;
  font-weight: 400;
  white-space: nowrap;
  color: #3a3a3a !important;
  transition: color .2s ease;
}

.nav-link:hover {
  color: #00b5d6 !important;
}

.nav-link.active {
  color: #00b5d6 !important;
}

/* ==========================================================
   IDIOMA
   ========================================================== */

.language-selector {
  margin-left: .8rem;
  font-size: 14px;
  font-weight: 500;
}

.dropdown-menu {
  border-radius: .3rem;
  border: 1px solid #e6e6e6;
  font-size: 14px;
}

/* ==========================================================
   BOTÓN RESPONSIVE
   ========================================================== */

.navbar-toggler {
  border: none;
  box-shadow: none !important;
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

/* ==========================================================
   LG (992px - 1199px)
   ========================================================== */

@media (min-width:992px) and (max-width:1199.98px) {
  .navbar-logo {
    height: 40px;
  }
}

@media (min-width:992px) and (max-width:1199.98px) {
  .navbar-nav {
    gap: .10rem;
  }
}

@media (min-width:992px) and (max-width:1199.98px) {
  .nav-link {
    font-size: 14px;
    padding: .5rem .35rem !important;
  }
}

@media (min-width:992px) and (max-width:1199.98px) {
  .language-selector {
    margin-left: .3rem;
  }
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width:991.98px) {
  .navbar-am {
    min-height: 80px;
  }
}

@media (max-width:991.98px) {
  .navbar-logo {
    height: 40px;
  }
}

@media (max-width:991.98px) {
  .navbar-collapse {
    margin-top: 1rem;
  }
}

@media (max-width:991.98px) {
  .navbar-nav {
    gap: 0;
    align-items: flex-start !important;
  }
}

@media (max-width:991.98px) {
  .nav-link {
    padding: .8rem 0 !important;
    white-space: normal;
  }
}

@media (max-width:991.98px) {
  .language-selector {
    margin-left: 0;
  }
}