/* === MENU === */
.menu-wrap {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  justify-content: center; /* centraliza o menu no container */
}

nav {
  background: rgba(15, 15, 15, 0.9);
  border: 2px solid #b8860b;
  border-radius: 10px;
  padding: 0 20px;
  max-width: 1100px;   /* igual ao content */
  width: 100%;         /* ocupa toda largura possível */
  box-sizing: border-box;
  margin: 0 auto;      /* centraliza */
}

nav ul {
  list-style: none;
  padding: 20px 0;
  margin: 0;
  display: flex;
  gap: 70px; /* antes era 40px */
  justify-content: center;
}

nav ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  transition: color 0.3s, text-shadow 0.3s;
 }

nav ul li a:hover {
  color: #facc15;
  text-shadow: 0 0 10px #facc15, 0 0 25px #a855f7;
   }