/* Site header shared by every page served by the landing (home, /acesso/, /guia/, /bem-vindo/,
   /aceite/, /regulamento/). Self-contained on purpose: its own lh-* classes and --lh-* colors, so
   it looks the same whatever stylesheet the page itself uses. The markup is copied verbatim into
   each page; keep them identical (see apps/landing/index.html). */
:root{
  --lh-bg:#F5F7FA; --lh-surface:#FFFFFF; --lh-ink:#14202E; --lh-muted:#556575; --lh-line:#DBE2EC;
  --lh-brand:#17324F;
  --lh-shadow:0 1px 2px rgba(20,32,46,.06), 0 8px 24px rgba(20,32,46,.06);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --lh-bg:#0C1119; --lh-surface:#131B26; --lh-ink:#E7EDF5; --lh-muted:#94A3B5; --lh-line:#26323F;
    --lh-brand:#A6C4E8;
    --lh-shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 30px rgba(0,0,0,.35);
  }
}
:root[data-theme="dark"]{
  --lh-bg:#0C1119; --lh-surface:#131B26; --lh-ink:#E7EDF5; --lh-muted:#94A3B5; --lh-line:#26323F;
  --lh-brand:#A6C4E8;
  --lh-shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 30px rgba(0,0,0,.35);
}

.lh-header{position:sticky; top:env(safe-area-inset-top,0px); z-index:20; margin:0;
  background:color-mix(in srgb, var(--lh-bg) 88%, transparent);
  backdrop-filter:saturate(150%) blur(10px); -webkit-backdrop-filter:saturate(150%) blur(10px);
  border-bottom:1px solid var(--lh-line); color:var(--lh-ink);
  font-family:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height:1.6; -webkit-font-smoothing:antialiased}
.lh-header *{box-sizing:border-box}
.lh-row{display:flex; align-items:center; gap:16px; min-height:62px;
  max-width:1060px; margin-inline:auto; padding-inline:20px}
.lh-brand{display:flex; align-items:baseline; gap:10px; text-decoration:none; margin-right:auto;
  color:var(--lh-ink)}
.lh-brand b{font-family:"Fraunces", Georgia, "Times New Roman", serif; font-weight:600;
  font-size:1.28rem; letter-spacing:.02em}
.lh-brand span{font-family:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  font-size:.68rem; color:var(--lh-muted); letter-spacing:.08em}
.lh-nav{display:flex; gap:22px; align-items:center}
.lh-link{font-size:.9rem; color:var(--lh-muted); text-decoration:none}
.lh-link:hover{color:var(--lh-ink)}
@media (max-width:720px){ .lh-link{display:none} }
.lh-btn{display:inline-flex; align-items:center; justify-content:center;
  font-weight:600; font-size:.86rem; padding:8px 14px; border-radius:10px;
  background:var(--lh-surface); color:var(--lh-ink); border:1px solid var(--lh-line);
  box-shadow:var(--lh-shadow); text-decoration:none; transition:border-color .15s ease}
.lh-btn:hover{border-color:var(--lh-brand)}

/* "back to" link at the top of a page's content, for pages that had one in their old header */
.lh-crumb{display:inline-block; margin-top:22px; font-size:.88rem; color:var(--lh-muted);
  text-decoration:none; font-family:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif}
.lh-crumb:hover{color:var(--lh-ink)}
@media (prefers-reduced-motion:reduce){ .lh-btn{transition:none} }