/* DP HOST — idioma do site (19/10/2026; v=2 com as correções da auditoria): botão "Português | English" no rodapé, barra que
   sugere o outro idioma e a etiqueta "PT" do botão "Client area" das páginas em inglês.
   Usado em todas as páginas, em português e em inglês. Usa as cores do site (--noite, --tinta...), com reserva caso falte alguma.
   O servidor guarda .css e .js por 7 dias: ao mudar este arquivo, suba o ?v= nas páginas. */

/* ===== Rodapé: Português | English (combina com os links do rodapé: brancos, sem sublinhado, sublinham no hover) ===== */
.rodape .idiomas{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;justify-self:start;color:var(--noite-txt,#C9DCEE);font-size:14px;line-height:1.4}
.idiomas-ic{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* área de toque de pelo menos 24 px (WCAG 2.5.8) */
.rodape .idiomas a{display:inline-flex;align-items:center;min-height:24px;padding:2px 3px;color:#fff;text-decoration:none;border-radius:4px}
.rodape .idiomas a:hover{text-decoration:underline;text-underline-offset:3px}
/* idioma da página atual: em negrito, com a mesma cor (não parece desativado) */
.rodape .idiomas a[aria-current="true"]{font-weight:700}
.rodape .idiomas a:focus-visible{outline:3px solid #fff;outline-offset:2px}
.idiomas-sep{color:var(--noite-txt,#C9DCEE)}

/* ===== Barra no topo: "This site is also available in English." (criada pelo /idioma.js) =====
   Fica no fluxo da página (não é fixa): empurra o conteúdo para baixo e nunca cobre o aviso de cookies nem o atendente. */
.idioma-aviso{position:relative;z-index:6;background:#fff;color:var(--tinta,#0A2540);border-bottom:1px solid var(--fio,#C9DFF3);font-size:14px;line-height:1.45}
.idioma-aviso-wrap{max-width:1160px;margin:0 auto;padding:6px 24px;display:flex;align-items:center;justify-content:center;gap:12px}
.idioma-aviso-txt{margin:0;min-width:0;overflow-wrap:anywhere}
.idioma-aviso-ir{display:inline-block;padding:2px 0;color:var(--link,#0848A8);font-weight:650;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.idioma-aviso-ir:hover{color:var(--tinta,#0A2540)}
.idioma-aviso-fechar{flex:none;display:grid;place-items:center;width:32px;height:32px;padding:0;background:none;border:1px solid transparent;border-radius:6px;color:var(--tinta2,#2F4B6B);cursor:pointer;font:inherit}
.idioma-aviso-fechar:hover{color:var(--tinta,#0A2540);border-color:var(--fio,#C9DFF3)}
.idioma-aviso-fechar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.idioma-aviso :focus-visible{outline:3px solid var(--tinta,#0A2540);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:no-preference){
  .idioma-aviso{animation:idioma-entra .25s ease-out}
}
@keyframes idioma-entra{from{opacity:0;transform:translateY(-6px)}}
/* celular: 16 px de margem, texto quebra em linhas e o X fica à direita (sem rolagem para o lado).
   No rodapé, Português e English com área de toque de 44 px de altura e mais espaço em volta do separador:
   um toque errado no idioma do lado fica bem mais difícil. */
@media (max-width:620px){
  .idioma-aviso-wrap{padding:6px 10px 6px 16px;justify-content:space-between}
  .idioma-aviso-txt{flex:1 1 auto}
  .rodape .idiomas{gap:0 4px}
  .rodape .idiomas a{min-height:44px;padding:10px}
  .idiomas-sep{padding:0 6px}
}

/* ===== Etiqueta "PT" no botão "Client area" do topo das páginas em inglês (e da 404 em inglês) =====
   Avisa na tela que a área do cliente é em português. Para leitor de tela, o próprio link tem <span class="sr"> (in Portuguese)</span>
   e a etiqueta fica aria-hidden. Pequena e discreta, com contraste de 8,5:1 (texto --tinta2 sobre --ceu4). */
.idioma-tag{display:inline-block;margin-left:7px;padding:0 5px;border:1px solid var(--fio,#C9DFF3);border-radius:4px;background:var(--ceu4,#F4FAFF);color:var(--tinta2,#2F4B6B);font-size:11px;font-weight:700;font-stretch:100%;line-height:15px;letter-spacing:.06em;vertical-align:1px;white-space:nowrap;text-decoration:none}