@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);@import url(https://fonts.googleapis.com/css?family=Nunito);@import url(https://cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css);.navbar .dropdown a,
.navbar .nav-item {
  font-size: 1rem !important;
}

.navbar {
  padding: 0px 30px;
}

.navbar-toggler {
  margin: 10px 0px;
}

#img-logo {
  max-width: 230px;
}

#dropdown-categories {
  cursor: pointer;
}

#options-user {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 5px;
  padding: 10px 0px;
}

#options-user a {
  text-decoration: none;
  color: black;
}

#options-user a:hover {
  color: #2E6C8A;
}

#dropdown-user button {
  color: black;
  background: none;
  border: none;
}

#dropdown-user button {
  padding: 0px;
  padding-bottom: 1px;
}

#dropdown-user button:hover {
  color: #2E6C8A !important;
}

#dropdown-user ul {
  padding: 0px;
  overflow: hidden;
}

.dropdown-item {
  display: flex;
  text-decoration: none;
  gap: 5px;
  padding: 10px;
}

.dropdown-item p {
  color: black;
  padding: 0px;
  margin: 0px;
}

.dropdown-item:hover {
  background-color: #d3d3d3;
}

.separator {
  width: 1px;
  height: 12px;
  background: #bbbbbb;
}

@media (max-width: 400px) {
  .navbar {
    padding: 0px 10px;
  }
}

#container-search {
  display: flex;
  justify-content: center;
  padding: 15px 0px !important;
}

#form-search {
  max-width: 720px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 0px 10px;
}

#form-search button {
  color: white;
}

#div-search {
  width: 100%;
}

#input-search {
  padding: 5px 10px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  font-weight: 600;
}

#btn-dropdown_busqueda {
  border-radius: 0px;
  height: 100%;
  border-right: 1px solid #c2c2c2;
  min-width: 115px;
}

#btn-search {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  font-weight: 600;
}

#btn-search i {
  font-size: 1.2rem;
}

#div-filters {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

#div-filters select {
  max-width: 230px;
}

@media (max-width: 472px) {
  #div-filters select {
    max-width: 100%;
  }
}