/* Contenedor del menú */
.menu {
  display: flex;
  background-color: #e9c241; /* color de fondo similar al de la imagen */
  padding: 15px 0;
  justify-content: center;
  gap: 30px; /* espacio entre opciones */
}

/* Opciones del menú */
.menu li {
  list-style: none;
  font-size: 22px;          /* tamaño de letra más grande */
  font-weight: bold;        /* texto en negrita */
  color: white;             /* color del texto */
  padding: 0 20px;
  position: relative;
}

/* Bordes oscuros entre opciones */
.menu li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 25%;
  height: 50%;
  width: 2px;
  background-color: #a97d00; /* borde más oscuro que el fondo */
}