.bar.global-bar{position:relative!important;top:auto!important;z-index:100;background:#000;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.bar.global-bar .bar-in{width:100%;max-width:none;margin:0;padding:16px clamp(22px,4vw,58px);min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.bar.global-bar .bar-left{position:relative;z-index:95;display:flex;align-items:center;gap:14px}
.bar.global-bar .mark{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:500 12.5px/1.2 Poppins,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.bar.global-bar .brand-mark{width:27px;height:27px;fill:#c4ef78;flex:0 0 auto}
.bar.global-bar .bar-right{display:flex;align-items:center;gap:22px}
.bar.global-bar .main-nav{display:flex;align-items:center;gap:22px;font:400 12px/1.2 Poppins,system-ui,sans-serif}
.bar.global-bar .main-nav a{display:inline-flex;align-items:center;min-height:40px;color:#aaa;text-decoration:none;white-space:nowrap}
.bar.global-bar .main-nav a:hover{color:#c4ef78}
/* menu "Os 6 passos" — abre no hover com o nome de cada capítulo */
.bar.global-bar .nav-drop{position:relative;display:flex;align-items:center}
.bar.global-bar .nav-drop-link{gap:6px}
.bar.global-bar .nav-drop-seta{font-size:9px;transition:transform .16s ease}
.bar.global-bar .nav-drop-menu{position:absolute;top:100%;left:-14px;z-index:120;width:308px;padding:8px;background:#0b0c0b;border:1px solid #2c2e2a;box-shadow:0 22px 44px rgba(0,0,0,.45);display:grid;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s}
.bar.global-bar .nav-drop:hover .nav-drop-menu,.bar.global-bar .nav-drop:focus-within .nav-drop-menu{opacity:1;visibility:visible;transform:translateY(0)}
.bar.global-bar .nav-drop:hover .nav-drop-seta,.bar.global-bar .nav-drop:focus-within .nav-drop-seta{transform:rotate(180deg)}
.bar.global-bar .nav-drop-menu a{display:grid;gap:2px;min-height:0;padding:10px 12px;color:#e8eae5;border-left:2px solid transparent}
.bar.global-bar .nav-drop-menu a:hover{background:#151715;border-left-color:#c4ef78;color:#fff}
.bar.global-bar .nav-drop-nome{font-size:13px;font-weight:500;letter-spacing:.01em}
.bar.global-bar .nav-drop-desc{color:#868b81;font-size:11px;line-height:1.4}
.bar.global-bar .nav-drop-menu a:hover .nav-drop-desc{color:#a9c97a}
.global-menu-toggle{display:none;border:1px solid #3a3a3a;background:transparent;color:#fff;width:40px;height:38px;font:500 20px/1 Poppins,sans-serif;cursor:pointer}
.global-menu-toggle:hover,.global-menu-toggle:focus-visible{border-color:#c4ef78;color:#c4ef78;outline:none}
.bar.global-bar .bar-cta{padding:0 14px;background:#c4ef78;color:#000!important;font-weight:600;text-decoration:none}
.bar.global-bar .bar-cta:hover{background:#aedb5d;color:#000!important}
.bar.global-bar .bar-cta:active{transform:scale(.97)}
@media(max-width:1250px){
 .bar.global-bar .bar-in{min-height:64px;padding:12px 20px}.bar.global-bar .mark span{display:none}
 .bar.global-bar .bar-right{gap:8px}
 .global-menu-toggle{display:grid;place-items:center}
 .bar.global-bar .main-nav a{display:none!important}
 .bar.global-bar .bar-right .global-mobile-keep{padding:0 10px}
 .bar.global-bar .nav-drop{display:none}
 .bar.global-bar .nav-drop-seta{display:none}

 /* gaveta lateral: fica presa à esquerda, ~1/4 da tela, atrás do cabeçalho */
 .bar.global-bar .main-nav{
   position:fixed;top:0;left:0;right:auto;bottom:0;z-index:90;
   width:clamp(260px,25vw,380px);
   display:flex;flex-direction:column;align-items:stretch;gap:0;
   padding:88px 24px 24px;overflow-y:auto;
   background:#000;border-top:0;border-right:1px solid #292929;
   box-shadow:16px 0 34px rgba(0,0,0,.4);
   transform:translateX(-100%);
   transition:transform .4s cubic-bezier(.16,1,.3,1);
 }
 .bar.global-bar .main-nav.is-open{transform:translateX(0)}
 .bar.global-bar .main-nav.is-open .nav-drop{display:flex;flex-direction:column;align-items:flex-start}
 .bar.global-bar .main-nav.is-open .nav-drop-menu{position:static;width:auto;opacity:1;visibility:visible;transform:none;padding:0;margin-top:4px;border:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;gap:2px}

 /* itens entram da esquerda para a direita, um pouco depois um do outro */
 .bar.global-bar .main-nav.is-open a{
   display:flex!important;min-height:0;padding:13px 2px;border-bottom:1px solid #1c1c1c;
   opacity:0;transform:translateX(-22px);
   transition:opacity .38s ease,transform .42s cubic-bezier(.16,1,.3,1);
 }
 .bar.global-bar .main-nav.is-open .nav-drop-menu a{border-bottom:0;padding:9px 2px}
 .bar.global-bar .main-nav.is-open .nav-drop-desc{display:none}
 .bar.global-bar .main-nav.is-shown a{opacity:1;transform:translateX(0)}
 .bar.global-bar .main-nav.is-open .nav-drop-link{transition-delay:.05s}
 .bar.global-bar .main-nav.is-open .nav-drop-menu a:nth-child(1){transition-delay:.11s}
 .bar.global-bar .main-nav.is-open .nav-drop-menu a:nth-child(2){transition-delay:.15s}
 .bar.global-bar .main-nav.is-open .nav-drop-menu a:nth-child(3){transition-delay:.19s}
 .bar.global-bar .main-nav.is-open .nav-drop-menu a:nth-child(4){transition-delay:.23s}
 .bar.global-bar .main-nav.is-open .nav-drop-menu a:nth-child(5){transition-delay:.27s}
 .bar.global-bar .main-nav.is-open .nav-drop-menu a:nth-child(6){transition-delay:.31s}
 .bar.global-bar .main-nav.is-open .nav-drop-menu a:nth-child(7){transition-delay:.35s}
 .bar.global-bar .main-nav.is-open .nav-drop-menu a:nth-child(8){transition-delay:.39s}
 .bar.global-bar .main-nav.is-open .nav-drop-menu a:nth-child(9){transition-delay:.43s}
 .bar.global-bar .main-nav.is-open>.global-desktop-link:nth-of-type(1){transition-delay:.47s}
 .bar.global-bar .main-nav.is-open>.global-desktop-link:nth-of-type(2){transition-delay:.51s}
 @media(prefers-reduced-motion:reduce){
  .bar.global-bar .main-nav{transition:none}
  .bar.global-bar .main-nav.is-open a{transition:none;opacity:1;transform:none}
 }
}

/* ---------- cabeçalho fixo, enxuto (dentro do teto de 80px recomendado p/ desktop) ---------- */
.bar.global-bar{position:sticky!important;top:0!important;box-shadow:0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.28)}
.bar.global-bar .bar-in{min-height:72px;padding-block:14px;gap:26px}
.bar.global-bar .brand-mark{width:29px;height:29px}
.bar.global-bar .mark{white-space:nowrap;font-size:16px;font-weight:600;letter-spacing:-.01em;text-transform:none}
.bar.global-bar .main-nav,.bar.global-bar .bar-right{gap:44px}
.bar.global-bar .main-nav>a,.bar.global-bar .main-nav .nav-drop-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:500;color:#c6c6c1;white-space:nowrap}
.bar.global-bar .main-nav a:hover{color:#c4ef78}
.bar.global-bar .nav-drop-seta{font-size:11px}
.bar.global-bar .bar-cta{display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:0 20px;font-size:13.5px;font-weight:600;line-height:1;white-space:nowrap}

/* daqui para baixo o menu vai encolhendo até virar hambúrguer em 760px */
@media(max-width:1450px){
  .bar.global-bar .bar-in{min-height:68px;gap:20px}
  .bar.global-bar .mark{font-size:15px}
  .bar.global-bar .main-nav,.bar.global-bar .bar-right{gap:22px}
  .bar.global-bar .main-nav>a,.bar.global-bar .main-nav .nav-drop-link{font-size:13.5px}
  .bar.global-bar .bar-cta{font-size:13.5px;padding:0 18px;min-height:42px}
}

@media(max-width:760px){
  .bar.global-bar .bar-in{min-height:62px;padding-block:11px}
  .bar.global-bar .brand-mark{width:26px;height:26px}
  .bar.global-bar .mark{font-size:15px}
  .bar.global-bar .main-nav{padding-top:82px}
}