@import url("general.css");
header {
  position: fixed;
  width: 100%;
  background-color: var(--color-azul);
  transition: 0.5s;
  padding: 0px 0px;
  z-index: 11 !important;
}

header img {
  width: 160px;
}

header .navbar {
  padding: 0rem 0rem;
}

header ul {
  margin-left: auto !important;
}

header ul li {
  padding: 0px 30px;
}

header ul li a {
  font-family: "BochanSerifRegular";
  font-size: 15px;
  color: var(--color-dorado) !important;
  letter-spacing: 0px;
}

header ul li a:hover{
  color: var(--color-blanco) !important;
}

header ul li a:hover {
  color: var(--color-naranja);
}

header .linea {
  border-left: 1px solid var(--color-dorado);
  border-right: 1px solid var(--color-dorado);
}

.navbar-toggler {
  padding: 5px 10px;
}

.navbar-light .navbar-toggler {
  background-color: var(--color-dorado);
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  header .linea {
    border-left: none;
    border-right: none;
  }
  .navbar-nav .nav-link {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}