.phase-two .nav .nav-junior,
.phase-two .nav .nav-municipios {
  display: inline-flex;
}

@media (min-width: 861px) {
  .phase-two .nav {
    gap: clamp(4px, 0.7vw, 12px);
  }

  .phase-two .nav a {
    padding-inline: clamp(5px, 0.7vw, 10px);
  }
}

@media (max-width: 860px) {
  .phase-two .nav {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 4px;
    overflow: visible;
  }

  .phase-two .nav .nav-festival,
  .phase-two .nav .nav-comunidad {
    display: inline-flex;
  }

  .phase-two .nav .nav-inicio { order: 1; }
  .phase-two .nav .nav-junior { order: 2; }
  .phase-two .nav .nav-municipios { order: 3; }
  .phase-two .nav .nav-festival { order: 4; }
  .phase-two .nav .nav-memoria { order: 5; }
  .phase-two .nav .nav-comunidad { order: 6; }

  .phase-two .nav a {
    min-width: 0;
    justify-content: center;
    padding: 2px 3px;
    text-align: center;
    white-space: normal;
    line-height: 1.15;
    font-size: 0.68rem;
  }
}

@media (max-width: 620px) {
  body.phase-two {
    padding-bottom: calc(132px + env(safe-area-inset-bottom));
  }

  .phase-two .nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .phase-two .nav a {
    min-height: 38px;
    font-size: 0.73rem;
  }
}