:root {
  --white-color: rgb(255 255 255);
  --black-color: rgb(0 0 0);
  --form-bg: rgb(241 241 241);
  --text-color: rgb(107 105 109);
  --dark-color: rgb(102 102 102);
  --container: 1440px;
  --padding-x: 8px;
}

/* 
* Estilos generales
* ------------------
*/

body {
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

p::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection,
ul li::selection,
span::selection,
strong::selection {
  background-color: var(--black-color);
}

.container {
  max-width: var(--container);
}

.padding__xl {
  padding: 120px var(--padding-x);
}

.padding__lg {
  padding: 80px var(--padding-x);
}

.padding__md {
  padding: 60px var(--padding-x);
}

@media (width <= 992px) {
  .padding__xl,
  .padding__lg,
  .padding__md {
    padding: 36px var(--padding-x);
  }
}

/* 
* Tamaños de fuentes
* -------------------
*/

h1 {
  color: var(--white-color);
  font-family: 'Raleway-SemiBold';
  font-size: 46px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
}

h1 > p {
  color: var(--white-color);
  font-size: 35px;
  margin-top: 36px;
}

@media (width <= 992px) {
  h1 {
    font-size: 36px;
  }

  h1 > p {
    font-size: 24px;
  }
}

h2 {
  color: var(--text-color);
  font-family: 'Raleway-SemiBold';
  font-size: 65px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

@media (width <= 992px) {
  h2 {
    font-size: 48px;
  }
}

h3 {
  color: var(--text-color);
  font-family: 'BentonSans-Regular';
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 1px;
}

h5 {
  color: var(--text-color);
  font-family: 'BentonSans-Bold';
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 158%;
  letter-spacing: 0.75px;
  text-transform: uppercase;
}

p {
  color: var(--text-color);
  font-family: 'BentonSans-Regular';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 158%;
}

p > strong {
  font-family: 'BentonSans-Bold';
}