/* seletor de idioma com bandeiras (prévia, menu do site e página de planos) */
.lang{position:relative;display:inline-flex;font-family:var(--mono,"Geist Mono",ui-monospace,monospace)}
.lang-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 10px;border:1px solid rgb(255 255 255 / .22);border-radius:999px;background:rgb(255 255 255 / .06);color:#fff;font:inherit;font-size:11px;letter-spacing:.14em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .25s,background-color .25s}
@media (hover:hover){.lang-btn:hover{border-color:rgb(255 255 255 / .55);background:rgb(255 255 255 / .1)}}
.lang-btn:focus-visible,.lang-menu button:focus-visible{outline:2px solid #FF5A1F;outline-offset:2px}
.lang-flag{display:block;flex:none;width:20px;height:14px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgb(255 255 255 / .18)}
.lang-flag svg{display:block;width:100%;height:100%}
.lang-car{width:6px;height:6px;margin-left:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7;transition:transform .25s}
.lang.is-open .lang-car{transform:translateY(1px) rotate(225deg)}
.lang-menu{position:absolute;z-index:50;right:0;top:calc(100% + 8px);min-width:196px;margin:0;padding:6px;list-style:none;border:1px solid rgb(255 255 255 / .14);border-radius:12px;background:rgb(16 16 16 / .96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px -20px rgb(0 0 0 / .8);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s,transform .2s,visibility 0s .2s}
.lang.is-open .lang-menu{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
.lang-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:none;color:#fff;font-family:var(--font,"Geist",system-ui,sans-serif);font-size:14px;letter-spacing:0;text-align:left;cursor:pointer;transition:background-color .2s}
.lang-menu button span:not(.lang-flag){flex:1}
.lang-menu button b{font-family:var(--mono,ui-monospace,monospace);font-weight:500;font-size:10px;letter-spacing:.14em;opacity:.5}
@media (hover:hover){.lang-menu button:hover{background:rgb(255 255 255 / .08)}}
.lang-menu [aria-selected="true"] button{background:linear-gradient(90deg,rgb(255 90 31 / .2),rgb(166 0 255 / .16))}
.lang-menu [aria-selected="true"] button b{opacity:1;color:#FF8a5c}

/* menu do site: segue a cor da barra (fica escura sobre fundo claro) */
.nav-lang{display:flex}
.nav-lang .lang-btn{height:44px;border-color:var(--line-2,rgb(255 255 255 / .22));background:transparent;color:inherit}
.nav-lang .lang-flag{box-shadow:0 0 0 1px rgb(128 128 128 / .3)}
@media (max-width:899px){
  .nav-lang .lang-btn{height:44px;padding:0 10px;gap:6px}
  .nav-lang .lang-car{display:none}
}
@media (max-width:379px){.nav-lang .lang-code{display:none}}
html.menu-open .nav-lang{opacity:0;visibility:hidden}

/* página de planos */
.lang--top .lang-btn{height:36px}
