/* Seletor de idioma (globo no topo): o mesmo nas três páginas e nos três idiomas. Marcação em fonte/_seletor.html.
   Fundo escuro (topo do site sobre o vídeo, menu do celular aberto): botão de vidro, globo branco.
   Fundo claro (topo do site depois de rolar, aviso de privacidade, cartão da área restrita): botão branco com borda. */
.idioma{position:relative;z-index:2;flex:none}
.idioma__botao{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .25s,border-color .25s,color .25s}
.idioma__botao::-webkit-details-marker{display:none}
.idioma__botao::marker{content:""}
.idioma__botao:hover,.idioma[open]>.idioma__botao{background:rgba(255,255,255,.24)}
.idioma__botao svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.idioma__botao:focus-visible{outline:3px solid #F58D3A;outline-offset:3px;border-radius:12px}
.idioma__menu{position:absolute;right:0;top:calc(100% + 8px);min-width:184px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #DDE3EE;border-radius:14px;box-shadow:0 18px 44px -16px rgba(17,23,44,.45);text-align:left}
.idioma[open] .idioma__menu{animation:idioma-abre .18s cubic-bezier(.2,.7,.2,1)}
@keyframes idioma-abre{from{opacity:0;transform:translateY(-4px)}}
.idioma__menu li{margin:0;padding:0}
.idioma__menu a{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:10px 12px;border-radius:10px;color:#232D51;font-size:15px;font-weight:500;line-height:1.25;text-decoration:none;opacity:1}
.idioma__menu a:hover{background:#F2F5FA}
.idioma__menu a:focus-visible{outline:3px solid #F58D3A;outline-offset:-3px;border-radius:10px}
.idioma__menu a[aria-current]{font-weight:700}
.idioma__ok{width:18px;height:18px;fill:none;stroke:#4F8F4C;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Fundo claro */
.nav.rolou .idioma__botao,.pagina-texto__topo .idioma__botao,.login__cartao .idioma__botao{border-color:#DDE3EE;background:#fff;color:#232D51;-webkit-backdrop-filter:none;backdrop-filter:none}
.nav.rolou .idioma__botao:hover,.nav.rolou .idioma[open]>.idioma__botao,.pagina-texto__topo .idioma__botao:hover,.pagina-texto__topo .idioma[open]>.idioma__botao,
.login__cartao .idioma__botao:hover,.login__cartao .idioma[open]>.idioma__botao{background:#F2F5FA;border-color:#C9D1E0}
/* Menu do celular aberto (fundo azul por trás): volta ao botão de vidro, também ao passar o mouse e com o menu de
   idioma aberto (mesma força das regras de fundo claro acima e depois delas, para o globo não ficar branco no claro). */
.nav.aberto .idioma__botao{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff}
.nav.aberto .idioma__botao:hover,.nav.aberto .idioma[open]>.idioma__botao{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.35);color:#fff}

/* Onde o seletor fica: no topo do site, à direita do menu (no celular, ao lado do botão do menu); no aviso de
   privacidade, à direita do "Voltar ao site"; na área restrita, no canto do cartão, na altura do logo. */
@media (min-width:901px){.nav__links{margin-left:auto}}
/* Computador estreito: o menu cede o espaço do globo (espaços um pouco menores), para caber numa linha como antes. */
@media (min-width:901px) and (max-width:1100px){.nav__in{gap:16px}.nav__links{gap:14px}}
/* Espanhol (rótulos mais longos): até 1000 px o menu fica um pouco mais compacto, sem quebrar linha nem espremer o logo.
   Só no espanhol, para não mudar o português nem o inglês. */
@media (min-width:901px) and (max-width:1000px){html[lang=es] .nav__logo{flex:none}html[lang=es] .nav__links{gap:10px}html[lang=es] .nav__links a:not(.btn){font-size:14px;white-space:nowrap}}
@media (min-width:901px) and (max-width:940px){html[lang=es] .nav__links{gap:8px}html[lang=es] .nav__links a:not(.btn){font-size:13.5px}}
@media (max-width:900px){.nav__in{gap:12px}.nav__in>.idioma{margin-left:auto}}
.pagina-texto__voltar{margin-left:auto}
.login__cartao>.idioma{position:absolute;top:57px;right:36px}
@media (max-width:860px){.login__cartao>.idioma{top:51px;right:22px}}
@media (prefers-reduced-motion:reduce){.idioma__botao{transition:none}.idioma[open] .idioma__menu{animation:none}}