/* CABEÇALHO ÚNICO DO SITE (21/10/2026 — Daivier: "pq as áreas internas várias não têm todos os menus?").
   38 das 67 páginas tinham só o logo e o "Testar grátis": cada uma nasceu com o seu cabeçalho, e só a home ganhou
   o menu completo (com o painel "Recursos"). Agora o HTML vem de UM módulo (landing/cabecalho.mjs), o estilo
   daqui e o comportamento de /cabecalho.js. Classes com o prefixo `cab-` de propósito: cada página tem as suas
   regras para .nav/.brand/.btn, e o cabeçalho não pode depender delas nem estragá-las. */
.cab{--cab-primary:#5b5cf6;--cab-primary-2:#7c3aed;--cab-cyan:#06b6d4;--cab-dark:#111827;--cab-line:#e8edf5;--cab-sombra:0 14px 35px rgba(30,41,59,.08);
  height:78px;display:flex;align-items:center;position:sticky;top:0;z-index:50;background:rgba(247,249,255,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.7);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--cab-dark)}
.cab *{box-sizing:border-box}
.cab a{text-decoration:none;color:inherit}
.cab-in{max-width:1180px;width:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.cab-marca{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.04em;font-size:20px;flex-shrink:0}
.cab-marca-ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;overflow:hidden;box-shadow:0 12px 30px rgba(91,92,246,.28)}
.cab-marca-ico img{width:100%;height:100%;object-fit:cover;display:block}
.cab-grad{background:linear-gradient(135deg,var(--cab-primary),var(--cab-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.cab-links{display:flex;align-items:center;gap:26px;color:#64748b;font-size:14px;font-weight:700}
.cab-links>a:hover{color:var(--cab-primary)}
.cab-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:800;font-size:14px;white-space:nowrap;cursor:pointer;border:0;color:#fff!important;background:linear-gradient(135deg,var(--cab-primary),var(--cab-primary-2));box-shadow:0 18px 40px rgba(91,92,246,.25);transition:.2s ease}
.cab-btn:hover{transform:translateY(-2px);box-shadow:0 22px 55px rgba(91,92,246,.34)}
.cab-links .cab-btn-menu{display:none}
.cab-toggle{display:none;background:#fff;border:1px solid var(--cab-line);border-radius:12px;width:44px;height:44px;font-size:22px;line-height:1;cursor:pointer;align-items:center;justify-content:center;color:var(--cab-dark);box-shadow:var(--cab-sombra)}
/* Painel "Recursos" — o mesmo da home (feature-site-menu-recursos-2110). */
.cab-mega{position:static}
.cab-mega-btn{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.cab-mega-btn:hover,.cab-mega.open .cab-mega-btn{color:var(--cab-primary)}
.cab-seta{font-size:10px;transition:transform .2s}
.cab-mega.open .cab-seta{transform:rotate(180deg)}
.cab-painel{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);width:min(980px,calc(100vw - 48px));background:#fff;border:1px solid var(--cab-line);border-radius:20px;box-shadow:0 24px 60px rgba(30,41,59,.16);padding:22px 22px 16px;display:none;z-index:60;text-align:left}
.cab-painel::before{content:"";position:absolute;top:-20px;left:0;right:0;height:20px}
.cab-mega:hover .cab-painel,.cab-mega:focus-within .cab-painel,.cab-mega.open .cab-painel{display:block}
.cab-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 18px}
.cab-col h4{margin:0 0 6px;padding:0 10px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--cab-primary)}
.cab-col a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;color:#334155;font-size:14px;font-weight:600;line-height:1.3}
.cab-col a:hover{background:#f4f5ff;color:var(--cab-primary)}
.cab-ico{flex:0 0 30px;height:30px;border-radius:9px;background:#f4f5ff;display:grid;place-items:center;font-size:16px}
.cab-todos{display:block;margin-top:10px;padding:12px 10px 2px;border-top:1px solid var(--cab-line);color:var(--cab-primary);font-weight:800;font-size:14px}
@media(min-width:981px){.cab-in{position:relative}}
@media(max-width:1100px) and (min-width:981px){.cab-links{gap:18px}}
/* Celular: o ☰ abre a lista; o "Recursos" vira acordeão dentro dela. */
@media(max-width:980px){
  .cab-toggle{display:inline-flex;margin-left:auto}
  .cab-in{padding:0 16px;gap:12px}
  .cab-marca{font-size:17px;gap:9px}
  .cab-in>.cab-btn{display:none}
  .cab-links{position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(247,249,255,.98);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--cab-line);box-shadow:var(--cab-sombra);padding:6px 18px 16px;display:none;max-height:calc(100vh - 90px);overflow-y:auto}
  .cab-links.open{display:flex}
  .cab-links>a{padding:15px 6px;border-bottom:1px solid var(--cab-line);font-size:16px}
  .cab-links .cab-btn-menu{display:flex;margin-top:12px;border-bottom:0;padding:14px 22px;font-size:15px}
  .cab-mega{border-bottom:1px solid var(--cab-line)}
  .cab-mega-btn{width:100%;justify-content:space-between;padding:15px 6px;font-size:16px}
  .cab-mega:hover .cab-painel,.cab-mega:focus-within .cab-painel{display:none}
  .cab-mega.open .cab-painel{display:block}
  .cab-painel{position:static;transform:none;width:auto;border:0;border-radius:0;box-shadow:none;padding:0 0 12px;background:transparent}
  .cab-painel::before{display:none}
  .cab-grade{grid-template-columns:1fr 1fr;gap:4px 12px}
  .cab-col a{padding:8px 6px;font-size:14px}
  .cab-todos{padding:12px 6px 4px}
}
@media(max-width:640px){.cab-grade{grid-template-columns:1fr}}