/* Tablet e Desktop (acima de 768px - md) */
@media (min-width: 768px) {
  :root {
    --bg-current: var(--bg-desktop);
  }

  #container {
    max-width: 580px;
  }
}

/* Telas muito pequenas (ex: Galaxy Fold) */
@media (max-width: 360px) {
  #container {
    padding: 32px 16px;
  }

  ul li a {
    padding: 12px 20px;
    font-size: 0.9rem;
  }
}