/* Menu do site (início e páginas de Soluções). Usa as cores definidas em :root de cada página. */
header{position:absolute;top:0;left:0;right:0;z-index:40;padding-top:env(safe-area-inset-top)}
.nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}
.nav-left{display:flex;align-items:center;gap:28px;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:var(--shadow)}
.logo img{height:28px;width:auto;display:block}
.nav-links{display:none;align-items:center;gap:26px;font-size:14px;font-weight:500;color:var(--ink-2)}
.nav-links > a:hover,.dd-btn:hover{color:var(--blue)}
.nav-right{display:none}
.menu-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#fff;border:0;box-shadow:var(--shadow);color:var(--ink);cursor:pointer}
header.fixed{position:fixed;animation:drop .25s ease}
header.fixed .nav{padding-top:8px}
@keyframes drop{from{transform:translateY(-100%)}to{transform:none}}

/* Soluções: painel com dois grupos */
.dd{position:relative}
.dd-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;font:inherit;font-weight:500;color:inherit;cursor:pointer;height:60px}
.dd-btn svg{width:14px;height:14px;transition:transform .15s}
.dd.open .dd-btn svg{transform:rotate(180deg)}
.dd-panel{display:none;position:absolute;top:100%;left:-24px;width:680px;max-width:calc(100vw - 48px);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg,0 30px 70px -25px rgba(10,22,51,.45));padding:18px;grid-template-columns:1fr 1fr;gap:8px 18px;z-index:50}
.dd.open .dd-panel{display:grid}
.dd-title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:6px 12px 8px}
.dd-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;color:var(--ink)}
.dd-item:hover,.dd-item:focus-visible{background:var(--bg-soft)}
.dd-item b{display:block;font-size:14.5px;font-weight:700;line-height:1.3}
.dd-item small{display:block;font-size:13px;color:var(--muted);line-height:1.4;margin-top:2px}
.dd-ico{flex:none;width:38px;height:38px;border-radius:10px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center}
.dd-ico svg{width:20px;height:20px}
.dd-item[aria-current=page]{background:var(--blue-50)}
.dd-soon{font-style:normal;font-size:10.5px;font-weight:700;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);border-radius:6px;padding:1px 6px;margin-left:6px;vertical-align:2px}

/* celular */
.mobile-menu{display:none;position:absolute;top:calc(100% + 8px);left:20px;right:20px;max-height:calc(100vh - 100px);overflow:auto;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg,0 30px 70px -25px rgba(10,22,51,.45));padding:8px}
.mobile-menu.open{display:block}
.mobile-menu > a,.mobile-menu summary{display:block;width:100%;text-align:left;padding:14px 16px;border-radius:10px;font-weight:600;font-size:15px;color:var(--ink)}
.mobile-menu > a:active,.mobile-menu summary:active{background:var(--bg-soft)}
.mobile-menu details,.mobile-menu details[open]{border:0;border-radius:0;padding:0;background:none;box-shadow:none}
.mobile-menu summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}
.mobile-menu summary::after{content:none;display:none}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary svg{width:16px;height:16px;transition:transform .15s}
.mobile-menu details[open] summary svg{transform:rotate(180deg)}
.mobile-menu .dd-title{padding:10px 16px 2px}
.mobile-menu .dd-item{padding:10px 16px}
.mobile-menu .btn{display:flex;margin-top:6px;color:#fff;background:var(--blue)}

/* páginas internas: barra branca fixa no topo */
header.solid{position:sticky;background:#fff;border-bottom:1px solid var(--line)}
header.solid .nav{padding-top:0;min-height:64px}
header.solid .nav-left{box-shadow:none;background:none;border-radius:0;padding:0}
header.solid .menu-btn{box-shadow:none;border:1px solid var(--line)}

@media (min-width:768px){.mobile-menu{left:32px;right:32px}}
@media (min-width:1024px){
  .nav,header.fixed .nav{padding-top:0;align-items:flex-start}
  .nav-left{border-radius:0 0 18px 18px;padding:0 22px;height:60px;gap:36px}
  .logo img{height:32px}
  .nav-links{display:flex}
  .menu-btn,.mobile-menu{display:none!important}
  .nav-right{display:flex;align-items:center;gap:6px;height:60px;padding:0 9px 0 20px;background:#fff;border-radius:0 0 18px 18px;box-shadow:var(--shadow)}
  .nav-login{font-size:14px;font-weight:600;color:var(--ink-2);padding:0 12px}
  .nav-login:hover{color:var(--blue)}
  .nav-cta{min-height:42px;padding:0 18px;font-size:14px}
  header.solid .nav{align-items:center}
  header.solid .nav-left,header.solid .nav-right{height:64px;box-shadow:none;background:none;border-radius:0;padding:0}
  header.solid .dd-btn{height:64px}
}
@media (prefers-reduced-motion:reduce){header.fixed{animation:none}}