/* ===========================================================
   TECNOVA Digital — seletor de idioma
   Canto superior direito, discreto, com bandeira.
   =========================================================== */
.lang{position:fixed;top:12px;right:14px;z-index:120;font-family:'Manrope',sans-serif}
/* dentro do cabeçalho (o caso normal): acompanha o menu em vez de flutuar */
.lang.no-header{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:60;flex:none}
.lang-atual{
  display:flex;align-items:center;gap:6px;
  background:rgba(22,16,11,.86);border:1px solid rgba(217,178,110,.4);
  color:#e8cf9e;border-radius:999px;padding:7px 14px;
  font:inherit;font-size:.76rem;font-weight:800;letter-spacing:.06em;cursor:pointer;
  backdrop-filter:blur(8px);transition:.18s;line-height:1;min-height:40px;
}
.lang-atual:hover{border-color:#d9b26e;color:#f6efe2}
.lang-atual .la-bandeira{font-style:normal;font-size:1.05rem;line-height:1}
.lang-atual .la-nome{white-space:nowrap}
/* dentro da barra de topo da aplicação não há espaço para o nome */
.lang.na-app-bar .la-nome{display:none}
.lang.na-app-bar .lang-atual{padding:9px 12px;min-height:38px}
.lang.na-app-bar .lang-menu{right:0;left:auto}
.lang-menu{
  position:absolute;top:calc(100% + 7px);right:0;min-width:172px;
  background:#16100b;border:1px solid rgba(217,178,110,.3);border-radius:14px;
  padding:6px;box-shadow:0 20px 50px rgba(0,0,0,.55);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s,transform .18s,visibility .18s;
}
.lang.aberto .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-btn{
  display:flex;align-items:center;gap:10px;width:100%;
  background:none;border:none;border-radius:9px;padding:10px 12px;
  color:#c9bda6;font:inherit;font-size:.84rem;font-weight:600;cursor:pointer;text-align:left;
}
.lang-btn i{font-style:normal;font-size:1.1rem;line-height:1}
.lang-btn:hover{background:rgba(217,178,110,.1);color:#f6efe2}
.lang-btn.on{background:rgba(217,178,110,.18);color:#e8cf9e;font-weight:800}

/* nas páginas dos modelos há a barra de demonstração no topo */
body:has(.demo-bar) .lang:not(.no-header){top:auto;bottom:14px;right:14px}
body:has(.demo-bar) .lang:not(.no-header) .lang-menu{top:auto;bottom:calc(100% + 7px);transform:translateY(6px)}
body:has(.demo-bar) .lang:not(.no-header).aberto .lang-menu{transform:none}

@media(max-width:640px){
  .lang:not(.no-header){top:auto;bottom:14px;left:14px;right:auto}
  .lang:not(.no-header) .lang-menu{top:auto;bottom:calc(100% + 7px);left:0;right:auto;transform:translateY(6px)}
  .lang:not(.no-header).aberto .lang-menu{transform:none}
  .lang-atual{padding:7px 11px;font-size:.76rem}
  .lang.no-header .lang-menu{right:-8px}
}
@media print{.lang{display:none!important}}