/* Ocultar submenús en móviles y mostrar solo flecha */
@media (max-width: 768px) {
  /* Oculta todos los submenús */
  .main-navigation ul ul {
    display: none;
  }

  /* Agrega una flechita a los elementos con submenú */
  .main-navigation .menu-item-has-children > a::after {
    content: " ▼";
    font-size: 0.8em;
    margin-left: 5px;
  }

  /* Estilo opcional para submenús desplegados */
  .main-navigation ul ul {
    background-color: #f9f9f9;
    padding-left: 15px;
  }
}