@font-face {
  font-family: "AtkinsonHyperlegibleNext";
  src: url("/fonts/AtkinsonHyperlegibleNext-VariableFont_wght.woff2")
      format("woff2"),
    url("/fonts/AtkinsonHyperlegibleNext-VariableFont_wght.woff") format("woff");
  font-weight: 100 900; /* conserva variable si es woff2 variable */
  font-style: normal;
}
@font-face {
  font-family: "56thStreet";
  src: url("/fonts/56thStreet-Regular.woff2") format("woff2"),
    url("/fonts/56thStreet-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/*!general*/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
  font-family: "AtkinsonHyperlegibleNext", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/*! Main */
a {
  text-decoration: none;
}

h1 {
  font-size: var(--fs-10);
  line-height: 1.3;
  font-weight: 600;
}
.hero_section h1 {
  font-weight: 800;
}

h2 {
  font-size: var(--fs-9);
  font-weight: 600;
}

h3 {
  font-size: var(--fs-7);
  font-weight: 900;
}

p,
label,
input {
  font-size: var(--fs-4);
  font-weight: 400;
  line-height: 1.5;
}

label,
input {
  color: var(--deep-blue);
}

.btn,
button {
  font-size: var(--fs-4);
  font-weight: 500;
}

a {
  cursor: pointer;
}

/*! Nav*/
.nav-links a {
  font-size: var(--fs-5);
  font-weight: 300;
  transition: var(--animTransition);
  color: var(--verde);
}
.nav-links a:hover {
  color: var(--palido);
}

/*! FOOTER*/
.footer-component a,
.footer-component p {
  color: var(--verde) !important;
}
.footer-row1 p {
  font-size: var(--fs-6);
  font-weight: 800;
}
.footer-row2 p {
  font-size: var(--fs-3);
  font-weight: 400;
}
.footer-row1 a {
  font-size: var(--fs-4);
  font-weight: 300;
}

/*! necesities*/
.special-message {
  font-size: var(--fs-9) !important;
  font-weight: 200;
}