/* MXTowns v170 — SOLO distribución, sin estilos de texto ni iconos.
   Primera línea: Servicios de emergencia. Segunda: cuatro accesos originales.
   Se respetan por herencia fuente, peso, tamaño, color y dimensiones de iconos. */
.mx-persistent-header-v141 > .utility.mx-v170-nav {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  align-content:center;
  column-gap:4px;
  row-gap:0;
  padding:3px 3px 4px;
}
.mx-persistent-header-v141 > .utility.mx-v170-nav > a[href*="/emergencies/"] {
  order:-1;
  flex:0 0 100%;
  justify-content:center;
}
.mx-persistent-header-v141 > .utility.mx-v170-nav > a:not([href*="/emergencies/"]) {
  order:0;
}
@media (max-width:580px) {
  .mx-persistent-header-v141 > .utility.mx-v170-nav {
    column-gap:2px;
    row-gap:0;
    padding:2px 1px 3px;
  }
}
/* En pantallas muy estrechas, ajustar solo el espacio icono-texto;
   nunca reducir la fuente ni el tamaño de los iconos. */
@media (max-width:340px) {
  .mx-persistent-header-v141 > .utility.mx-v170-nav { column-gap:0; padding-inline:0; }
  .mx-persistent-header-v141 > .utility.mx-v170-nav > a:not([href*="/emergencies/"]) {
    gap:1px;
  }
}