/* Menú de cuatro entradas (Explorar, Órbita, Carrusel, Todos los casos). En pantallas angostas
   no entra al lado de la marca: no se parten los textos y, si hace falta, el menú se desliza de
   costado con un fundido en el borde derecho. Lo agrega armar_entrega.py en todas las páginas. */
.nav__enlace { white-space: nowrap; }
@media (max-width: 720px) {
  .nav__interior { gap: var(--s-2); }
  .nav__marca { flex: none; }
  .nav nav {
    min-width: 0; overflow-x: auto; scrollbar-width: none;
    mask-image: linear-gradient(90deg, #000 calc(100% - 24px), transparent);
  }
  .nav nav::-webkit-scrollbar { display: none; }
  .nav__enlaces { gap: var(--s-2); padding-right: var(--s-3); }
}
