/* ===== NAVBAR ===== */
.nv-wrapper{
  position:sticky; top:0; z-index:50;
  background:var(--panel);
  border-bottom:1px solid var(--border);
}
.nv-container{
  max-width:1120px; margin:0 auto;
  display:flex; align-items:center; gap:16px; padding:10px 16px;
}
.nv-menu{ list-style:none; display:flex; gap:20px; margin:0; padding:0; flex:1 }
.nv-menu a,
.nv-wrapper a:visited{
  color:var(--text); text-decoration:none; font-weight:500;
}
.nv-menu a:hover{ opacity:.85 }
.nv-link{ color:var(--text); text-decoration:none }
.nv-button{ display:inline-flex; align-items:center; justify-content:center; padding:8px 14px; border-radius:999px; font-weight:700; text-decoration:none }
.nv-button--pill{ background:var(--brand); color:#0b0f14 }
.nv-button--pill:hover{ background:var(--brand-ink) }
.nv-cta{ display:flex; flex-direction:column; align-items:center }

/* Botão/Dropdown do usuário */
.nv-user{ position:relative }
.nv-user-btn{
  appearance:none; border:1px solid var(--border);
  background:var(--panel-2); color:var(--text);
  padding:6px 10px; border-radius:999px; font-weight:700;
  display:inline-flex; align-items:center; gap:6px; cursor:pointer;
}
.nv-user-btn:focus{ outline:0; box-shadow:0 0 0 3px rgba(183,255,57,.18) }
.nv-user-btn .chev{ fill:currentColor; transition:transform .2s }
.nv-user.open .nv-user-btn .chev{ transform:rotate(180deg) }

.nv-user-menu{
  position:absolute; right:0; top:calc(100% + 8px);
  background:var(--panel); border:1px solid var(--border);
  border-radius:12px; box-shadow:0 12px 30px rgba(0,0,0,.35);
  padding:6px; min-width:220px; display:none; z-index:120;
}
.nv-user.open .nv-user-menu{ display:block }
.nv-user-menu a{
  display:block; padding:10px 12px; border-radius:8px;
  font-weight:600; color:var(--text); text-decoration:none;
}
.nv-user-menu a:hover{ background:#0f1622 }

/* ===== FOOTER ===== */
.footer{
  background:#23C062; color:#fff; width:100%;
  padding:36px 20px; border-top:0; box-shadow:inset 0 1px 0 rgba(0,0,0,.08);
}
.theme-dark .footer{ background:var(--panel) } /* se usar alternância de tema */
.footer-inner{ max-width:1120px; margin:0 auto; text-align:center }
.footer-brand{ display:inline-block; margin-bottom:14px }
.footer-links{
  display:flex; justify-content:center; gap:28px; margin:6px 0 16px;
}
.footer-links a{ color:#fff; text-decoration:none; font-weight:600 }
.footer-links a:hover{ text-decoration:underline }
.footer-copy{ color:rgba(255,255,255,.55); font-size:16px; font-weight:500 }