/* Cabecalho unico da SB Works (todas as paginas da marca). Classes com prefixo sbh- para nao colidir. */
.sbh { --sbh-lime:#cbff2e; --sbh-ink:#09090c; --sbh-max:1380px; position:sticky; top:0; z-index:60; width:100%; height:84px; margin:0; box-sizing:border-box; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 max(28px, calc((100vw - var(--sbh-max)) / 2 + 28px)); background:rgba(9,9,12,.9); border-bottom:1px solid rgba(255,255,255,.1); box-shadow:0 12px 35px rgba(0,0,0,.18); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); font-family:"Manrope","DM Sans",Arial,sans-serif; color:#fff; }
.sbh *, .sbh *:before, .sbh *:after { box-sizing:border-box; }
.sbh a { color:inherit; text-decoration:none; }
.sbh-brand { display:inline-flex; align-items:center; gap:11px; width:max-content; font:800 15px "Manrope",sans-serif; letter-spacing:.13em; color:#fff; }
.sbh-brand img { width:34px; height:34px; object-fit:contain; display:block; }
.sbh-nav { display:flex; align-items:center; gap:34px; color:#b8b6bd; font:500 13px "Manrope",sans-serif; }
.sbh-nav > a, .sbh-drop > a { position:relative; transition:color .2s; }
.sbh-nav > a:hover, .sbh-drop > a:hover, .sbh-nav > a[aria-current="page"] { color:var(--sbh-lime); }
.sbh-drop { position:relative; padding:30px 0; }
.sbh-drop > a span { color:var(--sbh-lime); margin-left:4px; }
.sbh-menu { position:absolute; top:68px; left:50%; width:280px; padding:8px; background:#15151b; border:1px solid #2d2c34; box-shadow:0 22px 50px rgba(0,0,0,.35); transform:translate(-50%,10px); opacity:0; visibility:hidden; transition:.2s; }
.sbh-drop:hover .sbh-menu, .sbh-drop:focus-within .sbh-menu { opacity:1; visibility:visible; transform:translate(-50%,0); }
.sbh-menu a { display:flex; flex-direction:column; gap:4px; padding:13px; color:#fff; }
.sbh-menu a:hover { background:#202029; }
.sbh-menu b { font:600 13px "Manrope",sans-serif; } .sbh-menu small { color:#828089; font-size:10px; }
.sbh-cta { justify-self:end; padding:11px 15px; background:var(--sbh-lime); color:var(--sbh-ink) !important; border:1px solid var(--sbh-lime); font:700 11px "Manrope",sans-serif; transition:transform .25s, box-shadow .25s; white-space:nowrap; }
.sbh-cta:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(203,255,46,.18); }
.sbh-cta span { margin-left:8px; }
.sbh-toggle { display:none; justify-self:end; width:44px; height:44px; border:1px solid rgba(255,255,255,.16); border-radius:999px; background:rgba(255,255,255,.04); padding:0; place-items:center; cursor:pointer; position:relative; z-index:72; }
.sbh-toggle span { display:block; width:18px; height:2px; border-radius:999px; background:#fff; margin:3px auto; transition:transform .22s; }
.sbh.is-open .sbh-toggle span:first-child { transform:translateY(4px) rotate(45deg); }
.sbh.is-open .sbh-toggle span:last-child { transform:translateY(-4px) rotate(-45deg); }
.sbh a:focus-visible, .sbh-toggle:focus-visible { outline:2px solid var(--sbh-lime); outline-offset:4px; }
/* Paginas que tinham cabecalho fixo nao precisam mais do espaco extra */
.sbh + main { padding-top:0 !important; }
@media (max-width:980px) {
  .sbh { grid-template-columns:1fr auto; height:70px; padding:0 18px; }
  .sbh-cta { display:none; }
  .sbh-toggle { display:grid; }
  .sbh-nav { display:none; }
  .sbh.is-open .sbh-nav { display:flex; position:fixed; z-index:70; inset:0; min-height:100dvh; padding:96px 24px 34px; overflow-y:auto; background:rgba(10,10,14,.98); flex-direction:column; align-items:stretch; gap:0; font:700 clamp(25px,8vw,38px) "Manrope",sans-serif; color:#fff; }
  .sbh.is-open .sbh-nav > a, .sbh.is-open .sbh-drop > a { width:100%; min-height:58px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.12); }
  .sbh.is-open .sbh-drop { padding:0; }
  .sbh.is-open .sbh-menu { position:static; display:grid; transform:none; opacity:1; visibility:visible; width:100%; background:transparent; border:0; box-shadow:none; padding:10px 0 18px; }
  .sbh.is-open .sbh-menu a { font-size:15px; padding:10px 0 10px 14px; border-left:1px solid rgba(203,255,46,.35); }
  .sbh.is-open .sbh-nav .sbh-mobile-cta { display:flex; }
}
.sbh-mobile-cta { display:none; margin-top:24px; justify-content:center; padding:16px; background:var(--sbh-lime); color:var(--sbh-ink) !important; font:800 14px "Manrope",sans-serif; }
body.sbh-lock { overflow:hidden; }
@media (prefers-reduced-motion:reduce) { .sbh *, .sbh { transition:none !important; } }