/* MXTowns v172 — únicamente distribución de accesos, sin alterar su
   tipografía, iconos, colores, peso, tamaño o enlaces.
   Línea 1 izquierda: Servicios de emergencia · Código postal.
   Línea 2 derecha: Comercio · Contacto · Portal. */
.mx-persistent-header-v141 > .utility.mx-v170-nav {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  align-content:center;
  column-gap:clamp(5px, 1.6vw, 14px);
  row-gap:0;
  padding:3px clamp(7px, 2vw, 22px) 4px;
}
/* No se modifica el HTML: orden solo visual, manteniendo la navegación
   secuencial de teclado y todos los links originales. */
.mx-persistent-header-v141 > .utility.mx-v170-nav > a[href*="/emergencies/"] {
  order:1;
  flex:0 0 auto;
  justify-content:initial;
}
.mx-persistent-header-v141 > .utility.mx-v170-nav > a[href*="/postal-code/"] {
  order:2;
  flex:0 0 auto;
}
/* Separación lógica de líneas, sin margen vertical. */
.mx-persistent-header-v141 > .utility.mx-v170-nav::after {
  content:"";
  order:3;
  flex:0 0 100%;
  height:0;
  padding:0;
  margin:0;
}
.mx-persistent-header-v141 > .utility.mx-v170-nav > a[href*="/servicios/"] {
  order:4;
  margin-left:auto;
  flex:0 0 auto;
}
.mx-persistent-header-v141 > .utility.mx-v170-nav > a[href*="/contacto/"] {
  order:5;
  margin-left:clamp(6px, 1.5vw, 12px);
  flex:0 0 auto;
}
.mx-persistent-header-v141 > .utility.mx-v170-nav > a[href*="/portal/"] {
  order:6;
  margin-left:clamp(6px, 1.5vw, 12px);
  flex:0 0 auto;
}
@media (max-width:580px) {
  .mx-persistent-header-v141 > .utility.mx-v170-nav {
    column-gap:clamp(3px, 1vw, 7px);
    row-gap:0;
    padding:2px 5px 3px;
  }
}