/* Home: pílula com mega-menu (Plataforma, Para quem, Ferramentas, Recursos). Markup gerado em scripts/build-institucional.ts. */
/* o painel ancora na pílula (.nav), não no botão: centralizado sob o header, nunca corta na borda da tela */
.nav-item{position:static;display:flex}
.nav-trigger{display:inline-flex;align-items:center;gap:4px;padding:8px 2px;border:0;background:none;font:inherit;font-size:12px;color:#55555c;cursor:pointer;transition:color .2s}
.nav-trigger .icon{width:13px;height:13px;transition:transform .2s}
.nav-item:hover>.nav-trigger,.nav-item.open>.nav-trigger,.nav-trigger:focus-visible{color:var(--pink)}
.nav-item.open>.nav-trigger .icon{transform:rotate(180deg)}
.mega{position:absolute;z-index:30;top:100%;left:50%;display:none;width:max-content;max-width:min(760px,calc(100vw - 40px));margin-top:14px;padding:22px 22px 0;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(25,25,32,.14);transform:translateX(-50%)}
.mega::before{content:"";position:absolute;inset:-16px 0 auto;height:16px}
.nav-item.open>.mega{display:block}
@media(hover:hover) and (min-width:801px){.nav-item:hover>.mega{display:block}.nav-item:hover>.nav-trigger .icon{transform:rotate(180deg)}}
.mega-cols{display:grid;grid-template-columns:repeat(var(--cols),minmax(250px,1fr));gap:8px 26px}
.mega-label{display:block;margin:0 0 8px 10px;font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#9a9aa1}
.mega-link{display:flex;align-items:flex-start;gap:12px;padding:9px 10px;border-radius:12px;color:var(--ink);text-decoration:none;transition:background .15s}
.nav .mega-link,.nav .mega-link:hover{color:var(--ink)}
@media(max-width:800px){.nav .mega-link.is-soon{color:#9a9aa1}}
.mega-link:hover,.mega-link:focus-visible{background:var(--soft)}
.mega-ico{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#f0f0f2;color:#55555c}
.mega-link:hover .mega-ico{background:var(--pink-soft);color:var(--pink)}
.mega-link b{display:block;font-size:13px;font-weight:600;line-height:1.3}
.mega-link small{display:block;margin-top:2px;font-size:11.5px;line-height:1.35;color:var(--muted)}
.mega-link.is-soon{position:relative;cursor:default;opacity:.55}
.mega-link.is-soon:hover{background:none}
.mega-link.is-soon:hover .mega-ico{background:#f0f0f2;color:#55555c}
.soon{margin-left:auto;padding:2px 8px;border-radius:999px;background:#ececef;font-size:9.5px;font-style:normal;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#707077;white-space:nowrap}
.mega-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px -22px 0;padding:14px 22px;border-top:1px solid var(--line);border-radius:0 0 22px 22px;background:var(--soft)}
.mega-foot b{display:block;font-size:13px}
.mega-foot small{display:block;margin-top:2px;font-size:11.5px;color:var(--muted)}
.mega-foot .button{flex:none;white-space:nowrap}
.nav[data-hide]:has(.nav-item.open){opacity:1;visibility:visible;pointer-events:auto;transform:none}

@media(min-width:801px){.nav-links{gap:22px}.nav .nav-links>a,.nav .login,.nav-trigger{font-size:13px;font-weight:500;color:#3d3d44}.nav .nav-links>a:hover,.nav .login:hover,.nav-item:hover>.nav-trigger,.nav-item.open>.nav-trigger{color:var(--pink)}}

@media(max-width:800px){
  .nav-links{max-height:calc(100svh - 90px);overflow-y:auto}
  .nav-item{display:block}
  .nav-trigger{width:100%;min-height:44px;justify-content:space-between;padding:0 10px;font-size:14px}
  .nav-trigger .icon{width:16px;height:16px}
  .mega{position:static;display:none;width:auto;max-width:none;margin:0 0 6px 10px;padding:0 0 0 12px;border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:none;transform:none}
  .mega::before,.mega-foot{display:none}
  .mega-cols{display:block}
  .mega-col+.mega-col{margin-top:6px}
  .mega-label{margin:8px 0 2px 4px}
  .mega-link{min-height:44px;align-items:center;padding:6px 4px;border-radius:8px}
  .mega-ico,.mega-link small{display:none}
  .mega-link b{font-size:14px;font-weight:500}
  .mega-link.is-soon{opacity:1;color:#9a9aa1}
}
/* "Agendar bate-papo" só no menu aberto do celular (a home não carrega o institucional.css) */
.mobile-call{display:none}
@media(max-width:800px){.nav-links .mobile-call{display:block;padding:12px 10px;font-size:14px}}