@font-face {
  font-display: block;
  font-family: "prelo-medium";
  src: local("prelo-medium"),
    url("https://coe-ingenieria-cdn-prod-hfbdf5c6bvdhgdcj.a01.azurefd.net/v0.0.7-statics/wc-design-pichincha/statics/pichincha-medium.woff2")
      format("woff2");
  font-style: normal;
}

@font-face {
  font-display: block;
  font-family: "prelo-semibold";
  src: local("prelo-bold"),
    url("https://coe-ingenieria-cdn-prod-hfbdf5c6bvdhgdcj.a01.azurefd.net/v0.0.7-statics/wc-design-pichincha/statics/pichincha-semibold.woff2")
      format("woff2");
  font-style: normal;
}

@font-face {
  font-display: block;
  font-family: "prelo-book";
  src: local("prelo-book"),
    url("https://coe-ingenieria-cdn-prod-hfbdf5c6bvdhgdcj.a01.azurefd.net/v0.0.7-statics/wc-design-pichincha/statics/pichincha-book.woff2")
      format("woff2");
  font-style: normal;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

:root {
  --bp-primary-yellow50: #fffbe5;
  --bp-primary-yellow100: #fff8cc;
  --bp-primary-yellow200: #fff199;
  --bp-primary-yellow300: #ffeb66;
  --bp-primary-yellow400: #ffe433;
  --bp-primary-yellow500: #ffdd00;
  --bp-primary-yellow600: #ffd700;
  --bp-primary-yellow700: #ffd100;
  --bp-primary-yellow800: #ffcb00;
  --bp-primary-yellow900: #ffc500;
  --bp-primary-blue50: #e7e9ee;
  --bp-primary-blue100: #cfd4de;
  --bp-primary-blue200: #9fa8be;
  --bp-primary-blue300: #6f7d9d;
  --bp-primary-blue400: #3f517d;
  --bp-primary-blue500: #0f265c;
  --bp-primary-blue600: #0c1f50;
  --bp-primary-blue700: #091944;
  --bp-primary-blue800: #061239;
  --bp-primary-blue900: #030c2d;
  --bp-secondary-yellowGold50: #fffcf2;
  --bp-secondary-yellowGold100: #fff3cd;
  --bp-secondary-yellowGold200: #ffe69c;
  --bp-secondary-yellowGold300: #ffda6a;
  --bp-secondary-yellowGold400: #ffcd39;
  --bp-secondary-yellowGold500: #ffc108;
  --bp-secondary-yellowGold600: #ffb705;
  --bp-secondary-yellowGold700: #ffae02;
  --bp-secondary-yellowGold800: #ffa400;
  --bp-secondary-yellowGold900: #ff9b00;
  --bp-secondary-darkCyan50: #f2f9f9;
  --bp-secondary-darkCyan100: #e5f4f3;
  --bp-secondary-darkCyan200: #99d5cf;
  --bp-secondary-darkCyan300: #66c0b8;
  --bp-secondary-darkCyan400: #33aba0;
  --bp-secondary-darkCyan500: #009688;
  --bp-secondary-darkCyan600: #00897b;
  --bp-secondary-darkCyan700: #007d6e;
  --bp-secondary-darkCyan800: #007062;
  --bp-secondary-darkCyan900: #006455;
  --bp-secondary-pureOrange50: #fff4e5;
  --bp-secondary-pureOrange100: #ffeacc;
  --bp-secondary-pureOrange200: #ffd699;
  --bp-secondary-pureOrange300: #ffc166;
  --bp-secondary-pureOrange400: #ffad33;
  --bp-secondary-pureOrange500: #ff9800;
  --bp-secondary-pureOrange600: #ff8c00;
  --bp-secondary-pureOrange700: #ff7f00;
  --bp-secondary-pureOrange800: #ff7300;
  --bp-secondary-pureOrange900: #ff6700;
  --bp-secondary-purple50: #fbf2fe;
  --bp-secondary-purple100: #f6e6fc;
  --bp-secondary-purple200: #dc99f4;
  --bp-secondary-purple300: #cb66ee;
  --bp-secondary-purple400: #b933e9;
  --bp-secondary-purple500: #a800e3;
  --bp-secondary-purple600: #9700d0;
  --bp-secondary-purple700: #8700bc;
  --bp-secondary-purple800: #7700a9;
  --bp-secondary-purple900: #670097;
  --bp-secondary-darkGrayishBlue50: #f9fafc;
  --bp-secondary-darkGrayishBlue100: #f4f6f9;
  --bp-secondary-darkGrayishBlue200: #e9ecf3;
  --bp-secondary-darkGrayishBlue300: #dee3ed;
  --bp-secondary-darkGrayishBlue400: #d3d9e7;
  --bp-secondary-darkGrayishBlue500: #c7cfe1;
  --bp-secondary-darkGrayishBlue600: #bec7db;
  --bp-secondary-darkGrayishBlue700: #b5bfd6;
  --bp-secondary-darkGrayishBlue800: #adb8d1;
  --bp-secondary-darkGrayishBlue900: #a4b0cb;
  --bp-grayScaleWhite: #ffffff;
  --bp-grayScale50: #f6f6f6;
  --bp-grayScale100: #ececed;
  --bp-grayScale200: #dbdbdc;
  --bp-grayScale300: #b7b7b9;
  --bp-grayScale400: #6e6e73;
  --bp-grayScale500: #2c2c30;
  --bp-alert-success50: #ecf6ee;
  --bp-alert-success100: #daeedf;
  --bp-alert-success200: #b4dcbe;
  --bp-alert-success300: #8bc99d;
  --bp-alert-success400: #61b679;
  --bp-alert-success500: #31a451;
  --bp-alert-success600: #299846;
  --bp-alert-success700: #218c3b;
  --bp-alert-success800: #19812f;
  --bp-alert-success900: #107524;
  --bp-alert-information50: #eaf1f8;
  --bp-alert-information100: #d5e4f2;
  --bp-alert-information200: #accae5;
  --bp-alert-information300: #82afd9;
  --bp-alert-information400: #5995cc;
  --bp-alert-information500: #2f7abf;
  --bp-alert-information600: #276db6;
  --bp-alert-information700: #1f60ac;
  --bp-alert-information800: #1854a2;
  --bp-alert-information900: #104798;
  --bp-alert-warning50: #fef0e5;
  --bp-alert-warning100: #fde1cc;
  --bp-alert-warning200: #fcc399;
  --bp-alert-warning300: #faa466;
  --bp-alert-warning400: #f98633;
  --bp-alert-warning500: #f76800;
  --bp-alert-warning600: #f65b00;
  --bp-alert-warning700: #f44f00;
  --bp-alert-warning800: #f34300;
  --bp-alert-warning900: #f13700;
  --bp-alert-error50: #fbe6e6;
  --bp-alert-error100: #f7cdcd;
  --bp-alert-error200: #ee9c9c;
  --bp-alert-error300: #e66a6a;
  --bp-alert-error400: #dd3939;
  --bp-alert-error500: #d50707;
  --bp-alert-error600: #ce0505;
  --bp-alert-error700: #c70404;
  --bp-alert-error800: #c00202;
  --bp-alert-error900: #b90101;
  --bp-overlayWhite: rgba(255, 255, 255, 0.9);
  --bp-overlayDark: rgba(74, 74, 80, 0.8);
  --bp-skeleton-lightModeStart: linear-gradient(
    89.85deg,
    #eae9f3 0.11%,
    #f5f6fa 0.12%,
    #dee3ed 99.87%
  );
  --bp-skeleton-lightModeEnd: linear-gradient(
    89.85deg,
    #dee3ed 0.11%,
    #f5f6fa 99.86%,
    #e9ecf3 99.87%,
    #e9ecf3 99.87%
  );
}

body {
  background-color: var(--bp-grayScaleWhite);
  font-family: Arial, sans-serif;
  margin: 0;
}

.separator {
  border: 0;
  border-top: 1px solid #dee3ed;
}

.bp-mb-24 {
  margin-bottom: 1.5rem;
}

.bp-mb-16 {
  margin-bottom: 1rem;
}

.landing-page {
  box-sizing: border-box;
  background-color: var(--bp-grayScaleWhite);
  min-height: 100vh;
  min-height: 100dvh;
  gap: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  padding-right: 0.8rem;
  padding-left: 0.8rem;
}

.landing-page__brand-wrapper {
  display: flex;
  align-items: flex-start;
  height: 64px;
  padding: 16px;
}
.landing-page__menu-section {
  flex-direction: column;
  display: flex;
  max-width: 480px;
  width: 100%;
}
.landing-page__title {
  color: var(--bp-primary-blue500);
  font-size: 28px;
  line-height: 32px;
  text-align: inherit;
  letter-spacing: 0px;
  text-decoration: none;
  font-weight: unset;
  margin-block: unset;
  margin-inline: unset;
  font-family: prelo-semibold, Helvetica, Arial, Sans, Sans-serif;
  width: 100%;
  margin: 0;
  padding: 0;
}
.landing-page__tutorial-section {
  flex-direction: column;
  display: flex;
  max-width: 480px;
  width: 100%;
  margin-bottom: 16px;
}
.landing-page__menu {
  flex-direction: column;
  gap: 16px;
  display: flex;
  width: 100%;
}
.landing-page__menu-item {
  text-decoration: none;
  height: 108px;
}
.landing-page__menu-item:active,
.landing-page__menu-item:link,
.landing-page__menu-item:visited {
  color: #0f265c;
}