/* PT | EN — o botão de idioma, igual em todas as páginas (27/09/2026).
   ⭐ Uma pílula com as duas opções, a atual preenchida. A cor vem da página: verde no paciente,
      floresta nos profissionais, azul nos documentos — sem cor nova.
   ⛔ Os seletores são de propósito mais fortes que `.audience a` e `.audience-switch a` das
      páginas: sem isso o botão herdaria o tamanho de pílula grande da faixa de público.
   ⚠️ Alvo de toque de 44px no total (38 + moldura), como o resto do site. */
.idioma{display:inline-flex;align-items:center;flex:none;gap:2px;padding:2px;margin:0;
  border:1px solid rgba(20,40,40,.22);border-radius:999px;background:rgba(255,255,255,.72);
  font:700 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;white-space:nowrap}
.idioma a.idioma-op{display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;min-height:38px;padding:0 10px;margin:0;border:0;border-radius:999px;
  background:none;box-shadow:none;transform:none;color:inherit;opacity:.7;
  font:inherit;letter-spacing:inherit;text-decoration:none;flex:none}
.idioma a.idioma-op:hover{opacity:1;background:rgba(20,40,40,.07);transform:none;box-shadow:none}
.idioma a.idioma-op[aria-current]{opacity:1;color:#fff;
  background:var(--green,var(--forest,var(--accent,#1b2733)))}
.idioma a.idioma-op:focus-visible{outline:3px solid #76a787;outline-offset:2px}
@media(max-width:380px){.idioma a.idioma-op{min-width:36px;padding:0 8px}}

/* Onde ele mora em cada página */
.idioma-junto{display:flex;align-items:center;gap:12px;flex:none}          /* profissionais: ao lado do "Entrar" */
.topo-doc .idioma{margin-left:auto}                                          /* termos e privacidade */
.idioma-topo{display:flex;justify-content:flex-end;max-width:1120px;margin:0 auto;padding:14px 16px 0}  /* 404 */
@media(max-width:760px){
  .links{gap:12px}                                                           /* paciente: cabe ao lado do "Entrar" */
  .idioma-junto{gap:8px}
}
/* ⛔ Medido em 375px (27/09/2026): na página dos profissionais a pílula cobria o último "A" de
      SOLONEXA — a marca encolhia para 133px e a palavra precisa de 164px. No celular, o "Entrar"
      perde a seta ↗ (que é enfeite; o texto continua) e fica mais justo. A marca nunca encolhe. */
@media(max-width:420px){
  header:has(.idioma-junto) .brand{flex:none}
  .idioma-junto .login>span{display:none}
  .idioma-junto .login{padding-left:14px;padding-right:14px}
}
@media(max-width:374px){                                                     /* Android de 360px */
  header:has(.idioma-junto) .brand span{font-size:19px}
  .idioma-junto{gap:6px}
}
@media(max-width:340px){                                                     /* 320px (iPhone SE antigo) */
  header:has(.idioma-junto) .brand span{font-size:16px}
  header:has(.idioma-junto) .brand{gap:6px}
  .idioma a.idioma-op{min-width:32px;padding:0 6px}
  .idioma-junto .login{padding-left:10px;padding-right:10px}
  .idioma-junto{gap:4px}
  .links{gap:6px}                                                            /* paciente */
  .links .login{padding-left:12px;padding-right:12px}
  header:has(.links .idioma) .brand{letter-spacing:.6px}
}