:root { 
  --athens-gray: #ecf1f8;
  --black: #000000;
  --black-2: #010101;
  --blue-ribbon: #006eff;
  --bon-jour: #e0e0e0;
  --carnation: #f46363;
  --cloud: #c5c5c5;
  --congress-blue: #00428e;
  --dove-gray: #707070;
  --grain-brown: #e3d3bb;
  --gray-nurse: #eaeaea;
  --heavy-metal: #2b2b2b;
  --masala: #3f3b3b;
  --masala-2: #3d3d3d;
  --mountain-mist: #959393;
  --old-gold: #cca539;
  --red-orange: #f44236;
  --rose: #ff0091;
  --smalt: #00358a;
  --sonic-silver: #747474;
  --tory-blue: #0f51b5;
  --waikawa-gray: #5d6f88;
  --white: #ffffff;
 
  --font-size-l: 20px;
  --font-size-m: 18px;
  --font-size-s: 16px;
  --font-size-xl: 24px;
  --font-size-xs: 14px;
  --font-size-xxl: 32px;
  --font-size-xxs: 12px;
 
  --font-family-futura_lux: "Futura LUX", Helvetica;
  --font-family-futuralux-book: "FuturaLUX-Book", Helvetica;
  --font-family-futuralux-medium: "FuturaLUX-Medium", Helvetica;
  --font-family-gibson: "Gibson", Helvetica;
  --font-family-gibson-medium: "Gibson-Medium", Helvetica;
  --font-family-gibson-regular: "Gibson-Regular", Helvetica;
  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-montserrat-black: "Montserrat-Black", Helvetica;
  --font-family-montserrat-bold: "Montserrat-Bold", Helvetica;
  --font-family-montserrat-extrabold: "Montserrat-ExtraBold", Helvetica;
  --font-family-montserrat-light: "Montserrat-Light", Helvetica;
  --font-family-montserrat-medium: "Montserrat-Medium", Helvetica;
  --font-family-montserrat-regular: "Montserrat-Regular", Helvetica;
  --font-family-myriadpro-semibold: "MyriadPro-Semibold", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
  --font-family-roboto-medium: "Roboto-Medium", Helvetica;
  --font-family-roboto-regular-regular: "Roboto-Regular-Regular", Helvetica;
}
.boton-16-px {
  font-family: var(--font-family-montserrat-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.links-16-px {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0;
}

.boton-grande--20pt {
  font-family: var(--font-family-montserrat-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.h3-18-px {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.body-small-14-px {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0;
}

.montserrat-regular-normal-masala-18px {
  color: var(--masala);
  font-family: var(--font-family-montserrat-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-masala-18px {
  color: var(--masala);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
}

.montserrat-medium-masala-18px {
  color: var(--masala);
  font-family: var(--font-family-montserrat-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.myriadpro-semi-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-myriadpro-semibold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.myriadpro-semi-bold-heavy-metal-16px {
  color: var(--heavy-metal);
  font-family: var(--font-family-myriadpro-semibold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.roboto-normal-masala-14px {
  color: var(--masala);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.montserrat-semi-bold-dove-gray-24px {
  color: var(--dove-gray);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.montserrat-medium-sonic-silver-18px {
  color: var(--sonic-silver);
  font-family: var(--font-family-montserrat-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.montserrat-semi-bold-masala-20px {
  color: var(--masala);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.roboto-regular-regular-normal-mountain-mist-14px {
  color: var(--mountain-mist);
  font-family: var(--font-family-roboto-regular-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.montserrat-bold-white-24px {
  color: var(--white);
  font-family: var(--font-family-montserrat-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.roboto-regular-regular-normal-blue-ribbon-14px {
  color: var(--blue-ribbon);
  font-family: var(--font-family-roboto-regular-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.roboto-medium-masala-16px {
  color: var(--masala);
  font-family: var(--font-family-roboto-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.roboto-regular-regular-normal-waikawa-gray-12px {
  color: var(--waikawa-gray);
  font-family: var(--font-family-roboto-regular-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.roboto-regular-regular-normal-waikawa-gray-14px {
  color: var(--waikawa-gray);
  font-family: var(--font-family-roboto-regular-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.montserrat-regular-normal-black-18px {
  color: var(--black);
  font-family: var(--font-family-montserrat-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-masala-18px {
  color: var(--masala-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-masala-16px {
  color: var(--masala);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.montserrat-semi-bold-masala-40px {
  color: var(--masala);
  font-family: var(--font-family-montserrat);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
}

.roboto-medium-white-18px {
  color: var(--white);
  font-family: var(--font-family-roboto-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.roboto-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.roboto-regular-regular-normal-mountain-mist-18px {
  color: var(--mountain-mist);
  font-family: var(--font-family-roboto-regular-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.roboto-medium-white-15px {
  color: var(--white);
  font-family: var(--font-family-roboto-medium);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}

.montserrat-medium-dove-gray-64px {
  color: var(--dove-gray);
  font-family: var(--font-family-montserrat-medium);
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
}

.montserrat-regular-normal-white-18px {
  color: var(--white);
  font-family: var(--font-family-montserrat-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.roboto-light-waikawa-gray-18px {
  color: var(--waikawa-gray);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.roboto-regular-regular-normal-mountain-mist-16px {
  color: var(--mountain-mist);
  font-family: var(--font-family-roboto-regular-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.montserrat-semi-bold-white-22px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
}

.montserrat-black-black-32px {
  color: var(--black);
  font-family: var(--font-family-montserrat-black);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 900;
}

.gibson-medium-black-20px {
  color: var(--black);
  font-family: var(--font-family-gibson-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.gibson-medium-black-13px {
  color: var(--black);
  font-family: var(--font-family-gibson-medium);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
}

.border-1px-gray-nurse {
  border: 1px solid var(--gray-nurse);
}

.border-1px-blue-ribbon {
  border: 1px solid var(--blue-ribbon);
}

.border-2px-white {
  border: 2px solid var(--white);
}

.border-1px-dove-gray {
  border: 1px solid var(--dove-gray);
}