/* Contenedor del menú */
.navbar {
    /*background-color: #333;*/
    display: flex;
    justify-content: center; /* Centra horizontalmente las opciones */
    align-items: center;
    padding: 10px 20px;
    /*box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); */ /* Sombra opcional */
    position: relative; /* Para manejar el botón hamburguesa */
    border-top: 3px solid #f2f2f2;
    /*border-bottom: 3px solid #dedede;*/
}

/* Estilo de los enlaces del menú */
.navbar a {
    color: #9e9a9a;
    text-decoration: none;
    padding: 10px 20px;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.navbar a:hover {
    background-color: #dedede;
    color: #9e9a9a;
    border-radius: 5px;
    text-decoration: none;
}

/* Botón hamburguesa */
.menu-toggle {
    display: none; /* Oculto en pantallas grandes */
    color: white;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    left: 10px; /* Alineado a la izquierda */
}

/* Contenedor de las opciones del menú */
.menu {
    display: flex;
    gap: 10px;
}

/* Responsive para pantallas pequeñas */
@media screen and (max-width: 768px) {
    .menu {
	display: none; /* Oculta el menú */
	flex-direction: column;
	width: 100%;
	background-color: #333;
	position: absolute;
	top: 50px;
	left: 0;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
	padding-left: 0; /* Alinear opciones con el botón */
    }

    .menu.show {
	display: flex; /* Muestra el menú en vertical */
    }

    .menu-toggle {
	display: block; /* Muestra el botón hamburguesa */
    }
}



.navbar-dark .navbar-nav a.namelk-cat {
    color: #ffffff;
    font-size: 1.1em;
  }
  .drcategoria-menu {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border: none;
    border-radius: 0;
    padding: 0.7em;
  }
  @media only screen and (min-width: 992px) {
    .drcategoria:hover .drcategoria-menu {
      display: block;
    }
    .drcategoria-menu.show {
      display: block;
    }
  }
  .drcategoria-menu ul {
    list-style: none;
    padding: 0;
  }
  .drcategoria-menu li .dropdown-item {
    list-style: none;
    font-size: 0.9em;
  }
  .drcategoria-menu li .dropdown-item:hover {
    background-color: #f1f1f1;
  }
  .navitem-stitle{
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
  }
  .navitem-stitle:hover {
    background-color: #f1f1f1;
  }
  .list-group  {
    list-style: none;
  }
  .list-group li a::before {
    content: "";
    left: -2%;
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 4px solid #429ad6;
    border-bottom: 4px solid transparent;
    margin-top: 6.2px;
}
.w-99{
    width: 99%!important;;
}
.namelk-cat{
    /*font-size: 16px!important;*/
    font-size: 1.3em!important;
    text-wrap: stable;
    font-family: "Montserrat";

}
.navcategoria{
    font-size: 16px!important;


}

  @media only screen and (max-width: 992px) {
    .drcategoria-menu.show {
      flex-wrap: wrap;
      height: 300px;
      max-height: 300px;
      overflow-y: scroll;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1140px) {
    .drcategoria :hover .drcategoria-menu {
      width: 40vw;
      flex-wrap: wrap;
    }
  }
  @media screen and (max-width: 800px) {
    .translate-middle-x{
        transform: none!important;
    
    }
    .col-img{
        display: none;
    }
    .w-99{
        width: 100%!important;
    }
    .namelk-cat{
      text-align: center;
    }
  }
  @media screen and (max-width: 450px) {
.translate-middle-x{
    transform: none!important;

}
.col-img{
    display: none;
}
.w-99{
    width: 100%!important;;
}
.namelk-cat{
    text-align: center;
  }
  }