/**
 * Menu fullscreen — overlay + painéis (.menu-overlay / .menu-* / .panel-*).
 * Extraído de portalv3.0/style.css (linhas 607-733) em 2026-05-26.
 * Versão anterior (lixo de navbar antigo do v3) em menu.css.bak-20260526-pre-menucss-fix.
 */

/* ============ VARIÁVEIS DO MENU ============ */
:root {
    --menu-brand: #1B4A2E;
    --menu-gold:  #C49A20;
    --menu-bg:    #0a0a0a;
    --menu-text:  #ffffff;
    --menu-muted: #6b6b6b;
    --menu-line:  rgba(255,255,255,0.08);
}

/* ============ MENU OVERLAY FULLSCREEN ============
   Animação no mesmo padrão do search overlay (.hv-search): desce de cima
   por transform, sem alternar display. Mantém display:grid o tempo todo;
   `pointer-events:none` quando fechado pra não bloquear cliques. */
.menu-overlay{
    position:fixed;inset:0;background:var(--menu-bg);color:var(--menu-text);
    z-index:9999;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;
    font-family:var(--fonte-corpo);
    transform:translateY(-100%);
    transition:transform .5s cubic-bezier(.65,.05,.36,1);
    pointer-events:none;
}
.menu-overlay.open{
    transform:translateY(0);
    pointer-events:auto;
}
.menu-header{display:flex;justify-content:space-between;align-items:center;
    padding:28px 48px;border-bottom:1px solid var(--menu-line)}
.menu-logo{display:flex;align-items:center;gap:14px;font-family:var(--fonte-caps);
    letter-spacing:.12em;font-size:16px;color:inherit;text-decoration:none}
.menu-logo::before{content:'';width:10px;height:10px;background:var(--menu-gold);border-radius:50%}
.menu-close{background:none;border:1px solid rgba(255,255,255,.4);color:var(--menu-text);
    font-family:var(--fonte-caps);font-size:14px;letter-spacing:1.5px;text-transform:uppercase;
    cursor:pointer;padding:10px 20px;display:flex;align-items:center;gap:10px;transition:all .2s}
.menu-close:hover{border-color:#fff;background:rgba(255,255,255,.05)}
.menu-close svg{transition:transform .3s ease}
.menu-close:hover svg{transform:rotate(90deg)}

.menu-main{display:grid;grid-template-columns:420px 1fr;min-height:0;overflow:hidden}
.menu-nav{padding:60px 48px 40px;border-right:1px solid var(--menu-line);overflow-y:auto}
.menu-nav-btn{display:block;width:100%;background:none;border:none;text-align:left;
    color:rgba(255,255,255,.22);font-family:var(--fonte-caps);font-size:46px;
    letter-spacing:.02em;line-height:1.05;padding:11px 0 11px 22px;cursor:pointer;
    transition:color .2s;position:relative}
.menu-nav-btn:hover{color:rgba(255,255,255,.55)}
.menu-nav-btn.active{color:var(--menu-text)}
.menu-nav-btn.active::before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:3px;background:var(--menu-gold)}

.menu-panel{padding:60px 60px 60px 72px;overflow-y:auto}
.panel-section{display:none}
.panel-section.active{display:block;animation:menuFade .25s ease}
@keyframes menuFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.panel-eyebrow{color:var(--menu-gold);font-family:var(--fonte-caps);letter-spacing:.2em;
    font-size:13px;margin-bottom:40px}
.panel-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:48px}
.panel-cols.cols-3{grid-template-columns:repeat(3,1fr)}
.panel-cols.cols-2{grid-template-columns:repeat(2,1fr)}
.panel-col h4{font-family:var(--fonte-caps);letter-spacing:.18em;font-size:12px;
    color:var(--menu-muted);padding-bottom:14px;border-bottom:1px solid var(--menu-line);
    margin-bottom:18px;font-weight:400}
.panel-col h4.sub{margin-top:28px}
.panel-col .sublabel{font-family:var(--fonte-caps);letter-spacing:.15em;
    color:rgba(255,255,255,.4);font-size:11px;margin:18px 0 10px}
.panel-col ul{list-style:none;margin:0;padding:0}
.panel-col li a{display:block;color:rgba(255,255,255,.72);text-decoration:none;font-size:15px;
    padding:7px 0;transition:color .15s;line-height:1.35}
.panel-col li a:hover{color:var(--menu-text)}
.panel-col li a.highlight{color:var(--menu-gold)}
.panel-col li a.highlight:hover{color:#e0b73a}

/* "Ver todos →" — mesmo amarelo da aba ativa / panel-eyebrow */
.panel-col li.mega-menu-ver-todos a,
.panel-col li a.mega-menu-ver-todos{
    color:var(--menu-gold);
    font-weight:600;
    letter-spacing:.02em;
    margin-top:6px;
    display:inline-flex;
    align-items:center;
    gap:6px;
}
.panel-col li.mega-menu-ver-todos a::after,
.panel-col li a.mega-menu-ver-todos::after{
    content:"→";
    transition:transform .2s ease;
}
.panel-col li.mega-menu-ver-todos a:hover,
.panel-col li a.mega-menu-ver-todos:hover{color:#e0b73a}
.panel-col li.mega-menu-ver-todos a:hover::after,
.panel-col li a.mega-menu-ver-todos:hover::after{transform:translateX(3px)}

/* background:transparent neutraliza `footer { background:#001e47 }` herdado do style.css raiz do v2 */
.menu-footer{background:transparent;border-top:1px solid var(--menu-line);padding:22px 48px;display:flex;
    align-items:center;gap:18px;font-size:13px;flex-wrap:wrap}
.menu-footer .label{font-family:var(--fonte-caps);letter-spacing:.2em;
    color:var(--menu-gold);font-size:12px}
.menu-footer a{color:rgba(255,255,255,.6);text-decoration:none}
.menu-footer a:hover{color:var(--menu-text)}
.menu-footer .sep{color:rgba(255,255,255,.18)}

@media (max-width:980px){
    .menu-main{grid-template-columns:1fr}
    .menu-nav{padding:28px 24px;border-right:none;border-bottom:1px solid var(--menu-line)}
    .menu-nav-btn{font-size:32px;padding:10px 0 10px 16px}
    .menu-panel{padding:32px 24px}
    .panel-cols,.panel-cols.cols-3,.panel-cols.cols-2{grid-template-columns:1fr;gap:28px}
    .menu-header{padding:18px 24px}
    /* Links rápidos em UMA linha no mobile: nowrap + scroll horizontal (swipe).
       O default desktop é flex-wrap:wrap; aqui forçamos nowrap pra não empilhar
       cada link numa linha. overflow-x:auto deixa arrastar; scrollbar escondida.
       Os filhos (label, separadores · e <a>) não encolhem (flex:0 0 auto) e não
       quebram texto (white-space:nowrap). */
    .menu-footer{padding:18px 24px;gap:12px;font-size:12px;
        flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .menu-footer::-webkit-scrollbar{display:none}
    .menu-footer > *{flex:0 0 auto;white-space:nowrap}
}