/* o seletor de língua do site público (08/10/2026, AX-0133). Gerado no topo por scripts/i18n_site.py (seletor). */
.linguas{position:relative;pointer-events:auto;flex:none;font-family:"Hanken Grotesk","Proxima Nova",system-ui,-apple-system,"Segoe UI",sans-serif}
.linguas summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid currentColor;color:inherit;font-weight:800;font-size:12px;letter-spacing:.1em;line-height:1}
.linguas summary::-webkit-details-marker{display:none}
.linguas summary:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.linguas .band{display:block;width:21px;height:14px;flex:none;box-shadow:0 0 0 1px rgba(35,31,32,.18)}
.linguas .linguas__lista{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:min(86vw,260px);max-height:min(70svh,560px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #231F20;display:flex;flex-direction:column}
.linguas .linguas__lista a{display:flex;align-items:center;gap:10px;padding:11px 14px;color:#231F20;text-decoration:none;font-weight:600;font-size:15px;letter-spacing:0;text-transform:none;border-top:1px solid rgba(35,31,32,.14)}
.linguas .linguas__lista a:first-child{border-top:0}
.linguas .linguas__lista a:hover{background:#E0E1E0}
.linguas .linguas__lista a[aria-current]{color:#DB1E2F;font-weight:800}
/* em RTL também ancora pela direita: o seletor fica no meio do topo, e a lista cabe abrindo para a esquerda */
/* páginas internas: o menu e o seletor ficam juntos à direita; no celular, o seletor ao lado do botão Menu */
.topo .in>.menu{margin-left:auto}
@media(max-width:860px){.topo .in>.linguas{margin-left:auto}}
/* home: o menu continua à direita, e o seletor fecha a linha */
header.topo>nav{margin-left:auto}
header.topo>.linguas{margin-left:18px}
@media print{.linguas{display:none}}
/* da direita para a esquerda (árabe): o "pular para o conteúdo" escondido a -9999px à esquerda entra na área de rolagem */
[dir=rtl] .pular:not(:focus){left:auto;right:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* figuras em SVG desenhadas da esquerda para a direita: em rtl o text-anchor "start" ancoraria à direita e o texto sairia da figura; plaintext mantém cada linha em árabe na ordem certa */
[dir=rtl] svg{direction:ltr}[dir=rtl] svg text{unicode-bidi:plaintext}
/* a travessia em árabe segue a mesma regra: a composição fica da esquerda para a direita (a linha do FAROL sai da IA que conversa e chega à IA que trabalha, e o parágrafo de baixo fica sob a IA que trabalha); só o texto corre da direita para a esquerda */
[dir=rtl] .trav3,[dir=rtl] .def__trav-tela .def__medo{direction:ltr}[dir=rtl] .trav3>h3,[dir=rtl] .trav3>p,[dir=rtl] .def__trav-tela .def__medo>p{direction:rtl}
/* a capa em árabe também: a foto deixa o papel livre à esquerda, e espelhada o título e o texto caíam em cima da ilha; a composição fica como no português e só o texto corre da direita para a esquerda; o título vermelho do fim da capa, sem foto atrás, fica à direita, com entrelinha que não encosta as letras árabes */
[dir=rtl] .abre__fixo{direction:ltr}[dir=rtl] .abre__txt,[dir=rtl] .abre__cap{direction:rtl}[dir=rtl] .abre__cap{margin-left:auto;text-align:right}[dir=rtl] .abre__cap h2{line-height:1.25}
/* o #lab em árabe (sexta rodada, 15/10): o objeto do alto fica à esquerda, que é o lado livre quando o título corre da direita, e não cobre o título; os filetes entre os cartões ficam no vão entre eles, como no português (eram posicionados pela direita e, em rtl, sobrava um na borda e faltava o do meio) */
@media(min-width:861px){[dir=rtl] .lab__obj{right:auto;left:0}[dir=rtl] .lab__item:nth-child(-n+4)::before{right:auto;left:-16px}}
@media(max-width:860px){[dir=rtl] .lab__item::after{left:-12px;right:0}[dir=rtl] .lab__item:nth-child(even)::after{left:0;right:-12px}[dir=rtl] .lab__item:nth-child(odd)::before{right:auto;left:-12px}}
/* chinês, japonês e coreano: a frase grande da travessia quebra entre os dois pedaços, nunca no meio da palavra destacada (sem o balance, que no Chrome escolhe a quebra dentro da palavra chinesa); na travessia inteira, coreano quebra só nos espaços */
:lang(ko) .trav3{word-break:keep-all}:lang(ja) .trav3__afirma,:lang(zh) .trav3__afirma,:lang(ko) .trav3__afirma{text-wrap:wrap}:lang(ja) .trav3__afirma em,:lang(zh) .trav3__afirma em,:lang(ko) .trav3__afirma em{display:inline-block}
/* topo que não cabe (menu longo em outra língua, ou o seletor a mais): linguas.js põe .topo--compacto e o menu vira a gaveta, como no celular */
.topo--compacto .menu{display:none}
.topo--compacto .marca span{display:none}
.topo--compacto .in>.linguas{margin-left:auto}
.topo--compacto .gaveta{display:block;position:relative}
.topo--compacto .gaveta summary{list-style:none;cursor:pointer;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;border:1px solid var(--black)}
.topo--compacto .gaveta summary::-webkit-details-marker{display:none}
.topo--compacto .gaveta[open] summary{background:var(--black);color:var(--white)}
.topo--compacto .gaveta nav{max-height:calc(100svh - var(--topo) - 24px);overflow-y:auto;overscroll-behavior:contain;position:absolute;right:0;top:calc(100% + 8px);width:min(86vw,320px);background:var(--white);border:1px solid var(--black);display:flex;flex-direction:column}
.topo--compacto .gaveta nav a{padding:14px 16px;text-decoration:none;font-weight:800;font-size:15px;border-top:1px solid rgba(35,31,32,.14)}
.topo--compacto .gaveta nav a:first-child{border-top:0}
.topo--compacto .gaveta nav a[aria-current="page"]{color:var(--red)}