body { margin: 0; font-family: sans-serif; }

/* O sub-menu que vai sumir */
.top-bar {
  background-color: #333;
  color: white;
  padding: 10px;
  text-align: center;
  height: 40px;
}

/* O menu principal que vai fixar */
.main-menu {
  background-color: #007bff;
  padding: 15px;
  position: sticky; /* A mágica acontece aqui */
  top: 0;           /* Ele trava no topo 0 da tela */
  z-index: 1000;    /* Garante que fique sobre o conteúdo */
}

.main-menu ul { list-style: none; margin: 0; display: flex; gap: 20px; color: white; }

.content { height: 2000px; padding: 20px; background: #f4f4f4; }