:root{
  --text-color-invert: #ffffff;
  --page-padding-x: 120px;
  --page-max-width: 1440px;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
}

body.menu-open {
  overflow: hidden;
}

/* Container padrão de página */
.page-container {
  max-width: var(--page-max-width);
  margin: 0 auto;
  padding-left: var(--page-padding-x);
  padding-right: var(--page-padding-x);
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  :root {
    --page-padding-x: 40px;
  }
}

@media (max-width: 768px) {
  :root {
    --page-padding-x: 24px;
  }
}