@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@200..800&display=swap');

:root {
  --theme-black-100: 17, 21, 24;

  --theme-yellow-100: 186, 160, 13;
  --theme-yellow-dark: 89, 76, 6;

  --theme-grey-100: 32, 34, 39;

  --theme-white-100: 237, 239, 242;
  --theme-white-90: 237, 239, 242, 0.9;
  --theme-white-50: 237, 239, 242, 0.5;
  --theme-white-25: 237, 239, 242, 0.25;

  --theme-light-grey-100: 70, 74, 81;

  --theme-white-100-white-25: 198, 180, 70;

  --bs-body-color: rgba(var(--theme-white-100));
  --bs-body-bg: rgba(var(--theme-black-100));

  --bs-heading-color: rgba(var(--theme-white-100));

  --app-form-input-color: var(--theme-white-100);
  --app-form-input-placeholder-color: var(--theme-white-50);

  --app-border-header-footer: 76, 70, 21;
}

html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: var(--app-header-height);
}

*,
::after,
::before {
  box-sizing: border-box;
}

body {
	overflow-x: hidden;
	max-width: 100%;
}

p,
ul,
li,
a {
  margin: 0;
  padding: 0;
  color: inherit;
}

ul,
li {
  list-style: none;
}

img {
  display: block;
  max-width: 100%;
}

html,
section {
  background-color: rgba(var(--theme-grey-100));
  color: rgba(var(--theme-white-100));
}

.app-container {
  max-width: 1520px;
  width: 100%;

  padding-left: var(--base-padding);
  padding-right: var(--base-padding);

  margin: 0 auto;
}

body {
  --base-padding: 0.875rem;
}

@media (min-width: 500px) {
	body {
		--base-padding: 2rem;
	}
}


@media (min-width: 900px) {
	body {
		--base-padding: 2rem;
	}
}

.-title, .-titulo {
  font-family: "Oxanium", sans-serif;
  font-weight: 300;
}

.parallax-container {
  z-index: 1;
}

.parallax-container .parallax-fixed {
  position: sticky;
  z-index: 0;
  top: 0;
}

.parallax-container .parallax-resto {
  position: relative;
  z-index: 1;
}

.app-post {
  padding: 2rem 0;
}

.app-post.app-post-generic {
  min-height: 60lvh;
}

.app-post.app-post-error {
  text-align: center;
}