/* Shared language controls for both locales and the compact mobile homepage. */
.language-switch{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;border:1px solid #4c6556;border-radius:7px;padding:2px;font:700 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.3px}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:40px;border-radius:4px;color:#c9d5cc}
.language-switch a[aria-current="page"]{background:#b6ef94;color:#152014}
.language-switch>span{color:#6f8776;font-weight:400}
.language-switch a:hover{background:#294236;color:#fff}
.language-switch a:focus-visible{outline:3px solid #b6ef94;outline-offset:3px}
.nav{gap:20px;flex-wrap:wrap;padding-block:18px}
.nav>nav{gap:20px;margin-left:auto;flex-wrap:wrap}
.translation-note{font-size:12px!important;line-height:1.5!important;opacity:.8;margin:12px 0!important}
html[lang="pt-BR"] .mobile-home .mb-intro{grid-template-columns:minmax(0,1fr) 96px}
html[lang="pt-BR"] .mobile-home .mb-intro img{width:96px}
html[lang="pt-BR"] .mobile-home h1{font-size:clamp(28px,7.5vw,40px)}
html[lang="pt-BR"] .mobile-home .mb-result-grid strong{font-size:23px}
@media(max-width:1050px) and (min-width:761px){.nav>nav{gap:12px}.nav .brand small{display:none}}
@media(max-width:760px){
 .nav{display:grid;grid-template-columns:1fr auto;gap:10px;padding-block:14px}
 .nav>.brand{grid-column:1;grid-row:1}
 .nav>.language-switch{grid-column:2;grid-row:1}
 .nav>nav{grid-column:1/-1;grid-row:2;margin-left:0}
 .mobile-home header{gap:8px;padding-inline:20px;flex-wrap:wrap}
 .mobile-home .mb-brand{margin-right:auto}
 .mobile-home .language-switch a{min-width:32px;min-height:40px}
 .mobile-home .language-switch a[aria-current="page"]{color:#152014}
}