/* Barra de navegação unificada — construcripto.com. Idêntica em todas as telas.
   Auto-temática: clara por padrão, escura com :root[data-theme="dark"]. */
:root{
  --nav-bg:#ffffff; --nav-fg:#0d1421; --nav-muted:#7d8493; --nav-border:#eef1f5;
  --nav-brand:#b8901f; --nav-hover:#f2f4f7; --nav-cta:#0d1421; --nav-cta-fg:#ffffff;
  --nav-btn-border:#e2e6ec;
}
:root[data-theme="dark"]{
  --nav-bg:#0d0b07; --nav-fg:#f2ece0; --nav-muted:#b7ac95; --nav-border:#2a2418;
  --nav-brand:#e3c24f; --nav-hover:#1c1710; --nav-cta:#C9A227; --nav-cta-fg:#0d0b07;
  --nav-btn-border:#2a2418;
}
.cc-nav{ display:flex; align-items:center; gap:.4rem; padding:.6rem 1.3rem;
  background:var(--nav-bg); color:var(--nav-fg); border-bottom:1px solid var(--nav-border);
  position:sticky; top:0; z-index:50; font-family:'Segoe UI',system-ui,-apple-system,sans-serif; }
.cc-brand{ font-weight:800; font-size:1.15rem; color:var(--nav-fg); text-decoration:none;
  margin-right:.9rem; white-space:nowrap; }
.cc-brand span{ color:var(--nav-brand); }
.cc-links{ display:flex; gap:.2rem; }
.cc-link{ color:var(--nav-muted); text-decoration:none; font-size:.92rem; font-weight:600;
  padding:.45rem .8rem; border-radius:8px; transition:color .12s, background .12s; white-space:nowrap; }
.cc-link:hover{ color:var(--nav-fg); background:var(--nav-hover); }
.cc-link.on{ color:var(--nav-brand); background:var(--nav-hover); }
.cc-spacer{ flex:1; }
.cc-theme{ background:transparent; border:1px solid var(--nav-btn-border); color:var(--nav-fg);
  border-radius:8px; padding:.4rem .55rem; font-size:1rem; line-height:1; cursor:pointer; }
.cc-theme:hover{ border-color:var(--nav-brand); }
.cc-btn{ background:transparent; border:1px solid var(--nav-btn-border); color:var(--nav-fg);
  border-radius:8px; padding:.45rem .85rem; font-size:.9rem; font-weight:600; cursor:pointer; white-space:nowrap; }
.cc-btn:hover{ border-color:var(--nav-brand); }
.cc-cta{ background:var(--nav-cta); color:var(--nav-cta-fg); border-color:var(--nav-cta); }
.cc-cta:hover{ filter:brightness(1.06); }
@media (max-width:720px){
  .cc-links{ display:none; }
  .cc-brand{ margin-right:.3rem; font-size:1rem; }
  .cc-btn{ padding:.4rem .6rem; font-size:.82rem; }
}