/* V19.56-dev04 — menu móvel global compacto e translúcido */
@media(max-width:1040px){
  body>header{height:76px!important}
  body>header .nav{height:76px!important}
  body>header .brand{min-width:0!important}
  body>header .brand img{width:52px!important;height:52px!important}
  body>header .brand-text strong{font-size:14px!important}
  body>header .brand-text span{font-size:9px!important}
  body>header .hamb{
    display:grid!important;
    place-items:center;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid rgba(246,198,77,.18)!important;
    border-radius:12px;
    background:rgba(246,198,77,.055)!important;
    color:#f6c64d!important;
    line-height:1;
    cursor:pointer;
  }
  body>header .hamb:focus-visible{
    outline:2px solid #f6c64d;
    outline-offset:3px;
  }
  body>header #main-nav{
    display:none;
    position:fixed!important;
    top:76px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-height:calc(100vh - 88px)!important;
    z-index:999!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    padding:7px 10px 10px!important;
    border:1px solid rgba(246,198,77,.27)!important;
    border-top-color:rgba(246,198,77,.18)!important;
    border-radius:0 0 14px 14px!important;
    background:rgba(3,3,3,.96)!important;
    box-shadow:0 20px 46px rgba(0,0,0,.48),0 0 22px rgba(246,198,77,.07)!important;
  }
  body>header #main-nav a{
    display:flex!important;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:11px 14px!important;
    border:0!important;
    border-bottom:1px solid rgba(246,198,77,.13)!important;
    color:#fff!important;
    text-align:center!important;
    font-size:13px;
    line-height:1.25;
  }
  body>header #main-nav a:last-child{border-bottom:0!important}
  body>header #main-nav a:after{display:none!important}
  body>header #main-nav a[aria-current="page"]{color:#f6c64d!important}
  body>header #main-nav a:hover,
  body>header #main-nav a:focus-visible{
    color:#ffe39a!important;
    background:rgba(246,198,77,.065);
    outline:none;
  }
}

@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){
  @media(max-width:1040px){
    body>header #main-nav{
      background:rgba(3,3,3,.88)!important;
      -webkit-backdrop-filter:blur(12px) saturate(125%);
      backdrop-filter:blur(12px) saturate(125%);
    }
  }
}