/* ─── Region Switch ──────────────────────────────────────────
   Pills Manaus·AM / Barra Velha·SC. O visitante se auto-segmenta
   (princípio de compromisso) e todos os CTAs passam a discar
   para a unidade certa — essencial para campanhas locais.   */
.region-switch {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  background: rgba(255,255,255,.12);
  border-radius: 100px;
  padding: .2rem;
}

.region-switch__btn {
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.75);
  font: inherit;
  font-size: .78rem;
  font-weight: 700;
  padding: .25rem .7rem;
  border-radius: 100px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  transition: background var(--transition), color var(--transition);
  min-height: 28px;
}

.region-switch__btn:hover { color: #fff; }

.region-switch__btn.is-active {
  background: #fff;
  color: var(--blue-900);
}

.region-switch__btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Pin emoji só na opção ativa, sinalizando "você está aqui" */
.region-switch__btn.is-active::before {
  content: '📍';
  font-size: .8rem;
}

/* ── Telefones por unidade (cards de contato) ── */
.contact__unit-phones {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .9rem;
  margin-bottom: 1rem;
}
.contact__unit-phones .contact__unit-phone { margin-bottom: 0; }

.contact__unit-wa {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: .8rem;
  font-weight: 700;
  color: #25D366;
  border: 1.5px solid rgba(37,211,102,.45);
  border-radius: 100px;
  padding: .25rem .7rem;
  transition: background var(--transition), border-color var(--transition);
}
.contact__unit-wa:hover {
  background: rgba(37,211,102,.15);
  border-color: #25D366;
}

@media (max-width: 560px) {
  .region-switch { order: 3; }
}