/* El menú móvil ocupa el resto de la pantalla y se puede recorrer
   cuando el celular es bajo. Así no se corta debajo de la barra. */
/* Cinco fichas de trayectoria: una sola fila en escritorio.
   En pantallas angostas la última ocupa todo el ancho. */
@media (min-width: 64rem) {
  dl.relative.mx-auto.mt-16.grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 63.999rem) {
  dl.relative.mx-auto.mt-16.grid > :last-child {
    grid-column: 1 / -1;
  }
}

#menu-movil:not([hidden]) {
  position: fixed;
  inset: 5rem 0 0 0;
  z-index: 50;
  width: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}