:root {
  --boni-naranja: rgba(242, 181, 98, 1);
  --boni-cyan: rgba(126, 215, 229, 1);
  --boni-azul: rgba(115, 151, 229, 1);
  --boni-morado: rgba(150, 138, 229, 1);
  --boni-magenta: rgba(221, 126, 229, 1);
  --azul-primary: rgba(54, 110, 194, 1);
  --base-white: rgba(250, 249, 246, 1);
  --base-black: rgba(16, 23, 32, 1);
  --azul-primary-1: rgba(238, 245, 255, 1);
  --azul-primary-2: rgba(165, 201, 255, 1);
  --morado-secondary-1: rgba(246, 242, 255, 1);
  --morado-secondary-2: rgba(196, 177, 244, 1);
  --morado-secondary-3: rgba(148, 115, 229, 1);
  --morado-secondary-4: rgba(108, 80, 178, 1);
  --morado-secondary-5: rgba(73, 50, 127, 1);
  --morado-secondary-6: rgba(41, 26, 76, 1);
  --base-black-1: rgba(247, 249, 251, 1);
  --base-black-2: rgba(224, 232, 243, 1);
  --base-black-3: rgba(202, 217, 236, 1);
  --base-black-4: rgba(142, 161, 185, 1);
  --base-black-5: rgba(91, 110, 134, 1);
  --base-black-6: rgba(49, 64, 83, 1);
  --warning-alerta: rgba(255, 245, 140, 1);
  --warning-medio-alerta: rgba(255, 249, 191, 1);
  --error-medio-alerta: rgba(255, 232, 230, 1);
  

  --display-1-atkinson-font-family: "Atkinson Hyperlegible", Helvetica;
  --display-1-atkinson-font-weight: 700;
  --display-1-atkinson-font-size: 80px;
  --display-1-atkinson-letter-spacing: 0px;
  --display-1-atkinson-line-height: 100%;
  --display-1-atkinson-font-style: normal;
  --display-2-atkinson-font-family: "Atkinson Hyperlegible", Helvetica;
  --display-2-atkinson-font-weight: 700;
  --display-2-atkinson-font-size: 72px;
  --display-2-atkinson-letter-spacing: 0px;
  --display-2-atkinson-line-height: 100%;
  --display-2-atkinson-font-style: normal;
  --display-3-atkinson-font-family: "Atkinson Hyperlegible", Helvetica;
  --display-3-atkinson-font-weight: 700;
  --display-3-atkinson-font-size: 64px;
  --display-3-atkinson-letter-spacing: 0px;
  --display-3-atkinson-line-height: 100%;
  --display-3-atkinson-font-style: normal;
  --heading-1-atkinson-font-family: "Atkinson Hyperlegible", Helvetica;
  --heading-1-atkinson-font-weight: 700;
  --heading-1-atkinson-font-size: 40px;
  --heading-1-atkinson-letter-spacing: 0px;
  --heading-1-atkinson-line-height: 100%;
  --heading-1-atkinson-font-style: normal;
  --heading-2-atkinson-font-family: "Atkinson Hyperlegible", Helvetica;
  --heading-2-atkinson-font-weight: 700;
  --heading-2-atkinson-font-size: 32px;
  --heading-2-atkinson-letter-spacing: 0px;
  --heading-2-atkinson-line-height: 100%;
  --heading-2-atkinson-font-style: normal;
  --heading-3-atkinson-font-family: "Atkinson Hyperlegible", Helvetica;
  --heading-3-atkinson-font-weight: 700;
  --heading-3-atkinson-font-size: 28px;
  --heading-3-atkinson-letter-spacing: 0px;
  --heading-3-atkinson-line-height: 100%;
  --heading-3-atkinson-font-style: normal;

  --hero-roboto-flex-28-font-family: "Roboto Flex", Helvetica;
  --hero-roboto-flex-28-font-weight: 700;
  --hero-roboto-flex-28-font-size: 28px;
  --hero-roboto-flex-28-letter-spacing: 0px;
  --hero-roboto-flex-28-line-height: 120.00000476837158%;
  --hero-roboto-flex-28-font-style: normal;
  --hero-accent-roboto-flex-28-font-family: "Roboto Flex", Helvetica;
  --hero-accent-roboto-flex-28-font-weight: 600;
  --hero-accent-roboto-flex-28-font-size: 28px;
  --hero-accent-roboto-flex-28-letter-spacing: 0px;
  --hero-accent-roboto-flex-28-line-height: 120.00000476837158%;
  --hero-accent-roboto-flex-28-font-style: normal;
  --hero-emphasis-roboto-flex-28-font-family: "Roboto Flex", Helvetica;
  --hero-emphasis-roboto-flex-28-font-weight: 400;
  --hero-emphasis-roboto-flex-28-font-size: 28px;
  --hero-emphasis-roboto-flex-28-letter-spacing: 0px;
  --hero-emphasis-roboto-flex-28-line-height: 120.00000476837158%;
  --hero-emphasis-roboto-flex-28-font-style: italic;
  --hero-standard-roboto-flex-28-font-family: "Roboto Flex", Helvetica;
  --hero-standard-roboto-flex-28-font-weight: 400;
  --hero-standard-roboto-flex-28-font-size: 28px;
  --hero-standard-roboto-flex-28-letter-spacing: 0px;
  --hero-standard-roboto-flex-28-line-height: 120.00000476837158%;
  --hero-standard-roboto-flex-28-font-style: normal;
  --feature-bold-roboto-flex-24-font-family: "Roboto Flex", Helvetica;
  --feature-bold-roboto-flex-24-font-weight: 700;
  --feature-bold-roboto-flex-24-font-size: 24px;
  --feature-bold-roboto-flex-24-letter-spacing: 0px;
  --feature-bold-roboto-flex-24-line-height: 120.00000476837158%;
  --feature-bold-roboto-flex-24-font-style: normal;
  --feature-accent-roboto-flex-24-font-family: "Roboto Flex", Helvetica;
  --feature-accent-roboto-flex-24-font-weight: 600;
  --feature-accent-roboto-flex-24-font-size: 24px;
  --feature-accent-roboto-flex-24-letter-spacing: 0px;
  --feature-accent-roboto-flex-24-line-height: 120.00000476837158%;
  --feature-accent-roboto-flex-24-font-style: normal;
  --feature-emphasis-roboto-flex-24-font-family: "Roboto Flex", Helvetica;
  --feature-emphasis-roboto-flex-24-font-weight: 400;
  --feature-emphasis-roboto-flex-24-font-size: 24px;
  --feature-emphasis-roboto-flex-24-letter-spacing: 0px;
  --feature-emphasis-roboto-flex-24-line-height: 120.00000476837158%;
  --feature-emphasis-roboto-flex-24-font-style: italic;
  --feature-standard-roboto-flex-24-font-family: "Roboto Flex", Helvetica;
  --feature-standard-roboto-flex-24-font-weight: 400;
  --feature-standard-roboto-flex-24-font-size: 24px;
  --feature-standard-roboto-flex-24-letter-spacing: 0px;
  --feature-standard-roboto-flex-24-line-height: 120.00000476837158%;
  --feature-standard-roboto-flex-24-font-style: normal;
  --highlight-bold-roboto-flex-18-font-family: "Roboto Flex", Helvetica;
  --highlight-bold-roboto-flex-18-font-weight: 700;
  --highlight-bold-roboto-flex-18-font-size: 18px;
  --highlight-bold-roboto-flex-18-letter-spacing: 0px;
  --highlight-bold-roboto-flex-18-line-height: 120.00000476837158%;
  --highlight-bold-roboto-flex-18-font-style: normal;
  --highlight-accent-roboto-flex-18-font-family: "Roboto Flex", Helvetica;
  --highlight-accent-roboto-flex-18-font-weight: 600;
  --highlight-accent-roboto-flex-18-font-size: 18px;
  --highlight-accent-roboto-flex-18-letter-spacing: 0px;
  --highlight-accent-roboto-flex-18-line-height: 120.00000476837158%;
  --highlight-accent-roboto-flex-18-font-style: normal;
  --highlight-emphasis-roboto-flex-18-font-family: "Roboto Flex", Helvetica;
  --highlight-emphasis-roboto-flex-18-font-weight: 400;
  --highlight-emphasis-roboto-flex-18-font-size: 18px;
  --highlight-emphasis-roboto-flex-18-letter-spacing: 0px;
  --highlight-emphasis-roboto-flex-18-line-height: 120.00000476837158%;
  --highlight-emphasis-roboto-flex-18-font-style: italic;
  --highlight-standard-roboot-flex-18-font-family: "Roboto Flex", Helvetica;
  --highlight-standard-roboot-flex-18-font-weight: 400;
  --highlight-standard-roboot-flex-18-font-size: 18px;
  --highlight-standard-roboot-flex-18-letter-spacing: 0px;
  --highlight-standard-roboot-flex-18-line-height: 139.9999976158142%;
  --highlight-standard-roboot-flex-18-font-style: normal;
  --content-bold-roboto-flex-16-font-family: "Roboto Flex", Helvetica;
  --content-bold-roboto-flex-16-font-weight: 700;
  --content-bold-roboto-flex-16-font-size: 16px;
  --content-bold-roboto-flex-16-letter-spacing: 0px;
  --content-bold-roboto-flex-16-line-height: 120.00000476837158%;
  --content-bold-roboto-flex-16-font-style: normal;
  --content-accent-roboto-flex-16-font-family: "Roboto Flex", Helvetica;
  --content-accent-roboto-flex-16-font-weight: 600;
  --content-accent-roboto-flex-16-font-size: 16px;
  --content-accent-roboto-flex-16-letter-spacing: 0px;
  --content-accent-roboto-flex-16-line-height: 120.00000476837158%;
  --content-accent-roboto-flex-16-font-style: normal;
  --content-emphasis-roboto-flex-16-font-family: "Roboto Flex", Helvetica;
  --content-emphasis-roboto-flex-16-font-weight: 400;
  --content-emphasis-roboto-flex-16-font-size: 16px;
  --content-emphasis-roboto-flex-16-letter-spacing: 0px;
  --content-emphasis-roboto-flex-16-line-height: 120.00000476837158%;
  --content-emphasis-roboto-flex-16-font-style: italic;
  --content-regular-roboto-flex-16-font-family: "Roboto Flex", Helvetica;
  --content-regular-roboto-flex-16-font-weight: 400;
  --content-regular-roboto-flex-16-font-size: 16px;
  --content-regular-roboto-flex-16-letter-spacing: 0px;
  --content-regular-roboto-flex-16-line-height: 139.9999976158142%;
  --content-regular-roboto-flex-16-font-style: normal;
  --caption-bold-roboot-flex-14-font-family: "Roboto Flex", Helvetica;
  --caption-bold-roboot-flex-14-font-weight: 700;
  --caption-bold-roboot-flex-14-font-size: 14px;
  --caption-bold-roboot-flex-14-letter-spacing: 0px;
  --caption-bold-roboot-flex-14-line-height: 139.9999976158142%;
  --caption-bold-roboot-flex-14-font-style: normal;
  --caption-accent-roboto-flex-14-font-family: "Roboto Flex", Helvetica;
  --caption-accent-roboto-flex-14-font-weight: 600;
  --caption-accent-roboto-flex-14-font-size: 14px;
  --caption-accent-roboto-flex-14-letter-spacing: 0px;
  --caption-accent-roboto-flex-14-line-height: 139.9999976158142%;
  --caption-accent-roboto-flex-14-font-style: normal;
  --caption-emphasis-roboto-felx-14-font-family: "Roboto Flex", Helvetica;
  --caption-emphasis-roboto-felx-14-font-weight: 400;
  --caption-emphasis-roboto-felx-14-font-size: 14px;
  --caption-emphasis-roboto-felx-14-letter-spacing: 0px;
  --caption-emphasis-roboto-felx-14-line-height: 139.9999976158142%;
  --caption-emphasis-roboto-felx-14-font-style: italic;
  --caption-regular-roboto-flex-14-font-family: "Roboto Flex", Helvetica;
  --caption-regular-roboto-flex-14-font-weight: 400;
  --caption-regular-roboto-flex-14-font-size: 14px;
  --caption-regular-roboto-flex-14-letter-spacing: 0px;
  --caption-regular-roboto-flex-14-line-height: 139.9999976158142%;
  --caption-regular-roboto-flex-14-font-style: normal;
  --display-4-atkinson-58-font-family: "Atkinson Hyperlegible", Helvetica;
  --display-4-atkinson-58-font-weight: 700;
  --display-4-atkinson-58-font-size: 58px;
  --display-4-atkinson-58-letter-spacing: 0px;
  --display-4-atkinson-58-line-height: 100%;
  --display-4-atkinson-58-font-style: normal;
  --collection-1-apresto-4: rgba(123, 255, 142, 1);
  }