/* Estilos Mocaccino */
hr.new3 {
  margin-top: 1%;
  margin-bottom: 22px;
  background: #ff7700;
  background: linear-gradient(
    90deg,
    rgba(255, 119, 0, 0.4) 20%,
    rgba(255, 119, 0, 0.4) 20%,
    rgba(255, 119, 0, 0.4) 20%
  );
  min-height: 5px;
  border-radius: 50px 50px 50px 50px;
  opacity: 0.8;
}
/* Estilos de menu */
.menu-item {
  display: flex;
  justify-content: space-between; /* Empuja el nombre a la izquierda y el precio a la derecha */
  align-items: center;
  font-size: 16px;
}

/* Nombres de Platillos */
.item-name {
  font-weight: bold;
  font-size: small;
  color: #f8b702;
}

/* Precios */
.item-price {
  font-weight: bold;
  font-size: small;
  color: #ffffff;
  white-space: nowrap; /* Evita que el precio se rompa en dos líneas */
}

.menu-item:hover div {
  color: #ff0000;
}

.barra {
  padding: 0;
  margin: 0;
}


/* Estilos Mocaccino Fin*/

body {
    background-color: #000000;
    background-image: url('../images/fondomk3.webp');
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover
}