.menu-toggle { display: none; }

@media (max-width: 760px) {
  .nav { position: relative; }
  .menu-toggle { display: grid; width: 42px; height: 42px; place-content: center; gap: 5px; padding: 0; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--text); cursor: pointer; }
  .menu-toggle span { display: block; width: 18px; height: 2px; border-radius: 999px; background: currentColor; }
  .menu-toggle:focus-visible { outline: 3px solid rgba(103, 229, 143, .5); outline-offset: 3px; }
  #menu-principal.nav-links { display: none; position: absolute; top: calc(100% - 6px); right: 0; z-index: 20; width: min(280px, calc(100vw - 32px)); flex-direction: column; align-items: stretch; gap: 4px; padding: 12px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface-raised); box-shadow: 0 18px 36px rgba(0, 0, 0, .28); }
  #menu-principal.nav-links.is-open { display: flex; }
  #menu-principal.nav-links a { padding: 10px 12px; border-radius: 9px; font-size: .94rem; }
  #menu-principal.nav-links a:hover, #menu-principal.nav-links a:focus-visible, #menu-principal.nav-links a[aria-current="page"] { background: rgba(255, 255, 255, .06); }
  #menu-principal.nav-links .nav-planilha { margin: 3px 0; text-align: center; }
}