/* Header publico PRO - menu hamburguer em mobile.
   Complementa o .lh-header/.lh-nav definidos inline em cada pagina publica.
   Carregar DEPOIS do <style> inline da pagina (no fim do <head>). */
.lh-hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;flex-shrink:0}
.lh-hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s}
.lh-hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.lh-hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.lh-hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:768px){
  .lh-header{padding:0 16px}
  .lh-hamburger{display:flex}
  .lh-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 12px;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 10px 28px rgba(17,24,39,.10);z-index:99}
  .lh-nav.open{display:flex}
  .lh-nav a:not(.lh-btn):not(.lh-btn-login){padding:12px 12px;font-size:0.9rem;border-radius:8px;border-bottom:1px solid var(--border)}
  .lh-nav .lh-btn,.lh-nav .lh-btn-login{width:100%;justify-content:center;margin-top:8px}
}
