/* Cabeçalho mobile (até 767px): duas faixas de menus em movimento contínuo e menu suspenso.
   Arquivo local do Lovable, fora do pacote do site: sobrevive às atualizações por ZIP.
   Nada aqui vale acima de 767px — a versão desktop não muda. */
.mh-row,.mh-pop,.mh-scrim{display:none}

@media (max-width:767px){
  /* esconde as versões originais; os mesmos links aparecem nas faixas novas */
  html.mh-on .util .wrap > :not(.mh-row){display:none!important}
  html.mh-on header.top .mainnav,html.mh-on header.top .menu-btn{display:none!important}
  html.mh-on .util .wrap{padding:0!important;max-width:none!important;display:block!important}

  html.mh-on .mh-row{display:flex;align-items:center;width:100%;min-width:0;position:relative}
  .mh-vp{flex:1 1 auto;min-width:0;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);
    mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}
  .mh-track{display:flex;width:max-content;will-change:transform}
  .mh-set{display:flex;align-items:center;gap:6px;margin:0;padding:0 6px 0 0;list-style:none}
  .mh-set li{flex:none;margin:0;padding:0}
  .mh-it{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:0;cursor:pointer;
    font:500 12.5px/1 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:normal;border-radius:999px;-webkit-tap-highlight-color:transparent}
  .mh-it .mh-car{font-size:10px;opacity:.75;font-weight:400}
  .mh-it:focus{outline:none}
  .mh-it:focus-visible{outline:2px solid #F5B323;outline-offset:2px}

  /* Linha 1: barra institucional */
  .mh-util{height:34px;padding:0 4px 0 0}
  .mh-util .mh-vp{height:34px;display:flex;align-items:center}
  .mh-util .mh-it{height:24px;padding:0 11px;background:rgba(255,255,255,.08);color:#DCE6FA;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
  .mh-util .mh-it i{font:700 10px/1 'IBM Plex Sans',sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;
    background:#F5B323;color:#0A1F5C;border-radius:999px;padding:4px 7px;margin-left:-7px}
  .mh-util .mh-it.mh-launch{background:none;box-shadow:none;color:#fff;padding-left:7px}
  .mh-util .mh-it.mh-launch.mh-bf i{background:#FFD21F;color:#0A0A0A}
  .mh-util .mh-it.mh-tel{color:#fff;font-weight:700}
  .mh-util .mh-it.mh-ava{background:#F5B323;color:#0A1F5C;font-weight:700;box-shadow:none}
  .mh-util .mh-it.mh-cg{color:#fff;font-weight:700;box-shadow:inset 0 0 0 1px rgba(245,179,35,.7)}
  .mh-util .mh-it.mh-cur{background:rgba(255,255,255,.2);color:#fff}
  .mh-pause{flex:none;width:26px;height:26px;margin-left:2px;border-radius:50%;border:0;padding:0;cursor:pointer;
    background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}
  .mh-pause svg{width:12px;height:12px;fill:currentColor}
  .mh-pause:focus{outline:none}
  .mh-pause:focus-visible{outline:2px solid #F5B323;outline-offset:2px}

  /* Linha 3: categorias principais (fica no topo fixo junto com a logo) */
  html.mh-on header.top .wrap{flex-wrap:wrap!important}
  header.top .mh-main{order:10;flex:1 0 100%;padding:6px 0 7px;margin:0}
  .mh-main .mh-vp{margin:0 -4px}
  .mh-main .mh-it{height:32px;padding:0 13px;font-size:13.5px;font-weight:600;background:#EEF3FF;color:#0B2A7E}
  .mh-main .mh-it.mh-btn{background:#0B2A7E;color:#fff}
  .mh-main .mh-it.mh-portal{background:#FFF4D6;color:#0B2A7E;box-shadow:inset 0 0 0 2px #F5B323}
  .mh-main .mh-it.mh-cur{box-shadow:inset 0 0 0 2px #0B2A7E}
  .mh-main .mh-it:focus-visible{outline-color:#0B2A7E}

  /* menu suspenso: fica por cima do conteúdo, fora das faixas (nunca é cortado) */
  html.mh-on .mh-scrim{display:block;position:fixed;inset:0;z-index:10050;background:rgba(4,18,61,.22)}
  html.mh-on .mh-pop{display:block;position:fixed;z-index:10060;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;
    background:#fff;border-radius:16px;padding:6px 6px 8px;font-family:'IBM Plex Sans',system-ui,sans-serif;letter-spacing:normal;
    box-shadow:0 24px 60px -18px rgba(7,26,77,.5),0 0 0 1px rgba(11,42,126,.1);animation:mhIn .16s ease-out}
  /* o botão do VLibras fica acima de tudo; some só enquanto o menu está aberto */
  html.mh-open [vw],html.mh-open [vw] *,html.mh-open #vlibras-access-wrapper,html.mh-open #vlibras-access-wrapper *{visibility:hidden!important}
  html.mh-on .mh-scrim[hidden],html.mh-on .mh-pop[hidden]{display:none}
  .mh-pop:focus{outline:none}
  .mh-pop-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 6px 8px 10px;
    position:sticky;top:-6px;background:#fff;z-index:1}
  .mh-pop-h > div{display:grid;gap:3px;min-width:0}
  .mh-pop-h small{font:500 12.5px/1.35 'IBM Plex Sans',sans-serif!important;color:#6B7794;letter-spacing:0!important;text-transform:none!important}
  .mh-pop-h small:empty{display:none}
  .mh-pop-h b{font:700 17px/1.2 'Space Grotesk','IBM Plex Sans',sans-serif;color:#0B2A7E}
  .mh-x{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:#EEF3FF;color:#0B2A7E;font:400 22px/1 sans-serif;
    cursor:pointer;display:grid;place-items:center;padding:0}
  .mh-x:focus-visible{outline:2px solid #0B2A7E;outline-offset:2px}
  .mh-pop-l{list-style:none;margin:0;padding:0;display:grid;gap:2px}
  .mh-pop-l li{margin:0;padding:0}
  .mh-pop-l a{white-space:normal;overflow-wrap:anywhere;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;min-height:44px;box-sizing:border-box;
    padding:9px 12px;border-radius:11px;text-decoration:none;color:#1B2B52;-webkit-tap-highlight-color:transparent}
  .mh-pop-l a > span{display:grid;gap:2px;min-width:0}
  .mh-pop-l a b{font:600 14.5px/1.25 'IBM Plex Sans',sans-serif}
  .mh-pop-l a small{font:500 12.5px/1.3 'IBM Plex Sans',sans-serif!important;color:#6B7794;letter-spacing:0!important;text-transform:none!important}
  .mh-pop-l a em{font-style:normal;color:#0B2A7E;font-weight:700}
  .mh-pop-l a:active,.mh-pop-l a:hover{background:#F2F6FF}
  .mh-pop-l a b i{font:700 10px/1 'IBM Plex Sans',sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;
    background:#F5B323;color:#0A1F5C;border-radius:999px;padding:3px 7px;vertical-align:2px}
  .mh-pop-l a.mh-cur,.mh-pop-l .mh-acc.mh-cur{box-shadow:inset 3px 0 0 #0B2A7E}
  .mh-pop-l > li + li{border-top:1px solid #EEF1F7}
  .mh-acc{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;width:100%;min-height:44px;
    box-sizing:border-box;padding:9px 12px;border:0;border-radius:11px;background:none;text-align:left;cursor:pointer;color:#1B2B52;
    font:inherit;-webkit-tap-highlight-color:transparent}
  .mh-acc > span{display:grid;gap:2px;min-width:0}
  .mh-acc b{font:600 14.5px/1.25 'IBM Plex Sans',sans-serif}
  .mh-acc small{font:500 12.5px/1.3 'IBM Plex Sans',sans-serif!important;color:#6B7794;letter-spacing:0!important;text-transform:none!important}
  .mh-acc em{font-style:normal;color:#0B2A7E;font-weight:700;transition:transform .15s}
  .mh-acc[aria-expanded="true"]{background:#F2F6FF}
  .mh-acc[aria-expanded="true"] em{transform:rotate(180deg)}
  .mh-acc:focus{outline:none}
  .mh-acc:focus-visible{outline:2px solid #0B2A7E;outline-offset:-2px}
  .mh-subl{list-style:none;margin:2px 0 6px 12px;padding:0 0 0 8px;border-left:2px solid #DCE5F8;display:grid;gap:1px}
  .mh-subl[hidden]{display:none}
  .mh-subl li{margin:0;padding:0}
  .mh-subl a{min-height:40px!important;padding:7px 10px!important}
  .mh-subl a b{font-size:14px!important;font-weight:500!important}
  .mh-pop-l a:focus{outline:none}
  .mh-pop-l a:focus-visible{outline:2px solid #0B2A7E;outline-offset:-2px;background:#F2F6FF}
  .mh-pop-l a.mh-go{background:#EEF3FF}
  .mh-pop-l a.mh-go b{color:#0B2A7E}
  .mh-pop-l a[aria-current="page"] b::after{content:" · você está aqui";font-weight:500;font-size:12px;color:#6B7794}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){.mh-acc em{transition:none}}
@keyframes mhIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:767px) and (prefers-reduced-motion:reduce){
  .mh-pause{display:none!important}
  html.mh-on .mh-pop{animation:none}
}