.navbar{
  max-height: 5rem;
  min-height: 5rem;
}

/* Color de fondo del navbar */
.bg-navbar{
  background-color: #0C8AC5;
  color: white;
  position: fixed;
  z-index: 9999;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  padding: 0 1.5rem 0 1.5rem;
}

/* Estilos para los títulos del navbar */
.items-navbar li{
  font-family: "Raleway", sans-serif;
  font-size: 1.2rem;
  margin: 0 1rem 0 0rem;
  overflow: hidden;
}

/* Estilo del navbar para cuando el scroll está en el top de la página */
.top-navbar{
  position: inherit !important;
}

/* Estilos para cuando el navbar se pega al top de la página */
.bottom-navbar{
  background-color: rgba(23, 122, 176);
  color: white;
  position: fixed;
  z-index: 9999;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  padding: 0 1.5rem 0 1.5rem;
}

/* Estilo del navbar para páginas donde debe mostrarse sin hacer scroll necesariamente */
.const-navbar {
  background-color: rgba(23, 122, 176, 0.9);
  color: white;
  position: sticky !important;
  z-index: 9999;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  padding: 1.5rem;
  transition: background-color 0.5s linear;
  padding-bottom: 0%;
}

/* Estilo del logo de intcomex en el navbar */
.logo-navbar{
  text-align: right;
  font-size: 1.3rem;
  color: white;
  text-decoration: none;
  padding-bottom: 0%;
}

/* Estilo para remover el color azul del link del logo de intcomex en el navbar */
.logo-navbar:hover{
  color: white;
}

/* Estilo para la imagen del logo de intcomex en el navbar */
.logo-navbar-img{
  max-width: 15rem;
  transition: max-width 1s ease-out;
}

/* Estilo del logo de intcomex para cuando se hace scroll */
.logo-navbar-bottom{
  max-width: 17rem !important;
  transition: max-width 1s ease-out;
}

/* Estilos del div que contiene los menús emergentes del navbar */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Estilos del div que contiene los menús emergentes del navbar */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 178px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  background-color: #48486a;
}

/* Estilos de los enlaces de los menús emergentes del navbar */
.dropdown-content a {
  float: none;
  color: white;
  padding: 0.2rem 0.5rem;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* cambio de color de los elementos de los menos del navbar */
.dropdown-content a:hover {
  color: white;
  font-weight: bold;
}

/* Estilos para mostrar los menús del navbar */
.dropdown:hover .dropdown-content {
  display: block !important;
  position: fixed;
}

/* Estilos para cuando se hace hover sobre los items del navbar */
.dropbtn a:hover{
  text-shadow: 2px 2px 2px black;
}

/* Estilo para remover el espacio en los títulos del navbar */
.navbar .nav-link{
  padding-left: 0 !important;
}