/* Seletor de idioma e marca EN (29/10/2026). So' as classes proprias:
   nada aqui muda o que home.css, site.css, gth-ui.css ou internal-header.css
   desenham. Carrega na home, no /download, na /ko e (fase 2) em toda pagina
   de interface, depois do CSS da pagina. */

.seletor-idioma{min-width:0;max-width:34rem;font:12px/1.5 Arial,sans-serif;color:#a7b6bb}
.seletor-idioma summary{display:inline-flex;align-items:center;gap:6px;min-height:32px;cursor:pointer;list-style:none;color:#bccace}
.seletor-idioma summary::-webkit-details-marker{display:none}
.seletor-idioma summary::after{content:"\25BE";font-size:10px}
.seletor-idioma details[open] summary::after{content:"\25B4"}
.seletor-idioma summary:hover,.seletor-idioma summary:focus-visible{color:#fff}
.seletor-idioma summary:focus-visible,.seletor-idioma__lista a:focus-visible{outline:2px solid #c7e2ed;outline-offset:3px}
.seletor-idioma__atual{color:#e5e8df}
.seletor-idioma__lista{display:flex;flex-wrap:wrap;gap:4px 16px;margin:4px 0 0;padding:0;list-style:none}
.seletor-idioma__lista a{display:inline-block;padding:5px 0;color:#bccace;text-decoration:none}
.seletor-idioma__lista a:hover{color:#fff;text-decoration:underline}
.seletor-idioma__lista a[aria-current="true"]{color:#fff;text-decoration:underline;text-underline-offset:3px}
.seletor-idioma__aviso{margin:4px 0 0;font-size:11px;line-height:1.5;color:#91a4ac;overflow-wrap:anywhere}

/* Link para pagina que so' existe em ingles: a mesma marca discreta da /ko. */
.selo-en{display:inline-block;margin-left:5px;padding:0 4px;border:1px solid #8c8e8480;border-radius:2px;font:10px/1.5 Arial,sans-serif;letter-spacing:.04em;text-transform:none;color:#a7b6bb;vertical-align:1px}

/* Home: o rodape e' uma linha flex (home.css); o seletor e' o terceiro item. */
footer>.seletor-idioma{flex:0 1 22rem}
@media(max-width:700px){footer>.seletor-idioma{margin-top:17px}}

/* Paginas internas: linha propria, depois dos links legais. */
.rodape>.seletor-idioma{margin-top:1.2rem}

/* Fase 2: a versao compacta do cabecalho, no fim do menu. So' a sigla
   (o nome vai para leitor de tela) e a lista suspensa por cima da pagina.
   Ate 1024 px o menu nao tem folga: vira uma aba presa embaixo do canto
   direito do cabecalho, sem ocupar a linha nem mudar a altura do topo. */
.seletor-idioma__oculto{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.seletor-idioma--topo{position:relative;flex:0 0 auto;max-width:none;font:12px/1 Arial,sans-serif}
.seletor-idioma--topo summary{min-height:32px;padding:0 2px;gap:4px;letter-spacing:.04em;white-space:nowrap}
.seletor-idioma--topo .seletor-idioma__lista{position:absolute;top:calc(100% + 8px);right:0;z-index:60;display:block;min-width:12rem;max-height:calc(100vh - 96px);overflow:auto;margin:0;padding:6px 0;background:#081016;border:1px solid #8c8e8447;box-shadow:0 10px 24px #000a}
.seletor-idioma--topo .seletor-idioma__lista a{display:block;padding:8px 14px;white-space:nowrap}
@media(max-width:1024px){
  header .seletor-idioma--topo{position:absolute;top:100%;right:max(5%,calc((100vw - 1440px)/2));margin-top:-1px;padding:0 9px;background:#081016;border:1px solid #8c8e8447;border-top:0}
  header .seletor-idioma--topo summary{min-height:26px}
  header .seletor-idioma--topo .seletor-idioma__lista{top:calc(100% + 1px);right:-1px}
}
@media(max-width:700px){header .seletor-idioma--topo{right:16px}}
@media(max-width:380px){header .seletor-idioma--topo{right:10px}}

/* Fase 2: logado, ate 340 px, os tres botoes traduzidos (Mag-sign out,
   Cerrar sesion) passavam 8-10 px da tela. So' fora do ingles, que continua
   com a medida do internal-header.css: 2 px a menos de folga lateral. */
@media(max-width:340px){html:not([lang="en"]) .internal-header__conta:has(form) .internal-header__botao{padding-left:2px;padding-right:2px}}