/* LIQ SHELL BANNER V3 — a mesma linguagem visual da barra AFL.
   Exclusivo da navegacao; nenhuma regra de economia/Builder e alterada. */
@media (min-width:901px) {
  .topbar:has(>.topnav.liq-nav-banner-v3) {
    display:grid!important;
    grid-template-columns:minmax(205px,max-content) minmax(0,1fr)!important;
    grid-template-areas:"brand meta" "nav nav";
    gap:9px 18px!important;
    align-items:center;
    min-height:0;
    padding:10px 16px 0!important;
  }
  .topbar:has(>.topnav.liq-nav-banner-v3)>.brand-lockup {grid-area:brand}
  .topbar:has(>.topnav.liq-nav-banner-v3)>.top-meta {
    grid-area:meta;grid-column:auto!important;justify-self:end;
    justify-content:flex-end;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;
    white-space:nowrap;flex-wrap:nowrap;scrollbar-width:thin;
  }
}
.topbar>.topnav.liq-nav-banner-v3 {
  grid-area:nav;
  display:flex;
  width:100%;min-width:0;
  align-items:center;justify-content:flex-start;
  flex-wrap:nowrap!important;gap:8px!important;
  padding:10px 12px;
  margin:0;
  border:1px solid #26394d;
  border-bottom-color:#30495f;
  border-radius:10px 10px 0 0;
  background:#07111e;
  overflow:visible!important;
}
.topbar>.topnav.liq-nav-banner-v3>button,
.topbar>.topnav.liq-nav-banner-v3>details.liq-nav-group>summary {
  box-sizing:border-box!important;
  height:42px!important;min-height:42px!important;
  min-width:0!important;margin:0!important;
  padding:0 15px!important;
  display:inline-flex!important;flex:0 0 auto;
  align-items:center!important;justify-content:center!important;
  gap:8px!important;
  border:1px solid #26394d!important;
  border-radius:9px!important;
  background:#081321!important;
  color:#e6efff!important;
  font:700 13px/1 system-ui,sans-serif!important;
  white-space:nowrap;
  cursor:pointer;
}
.topbar>.topnav.liq-nav-banner-v3>button>span,
.topbar>.topnav.liq-nav-banner-v3>details.liq-nav-group>summary>span:first-child {
  display:inline-flex;align-items:center;justify-content:center;
  font:500 15px/1 "Segoe UI Symbol",system-ui,sans-serif;
}
.topbar>.topnav.liq-nav-banner-v3>button:hover,
.topbar>.topnav.liq-nav-banner-v3>button:focus-visible,
.topbar>.topnav.liq-nav-banner-v3>details.liq-nav-group>summary:hover,
.topbar>.topnav.liq-nav-banner-v3>details.liq-nav-group>summary:focus-visible {
  background:#0e3549!important;border-color:#18b3d6!important;
}
.topbar>.topnav.liq-nav-banner-v3>button.on,
.topbar>.topnav.liq-nav-banner-v3>details.liq-nav-group[open]>summary,
.topbar>.topnav.liq-nav-banner-v3>details.liq-nav-group:has(button.on)>summary {
  background:#055176!important;border-color:#24c5ee!important;color:#fff!important;
}
.topbar .liq-nav-banner-v3 .liq-nav-group {position:relative;min-width:0;flex:0 0 auto}
.topbar .liq-nav-banner-v3 .liq-nav-chevron {font-size:10px!important;color:#a0b8cc}
.topbar .liq-nav-banner-v3 .liq-nav-items {
  position:absolute;top:calc(100% + 6px);left:0;z-index:100;
  min-width:248px;padding:8px;display:grid;gap:4px;
  border:1px solid #26394d;border-radius:9px;
  background:#07111e;box-shadow:0 16px 45px rgba(0,0,0,.65);
}
.topbar .liq-nav-banner-v3 .liq-nav-items>button {
  display:flex;align-items:center;justify-content:flex-start;gap:10px;
  width:100%;min-width:0;min-height:42px;height:auto;
  padding:10px 12px;margin:0;
  border:1px solid transparent;border-radius:8px;
  background:transparent;color:#e6efff;
  font:700 12px/1.3 system-ui,sans-serif;text-align:left;white-space:normal;
}
.topbar .liq-nav-banner-v3 .liq-nav-items>button:hover,
.topbar .liq-nav-banner-v3 .liq-nav-items>button.on {background:#12334b;border-color:#24c5ee;color:#fff}
.topbar .liq-nav-banner-v3 .liq-nav-items>button[hidden],
.topbar .liq-nav-banner-v3 .liq-nav-items>button[style*="display: none"] {display:none!important}
@media (max-width:900px) {
  .topbar:has(>.topnav.liq-nav-banner-v3){display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"brand" "meta";padding:9px 12px!important;gap:8px!important}
  .topbar:has(>.topnav.liq-nav-banner-v3)>.brand-lockup{grid-area:brand}
  .topbar:has(>.topnav.liq-nav-banner-v3)>.top-meta{grid-area:meta;grid-column:auto!important;justify-content:flex-start;min-width:0;width:100%;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}
  .topbar>.topnav.liq-nav-banner-v3{display:none!important}
  .topbar>.topnav.liq-nav-banner-v3.liq-mobile-nav-open {
    display:flex!important;position:fixed;inset:0 0 67px 0;z-index:905;
    width:100%;max-height:none;
    padding:20px 14px;gap:9px!important;
    flex-direction:column;align-items:stretch;justify-content:flex-start;
    flex-wrap:nowrap!important;overflow-x:hidden!important;overflow-y:auto!important;
    border-radius:0;background:#061724;
  }
  .topbar>.topnav.liq-nav-banner-v3.liq-mobile-nav-open>button,
  .topbar>.topnav.liq-nav-banner-v3.liq-mobile-nav-open>details.liq-nav-group,
  .topbar>.topnav.liq-nav-banner-v3.liq-mobile-nav-open>details.liq-nav-group>summary {
    width:100%;flex:0 0 auto;min-height:48px!important;height:auto!important;justify-content:flex-start!important;
  }
  .topbar>.topnav.liq-nav-banner-v3.liq-mobile-nav-open .liq-nav-items {
    position:static;width:100%;min-width:0;max-width:100%;margin-top:6px;
    box-shadow:none;
  }
  .topbar>.topnav.liq-nav-banner-v3.liq-mobile-nav-open .liq-nav-items>button {min-height:46px}
  .liq-mobile-banner-v3 {grid-template-columns:repeat(4,minmax(0,1fr))}
}