/* The language switch (English / Español), on every page that has a twin in the other
   language. Loaded only by those pages, so a site without the Spanish mirror never asks
   for it. Same quiet type as the header phone, the brand blue for the code, the red
   accent on hover and focus, like every other control in the header. */
.lang-switch{display:inline-flex;align-items:center;gap:7px;min-height:41px;font-size:13px;font-weight:600;color:var(--navy);white-space:nowrap;text-decoration:none}
.lang-switch__code{display:inline-grid;place-items:center;min-width:28px;height:24px;padding:0 5px;border:1px solid var(--line);border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--blue-ink);background:#fff;transition:border-color .25s,color .25s}
.lang-switch:hover .lang-switch__code,.lang-switch:focus-visible .lang-switch__code{border-color:var(--red);color:var(--red-ink)}
.lang-switch:hover .lang-switch__name{color:var(--red-ink)}
.lang-switch:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:3px}
@media(max-width:1250px){.header .lang-switch__name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.lang-switch--menu{display:flex;justify-content:center;gap:10px;min-height:44px;margin-top:12px;padding:10px 18px;border:1px solid var(--line);border-radius:2px;font-size:14px;font-weight:500}
/* "Hablamos español" in the Spanish top bar: a fourth chip on a wide screen, where the
   three trust chips show; plain words beside the phone on a phone or a tablet, where the
   chips are hidden. Between the two the bar has no room for it, and the band says it. */
.tb-lang-m{display:none}
@media(max-width:1240px){.topbar .tb-trust .tb-lang{display:none}}
@media(max-width:1100px) and (min-width:370px){.topbar .tb-lang-m{display:inline-flex;align-items:center;white-space:nowrap;color:#dcecf7;font-weight:600}}