@font-face {
  font-family: "Glancyr-Medium";
  src: url("../fonts/Glancyr-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Glancyr-Regular";
  src: url("../fonts/Glancyr-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root { 
  --azul-oscuro: #002d34;
  --black: #000000;
  --blanco: #ffffff;
  --gris-claro: #a2a2a2;
  --gris-muy-claro: #fafafa;
  --gris-oscuro: #80898a;
 
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 28px;
  --font-size-xxxxl: 58px;
  --font-size-xxxxxl: 64px;
 
    --font-family-dm_sans: "DM Sans", Helvetica;
    --font-family-glancyr-medium: "Glancyr-Medium", Helvetica;
    --font-family-glancyr-regular: "Glancyr-Regular", Helvetica;
}

.dmsans-normal-deep-teal-20px {
  color: var(--azul-oscuro);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.glancyr-medium-deep-teal-58px {
  color: var(--azul-oscuro);
  font-family: var(--font-family-glancyr-medium);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 500;
}

.dmsans-semi-bold-white-24px {
  color: var(--blanco);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

.dmsans-normal-gunsmoke-16px {
  color: var(--gris-oscuro);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.dmsans-medium-white-16px {
  color: var(--blanco);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.dmsans-normal-deep-teal-16px {
  color: var(--azul-oscuro);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.glancyr-regular-normal-deep-teal-28px {
  color: var(--azul-oscuro);
  font-family: var(--font-family-glancyr-regular);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}