@charset "UTF-8";

:root {
   --bs-body-color: #4d4d4d;
   --bs-bg-secondary: #018765;
   --lafise-color-neutral-100: #fafbfc;
   --lafise-color-neutral-200: #eff2f5;
   --lafise-color-neutral-300: #dfe2e8;
   --lafise-color-neutral-400: #cacfd8;
   --lafise-color-neutral-500: #99a0ae;
   --lafise-color-neutral-600: #717784;
   --lafise-color-neutral-700: #505663;
   --lafise-color-neutral-800: #2b303b;
   --lafise-color-neutral-900: #181b25;
   --lafise-color-neural-1000: #0e121b;
   --lafise-color-gray-100: #f5f5f5;
   --lafise-color-gray-200: #ebebeb;
   --lafise-color-gray-300: #c2c2c2;
   --lafise-color-gray-400: #999999;
   --lafise-color-gray-500: #707070;
   --lafise-color-gray-600: #525252;
   --lafise-color-gray-700: #333333;
   --lafise-color-gray-800: #292929;
   --lafise-color-gray-900: #1f1f1f;
   --lafise-color-gray-1000: #0a0a0a;
   --lafise-color-esmeralda-100: #e6f3f0;
   --lafise-color-esmeralda-200: #b0dacf;
   --lafise-color-esmeralda-300: #8ac8b8;
   --lafise-color-esmeralda-400: #55af98;
   --lafise-color-esmeralda-500: #349f8a;
   --lafise-color-esmeralda-600: #018765;
   --lafise-color-esmeralda-700: #017b5c;
   --lafise-color-esmeralda-800: #016048;
   --lafise-color-esmeralda-900: #014a38;
   --lafise-color-esmeralda-1000: #00392a;
}

:root {
   --ds-heading-01-fs: 32px;
   --ds-heading-02-fs: 28px;
   --ds-heading-03-fs: 24px;
   --ds-heading-04-fs: 20px;
   --ds-heading-05-fs: 18px;
   --ds-heading-06-fs: 18px;
   --ds-p-fs: 16px;
   --ds-body-fs: 16px;
   --ds-small-fs: 14px;
   --ds-heading-01-lh: 44px;
   --ds-heading-02-lh: 38px;
   --ds-heading-03-lh: 33px;
   --ds-heading-04-lh: 27px;
   --ds-heading-05-lh: 25px;
   --ds-heading-06-lh: 25px;
   --ds-p-01-lh: 22px;
   --ds-p-02-lh: 19px;
   --ds-small-lh: 16px;
   --ds-fw-bold: 700;
   --ds-fw-semibold: 600;
   --ds-fw-normal: 400;
   --ds-ls-tight: -1px;
   --bs-body-font-family: "Open Sans", sans-serif;
   --bs-body-fs: var(--ds-p-fs);
   --bs-body-font-weight: var(--ds-fw-normal);
   --lafise-containder-width: 1256px;
}

* {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 768px) {
   :root {
      --ds-heading-01-fs: 32px;
      --ds-heading-02-fs: 32px;
      --ds-heading-03-fs: 28px;
      --ds-heading-04-fs: 24px;
      --ds-heading-05-fs: 20px;
      --ds-heading-06-fs: 20px;
      --ds-heading-01-lh: 44px;
      --ds-heading-02-lh: 44px;
      --ds-heading-03-lh: 38px;
      --ds-heading-04-lh: 33px;
      --ds-heading-05-lh: 27px;
      --ds-heading-06-lh: 27px;
   }
}

@media (min-width: 1024px) {
   :root {
      --ds-heading-01-fs: 40px;
      --ds-heading-02-fs: 32px;
      --ds-heading-03-fs: 28px;
      --ds-heading-04-fs: 24px;
      --ds-heading-05-fs: 20px;
      --ds-heading-06-fs: 20px;
      --ds-heading-01-lh: 44px;
      --ds-heading-02-lh: 44px;
      --ds-heading-03-lh: 38px;
      --ds-heading-04-lh: 33px;
      --ds-heading-05-lh: 27px;
      --ds-heading-06-lh: 27px;
   }
}

h1,
.display-1,
.h1 {
   font-size: var(--ds-heading-01-fs);
   font-weight: var(--ds-fw-bold);
   line-height: var(--ds-heading-01-lh);
   letter-spacing: var(--ds-ls-tight);
}

h2,
.display-2,
.h2 {
   font-size: var(--ds-heading-02-fs);
   line-height: var(--ds-heading-02-lh);
   font-weight: var(--ds-fw-bold);
   letter-spacing: var(--ds-ls-tight);
}

h3,
.display-3,
.h3 {
   font-size: var(--ds-heading-03-fs);
   line-height: var(--ds-heading-03-lh);
   font-weight: var(--ds-fw-semibold);
   letter-spacing: var(--ds-ls-tight);
}

h4,
.display-4,
.h4 {
   font-size: var(--ds-heading-04-fs);
   line-height: var(--ds-heading-04-lh);
   font-weight: var(--ds-fw-bold);
   letter-spacing: var(--ds-ls-tight);
}

h5,
.display-5,
.h5 {
   font-size: var(--ds-heading-05-fs);
   line-height: var(--ds-heading-05-lh);
   font-weight: var(--ds-fw-semibold);
   letter-spacing: var(--ds-ls-tight);
}

h6,
.display-6,
.h6 {
   font-size: var(--ds-heading-06-fs);
   line-height: var(--ds-heading-06-lh);
   font-weight: var(--ds-fw-bold);
   letter-spacing: var(--ds-ls-tight);
}

.lead {
   font-size: var(--ds-p-fs);
   line-height: var(--ds-p-01-lh);
   font-weight: var(--ds-fw-normal);
}

p {
   font-size: var(--ds-p-fs);
   line-height: var(--ds-p-01-lh);
}

small,
.small {
   font-size: var(--ds-small-fs);
   line-height: var(--ds-small-lh);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
p,
.lead,
small,
.small {
   margin: 0;
   padding: 0;
}

:root {
   --ds-container-x-space: 24px;
   --ds-container-x-gutter: 16px;
}

@media (min-width: 768px) {
   :root {
      --ds-container-x-space: 32px;
   }
}

@media (min-width: 1200px) {
   :root {
      --ds-container-x-space: 72px;
      --ds-container-x-gutter: 24px;
   }
}

.container-fluid {
   width: 100%;
   max-width: var(--lafise-containder-width);
   --bs-gutter-x: calc(var(--ds-container-x-space) * 2);
}

.row {
   --bs-gutter-x: calc(var(--ds-container-x-space) * 2);
   padding-left: calc(var(--ds-container-x-space) - var(--ds-container-x-gutter) * 0.5);
   padding-right: calc(var(--ds-container-x-space) - var(--ds-container-x-gutter) * 0.5);
}

.row>* {
   --bs-gutter-x: var(--ds-container-x-gutter);
}


.btn-light {
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
   user-select: none;
   border-radius: var(--Border-border-full, 100px);
   background: var(--Surface-web-surface-white, #FFF);
   display: inline-flex;
   padding: 12px 32px;
   justify-content: center;
   align-items: center;
   color: var(--Brand-Personas-web-pers-primary-base, #018765);
   font-family: var(--Font-family-Open-Sans, "Open Sans"), sans-serif;
   font-size: var(--Font-size-label-03, 18px);
   font-weight: var(--Font-weight-semibold, 600);
   line-height: 1.2;
   text-decoration: none;
   border: none;
   outline: none;
   cursor: pointer;
   min-width: 160px;
   height: 56px;
   box-sizing: border-box;
}

.btn-light:hover {
   background: #00583c;
   color: #ffffff;
}

.btn-light:active {
   background: #00452e !important;
   color: #ffffff !important;
   border: none !important;
   outline: none !important;
}

.btn-light:focus {
   outline: none;
   box-shadow: 0 0 0 2px rgba(1, 135, 101, 0.2);
}

.btn-primary {
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
   user-select: none;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   padding: var(--Spacing-spacing-16, 16px) var(--Spacing-spacing-80, 80px);
   max-width: 350px;
   height: 56px;
   cursor: pointer;
   border: none;
   outline: none;
   border-radius: var(--Border-border-full, 100px);
   background: #018765;
   color: #ffffff;
   font-family: var(--Font-family-Open-Sans, "Open Sans"), sans-serif;
   font-size: var(--Font-size-label-03, 18px);
   font-weight: var(--Font-weight-semibold, 600);
   line-height: 24px;
   letter-spacing: -0.36px;
   text-decoration: none;
}

.btn-primary:hover {
   background: #00583c !important;
}

.btn-primary:active {
   background: #00452e !important;
   border: none !important;
   outline: none !important;
   box-shadow: none !important;
}

.btn-primary:focus {
   outline: none !important;
   border: none !important;
   box-shadow: none !important;
}

.btn-outline-primary {
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
   user-select: none;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   padding: var(--Spacing-spacing-16, 16px) var(--Spacing-spacing-80, 80px);
   height: 56px;
   border-radius: var(--Border-border-full, 100px);
   font-family: var(--Font-family-Open-Sans, "Open Sans"), sans-serif;
   font-size: var(--Font-size-label-03, 18px);
   font-weight: var(--Font-weight-semibold, 600);
   line-height: 24px;
   letter-spacing: -0.36px;
   text-decoration: none;
   cursor: pointer;
   background-color: transparent;
   color: var(--lafise-color-esmeralda-600, #018765);
   border: 2px solid var(--lafise-color-esmeralda-600, #018765);
   transition: all 0.2s ease;
   outline: none;
   box-shadow: none !important;
}

.btn-outline-primary:hover {
   background-color: transparent;
   color: var(--lafise-color-esmeralda-1000, #00392a);
   border-color: var(--lafise-color-esmeralda-1000, #00392a);
   box-shadow: none !important;
   outline: none !important;
}

.btn-outline-primary:active {
   background-color: transparent !important;
   color: var(--lafise-color-esmeralda-1000, #00392a) !important;
   border-color: var(--lafise-color-esmeralda-1000, #00392a) !important;

   outline: none !important;
   box-shadow: none !important;
}

.btn-outline-primary:focus {
   outline: none !important;
   box-shadow: none !important;
}