/* Leankeep · header novo para páginas antigas (main.css), sem os resets globais do lk-v2.css.
   Extraído de /assets/css/lk-v2.css (bloco .lkh, regras de "Header: faixa de anúncio + barra flutuante" até o reduced-motion do header).
   Tokens ficam no próprio .lkh para não colidir com variáveis das páginas; só --navbar-height fica no :root, porque o lk-header.js
   e o CSS das páginas antigas usam essa altura. Use junto com parciais/header.html, parciais/sprite.svg.html e /assets/js/lk-header.js.
   Se o bloco .lkh do lk-v2.css mudar, extraia de novo. */
.lkh{--b:'Roboto',system-ui,-apple-system,'Segoe UI',sans-serif; --carbono:#1E1E1E; --ease:cubic-bezier(.2,.7,.2,1); --g0:#FFFFFF; --g100:#F5F3F1; --g150:#EDE7E5; --g300:#DAD1CD; --g400:#CBC1BB; --g600:#9E9288; --g700:#7F746A; --g75:#F8F7F6; --g800:#62574F; --hex:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); --laranja:#F38A00; --o100:#FCE3C2; --o400:#F59B26; --o500:#F38A00; --o800:#844B00;font-family:var(--b);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-align:left}
/* Resets só dentro do header, com especificidade de uma classe: as regras do header, que vêm depois, ganham */
.lkh :where(*),.lkh :where(*)::before,.lkh :where(*)::after{box-sizing:border-box;margin:0;padding:0}
.lkh :where(button){font:inherit;color:inherit;background:none;border:0;cursor:pointer;letter-spacing:normal;text-transform:none}
.lkh :where(a){color:inherit;text-decoration:none}
.lkh :where(img){display:block;max-width:100%}
.lkh :where(ul,ol){list-style:none}
.lkh [hidden]{display:none!important}

/* ---------- Header: faixa de anúncio + barra flutuante branca ---------- */
:root{--navbar-height:100px}
@media (min-width:1024px){:root{--navbar-height:104px}}
.lkh{position:fixed;top:0;left:0;right:0;z-index:80;transform:translateY(calc(var(--lkh-shift,0px)*-1));transition:transform .35s var(--ease);pointer-events:none}
.lkh>*{pointer-events:auto}
.lkh-ann{display:flex;align-items:center;justify-content:center;gap:10px;height:36px;padding:0 16px;background:#141414;color:var(--g300);font-size:13px;line-height:1.2;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.06)}
.lkh-ann>i{flex:none;width:7px;height:8px;background:var(--o500);clip-path:var(--hex)}
.lkh-ann b{color:var(--g0);font-weight:500}
.lkh-ann .long{display:none}
.lkh-ann .go{display:inline-flex;align-items:center;gap:6px;color:var(--o400);font-weight:500}
.lkh-ann .go svg{width:12px;height:12px;transition:transform .25s var(--ease)}
.lkh-ann:hover .go svg{transform:translateX(3px)}
.lkh-bar{position:relative;display:flex;align-items:center;gap:4px;width:min(1180px,calc(100% - 16px));height:56px;margin:8px auto 0;padding:0 8px 0 16px;border-radius:16px;background:rgba(255,255,255,.98);color:var(--carbono);box-shadow:0 0 0 1px rgba(30,30,30,.06),0 12px 32px -14px rgba(0,0,0,.45);transition:box-shadow .3s}
.lkh.scrolled .lkh-bar{box-shadow:0 0 0 1px rgba(30,30,30,.08),0 16px 40px -16px rgba(0,0,0,.5)}
.lkh :focus-visible{outline:2px solid var(--o800);outline-offset:2px}
.lkh-logo{display:flex;align-items:center;min-height:40px;margin-right:12px;flex:none}
/* Logo oficial sem alteração: o desenho ocupa x 87–911 e y 86–215 do arquivo 996×300; --lh é a altura visível */
.logo-fit{height:calc(var(--lh)*300/129);width:auto;max-width:none;margin:calc(var(--lh)*-86/129) calc(var(--lh)*-85/129) calc(var(--lh)*-85/129) calc(var(--lh)*-87/129)}
.lkh-logo img{--lh:17px}
.lkh-nav{display:none;align-items:center;gap:2px}
.lkh-link{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--g800);white-space:nowrap;transition:background .2s,color .2s}
.lkh-link:hover,.lkh-link[aria-expanded="true"]{background:var(--g100);color:var(--carbono)}
.lkh-link svg{width:12px;height:12px;transform:rotate(90deg);transition:transform .25s var(--ease)}
.lkh-link[aria-expanded="true"] svg{transform:rotate(270deg)}
.lkh .tag{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:4px;background:var(--o100);color:var(--o800);font-size:11px;font-weight:500;letter-spacing:.04em}
.lkh-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.lkh-client{display:none}
.lkh-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;border-radius:8px;background:var(--laranja);color:var(--carbono);font-size:13.5px;font-weight:500;white-space:nowrap;transition:background .2s,box-shadow .3s,transform .2s var(--ease)}
.lkh-cta:hover{background:var(--o400);box-shadow:0 8px 24px rgba(243,138,0,.35)}
.lkh-cta svg{width:13px;height:13px;transition:transform .25s var(--ease)}
.lkh-cta:hover svg{transform:translateX(3px)}
.lkh-cta .full{display:none}
.lkh-burger{position:relative;width:40px;height:40px;border-radius:8px;color:var(--carbono);flex:none}
.lkh-burger:hover{background:var(--g100)}
.lkh-burger span{position:absolute;left:11px;right:11px;height:1.6px;border-radius:2px;background:currentColor;transition:transform .3s var(--ease),top .3s var(--ease)}
.lkh-burger span:first-child{top:16px}
.lkh-burger span:last-child{top:23px}
.lkh-burger[aria-expanded="true"] span:first-child{top:19.5px;transform:rotate(45deg)}
.lkh-burger[aria-expanded="true"] span:last-child{top:19.5px;transform:rotate(-45deg)}
/* Painéis do desktop */
.lkh-mega,.lkh-mini{position:absolute;top:calc(100% + 8px);display:none;padding:20px;border-radius:16px;background:var(--g0);color:var(--carbono);box-shadow:0 0 0 1px rgba(30,30,30,.06),0 30px 60px -20px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .3s var(--ease),visibility .2s}
.lkh-mega{left:0;right:0}
.lkh-mini{width:300px;padding:10px}
.lkh-mega.open,.lkh-mini.open{opacity:1;visibility:visible;transform:none}
.mega-cat{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:0 10px;font:500 11.5px/1.6 var(--b);letter-spacing:.14em;text-transform:uppercase;color:var(--g600)}
.mega-cat::before{content:"";flex:none;width:6px;height:7px;background:var(--o500);clip-path:var(--hex)}
.mi{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;transition:background .2s}
.mi:hover{background:var(--g75)}
.mi-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--g100);color:var(--carbono);transition:background .2s,color .2s}
.mi:hover .mi-ic{background:var(--o100);color:var(--o800)}
.mi-ic svg{width:18px;height:18px}
.mi b,.ms b,.mega-demo b{display:block;font-size:14.5px;font-weight:500;line-height:1.3}
.mi small,.ms small,.mega-demo small{display:block;margin-top:2px;font-size:13px;line-height:1.35;color:var(--g700)}
.mega-casos{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}
.mega-list{display:grid;grid-template-columns:1fr 1fr;align-content:start;column-gap:8px}
.mega-list .mega-cat{grid-column:1/-1}
.mega-side{display:flex;flex-direction:column;gap:2px;padding:14px 10px 10px;border-radius:12px;background:linear-gradient(180deg,rgba(252,227,194,.45),rgba(252,227,194,.12));box-shadow:inset 0 0 0 1px var(--o100)}
.mega-side .mega-cat{color:var(--o800)}
.ms{display:flex;align-items:flex-start;gap:12px;padding:9px 10px;border-radius:8px;transition:background .2s}
.ms:hover{background:rgba(255,255,255,.7)}
.ms svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--o800)}
.mega-demo{display:flex;align-items:center;gap:12px;margin-top:10px;padding:14px;border-radius:12px;background:var(--carbono);color:var(--g0);transition:transform .2s var(--ease)}
.mega-demo:hover{transform:translateY(-1px)}
.mega-demo small{color:var(--g400)}
.mega-demo .hx{flex:none;display:grid;place-items:center;width:38px;height:42px;background:var(--o500);color:var(--carbono);clip-path:var(--hex)}
.mega-demo .hx svg{width:15px;height:15px}
/* Celular: cartão sob a barra, com um nível por vez */
.lkh-mobile{position:fixed;left:8px;right:8px;top:var(--lkh-panel-top,72px);max-height:calc(100svh - var(--lkh-panel-top,72px) - 8px);overflow:auto;overscroll-behavior:contain;padding:8px;border-radius:16px;background:var(--g0);color:var(--carbono);box-shadow:0 0 0 1px rgba(30,30,30,.06),0 30px 60px -20px rgba(0,0,0,.5);opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .3s var(--ease)}
.lkh-mobile.open{opacity:1;transform:none}
.mv{animation:mvin .35s var(--ease)}
.mv.back{animation-name:mvback}
@keyframes mvin{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes mvback{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
.mrow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:0 12px;border-bottom:1px solid var(--g150);font-size:17px;font-weight:500;text-align:left;color:var(--carbono)}
.mrow .tag{margin-right:auto;margin-left:10px}
.mrow svg{width:14px;height:14px;color:var(--g600)}
.mfoot{padding:16px 4px 4px}
.mfoot .lkh-cta{width:100%;height:50px;font-size:15px}
.mback{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px 0 8px;margin-bottom:4px;border-radius:8px;font-size:15px;font-weight:500;color:var(--g800)}
.mback svg{width:14px;height:14px;transform:rotate(180deg)}
.mback:hover{background:var(--g100)}
.msub .mega-casos,.msub .mega-list{display:block}
.msub .mega-cat{margin-top:8px}
.msub .mega-side{margin-top:12px}
@media (min-width:640px){
  .lkh-ann .long{display:inline}
}
@media (min-width:1024px){
  .lkh-bar{height:60px;padding-left:22px;gap:6px}
  .lkh-nav{display:flex}
  .lkh-client{display:inline-flex}
  .lkh-burger,.lkh-mobile{display:none!important}
  .lkh-cta .full{display:inline}.lkh-cta .short{display:none}
  .lkh-mega,.lkh-mini{display:block}
}
@media (prefers-reduced-motion:reduce){.lkh,.lkh *{transition:none!important;animation:none!important}}

/* Grupos do menu: o segundo grupo da lista desce um pouco (igual ao lk-v2.css) */
.lkh .mega-list .mega-cat:not(:first-child){margin-top:20px}