/* PT / EN / ES links at the end of the main navigation. */
#site-menu .lang-switch{display:flex;align-items:center}
#site-menu .lang-switch>div{display:flex;align-items:center;gap:2px;padding-left:10px;margin-left:4px;border-left:1px solid currentColor;border-color:rgb(255 255 255 / .16)}
#site-menu .lang-switch a{padding:8px 6px;font-size:11px;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:inherit;opacity:.5;border-radius:4px;transition:opacity .2s,color .2s,background .2s}
#site-menu .lang-switch a:hover{opacity:1;background:rgb(200 182 255 / .1)}
#site-menu .lang-switch a[aria-current]{opacity:1;color:#c8b6ff}
/* On narrow detail pages the menu spans the full width; the switch moves beside the logo. */
@media(max-width:900px){
  .detail-header{position:relative}
  .detail-header #site-menu .lang-switch{position:absolute;top:28px;right:5vw}
  .detail-header #site-menu .lang-switch>div{border-left:0;padding-left:0;margin-left:0}
}
#site-menu .lang-switch a{text-decoration:none}
/* Inside the home's mobile menu pane the switch sits under the links, at a tappable size. */
@media(max-width:900px){
  #site-header #site-menu .lang-switch>div{border-left:0;margin:14px 0 0;padding-left:10px;gap:6px}
  #site-header #site-menu .lang-switch a{font-size:13px;padding:10px 8px}
}