@charset "UTF-8";
:root,
[data-bs-theme=light] {
  --vg-black: #000;
  --vg-white: #fff;
  --vg-color-black: #212121;
  --vg-color-grey: #5C5C59;
  --vg-color-red: #AB2421;
  --vg-color-white: #ffffff;
  --vg-color-black-rgb: 33, 33, 33;
  --vg-color-grey-rgb: 92, 92, 89;
  --vg-color-red-rgb: 171, 36, 33;
  --vg-color-white-rgb: 255, 255, 255;
  --vg-primary-text-emphasis: #052c65;
  --vg-secondary-text-emphasis: #2b2f32;
  --vg-success-text-emphasis: #0a3622;
  --vg-info-text-emphasis: #055160;
  --vg-warning-text-emphasis: #664d03;
  --vg-danger-text-emphasis: #58151c;
  --vg-light-text-emphasis: #495057;
  --vg-dark-text-emphasis: #495057;
  --vg-primary-bg-subtle: #cfe2ff;
  --vg-secondary-bg-subtle: #e2e3e5;
  --vg-success-bg-subtle: #d1e7dd;
  --vg-info-bg-subtle: #cff4fc;
  --vg-warning-bg-subtle: #fff3cd;
  --vg-danger-bg-subtle: #f8d7da;
  --vg-light-bg-subtle: #fcfcfd;
  --vg-dark-bg-subtle: #ced4da;
  --vg-primary-border-subtle: #9ec5fe;
  --vg-secondary-border-subtle: #c4c8cb;
  --vg-success-border-subtle: #a3cfbb;
  --vg-info-border-subtle: #9eeaf9;
  --vg-warning-border-subtle: #ffe69c;
  --vg-danger-border-subtle: #f1aeb5;
  --vg-light-border-subtle: #e9ecef;
  --vg-dark-border-subtle: #adb5bd;
  --vg-white-rgb: 255, 255, 255;
  --vg-black-rgb: 0, 0, 0;
  --vg-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --vg-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --vg-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --vg-body-font-family: var(--vg-font-sans-serif);
  --vg-body-font-size: 1rem;
  --vg-body-font-weight: 400;
  --vg-body-line-height: 1.5;
  --vg-body-color: #212529;
  --vg-body-color-rgb: 33, 37, 41;
  --vg-body-bg: #fff;
  --vg-body-bg-rgb: 255, 255, 255;
  --vg-emphasis-color: #000;
  --vg-emphasis-color-rgb: 0, 0, 0;
  --vg-secondary-color: rgba(33, 37, 41, 0.75);
  --vg-secondary-color-rgb: 33, 37, 41;
  --vg-secondary-bg: #e9ecef;
  --vg-secondary-bg-rgb: 233, 236, 239;
  --vg-tertiary-color: rgba(33, 37, 41, 0.5);
  --vg-tertiary-color-rgb: 33, 37, 41;
  --vg-tertiary-bg: #f8f9fa;
  --vg-tertiary-bg-rgb: 248, 249, 250;
  --vg-heading-color: inherit;
  --vg-link-color: #0d6efd;
  --vg-link-color-rgb: 13, 110, 253;
  --vg-link-decoration: underline;
  --vg-link-hover-color: #0a58ca;
  --vg-link-hover-color-rgb: 10, 88, 202;
  --vg-code-color: #d63384;
  --vg-highlight-bg: #fff3cd;
  --vg-border-width: 1px;
  --vg-border-style: solid;
  --vg-border-color: #dee2e6;
  --vg-border-color-translucent: rgba(0, 0, 0, 0.175);
  --vg-border-radius: 0.375rem;
  --vg-border-radius-sm: 0.25rem;
  --vg-border-radius-lg: 0.5rem;
  --vg-border-radius-xl: 1rem;
  --vg-border-radius-xxl: 2rem;
  --vg-border-radius-2xl: var(--vg-border-radius-xxl);
  --vg-border-radius-pill: 50rem;
  --vg-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --vg-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --vg-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --vg-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --vg-focus-ring-width: 0.25rem;
  --vg-focus-ring-opacity: 0.25;
  --vg-focus-ring-color: rgba(13, 110, 253, 0.25);
  --vg-form-valid-color: #198754;
  --vg-form-valid-border-color: #198754;
  --vg-form-invalid-color: #dc3545;
  --vg-form-invalid-border-color: #dc3545;
}

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
figure,
blockquote,
dl,
dd,
ul,
ol {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
iframe {
  width: 100%;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--vg-body-font-family);
  font-weight: var(--vg-body-font-weight);
  line-height: var(--vg-body-line-height);
  color: var(--vg-body-color);
  text-align: var(--vg-body-text-align);
  background-color: var(--vg-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: var(--step-0);
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-weight: 500;
  line-height: 1.2;
  color: var(--vg-heading-color, inherit);
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

ol,
ul {
  padding-left: 2rem;
}

b,
strong {
  font-weight: 700;
}

small {
  font-size: 0.875em;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--vg-link-color);
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
a:hover {
  text-decoration-thickness: 1px;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

label {
  display: inline-block;
  color: var(--pf-heading-color);
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  width: 100%;
  padding: 0;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
  color: var(--pf-heading-color);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
iframe {
  border: 0;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

/* Defaults
----------------------------------------------------- */
/*
-----------------------------------------------------
Variables for site
-----------------------------------------------------
*/
/* Site variables
----------------------------------------------------- */
/* @link https://utopia.fyi/type/calculator?c=320,16,1.125,1240,18,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
  /* Step -2: 12.64px → 11.52px */
  --step--2: clamp(0.72rem, calc(0.81rem + -0.12vw), 0.79rem);
  /* Step -1: 14.22px → 14.40px */
  --step--1: clamp(0.89rem, calc(0.88rem + 0.02vw), 0.90rem);
  /* Step 0: 16.00px → 18.00px */
  --step-0: clamp(1.00rem, calc(0.96rem + 0.22vw), 1.13rem);
  /* Step 1: 18.00px → 22.50px */
  --step-1: clamp(1.13rem, calc(1.03rem + 0.49vw), 1.41rem);
  /* Step 2: 20.25px → 28.13px */
  --step-2: clamp(1.27rem, calc(1.09rem + 0.86vw), 1.76rem);
  /* Step 3: 22.78px → 35.16px */
  --step-3: clamp(1.42rem, calc(1.15rem + 1.35vw), 2.20rem);
  /* Step 4: 25.63px → 43.95px */
  --step-4: clamp(1.60rem, calc(1.20rem + 1.99vw), 2.75rem);
  /* Step 5: 28.83px → 54.93px */
  --step-5: clamp(1.80rem, calc(1.23rem + 2.84vw), 3.43rem);
}

.fs-step--2 {
  font-size: var(--step--2);
}

.fs-step--1 {
  font-size: var(--step--1);
}

.fs-step-0 {
  font-size: var(--step-0);
}

.fs-step-1 {
  font-size: var(--step-1);
}

.fs-step-2 {
  font-size: var(--step-2);
}

.fs-step-3 {
  font-size: var(--step-3);
}

.fs-step-4 {
  font-size: var(--step-4);
}

.fs-step-5 {
  font-size: var(--step-5);
}

:root {
  --space-3xs: clamp(0.25rem, calc(0.23rem + 0.11vw), 0.31rem);
  --space-2xs: clamp(0.50rem, calc(0.46rem + 0.22vw), 0.63rem);
  --space-xs: clamp(0.75rem, calc(0.68rem + 0.33vw), 0.94rem);
  --space-s: clamp(1.00rem, calc(0.91rem + 0.43vw), 1.25rem);
  --space-m: clamp(1.50rem, calc(1.37rem + 0.65vw), 1.88rem);
  --space-l: clamp(2.00rem, calc(1.83rem + 0.87vw), 2.50rem);
  --space-xl: clamp(3.00rem, calc(2.74rem + 1.30vw), 3.75rem);
  --space-2xl: clamp(4.00rem, calc(3.65rem + 1.74vw), 5.00rem);
  --space-3xl: clamp(6.00rem, calc(5.48rem + 2.61vw), 7.50rem);
  /* One-up pairs */
  --space-3xs-2xs: clamp(0.25rem, calc(0.12rem + 0.65vw), 0.63rem);
  --space-2xs-xs: clamp(0.50rem, calc(0.35rem + 0.76vw), 0.94rem);
  --space-xs-s: clamp(0.75rem, calc(0.58rem + 0.87vw), 1.25rem);
  --space-s-m: clamp(1.00rem, calc(0.70rem + 1.52vw), 1.88rem);
  --space-m-l: clamp(1.50rem, calc(1.15rem + 1.74vw), 2.50rem);
  --space-l-xl: clamp(2.00rem, calc(1.39rem + 3.04vw), 3.75rem);
  --space-xl-2xl: clamp(3.00rem, calc(2.30rem + 3.48vw), 5.00rem);
  --space-2xl-3xl: clamp(4.00rem, calc(2.78rem + 6.09vw), 7.50rem);
  /* Custom pairs */
  --space-s-l: clamp(1.00rem, calc(0.48rem + 2.61vw), 2.50rem);
  --mw-1: 36rem;
  --mw-2: 42rem;
  --mw-3: 46rem;
  --mw-4: 60rem;
  --mw-5: 72rem;
  --site-padding: 1.5rem;
  --site-max-width: 86rem;
  --site-max-width-l: 94rem;
  --site-link-transition: all .15s ease-in;
  --grid-gap: var(--site-padding);
  --color-twitter: #238caa;
  --color-facebook: #3b5997;
  --color-linkedin: #0077b5;
  --color-pinterest: #cb2027;
  --color-whatsapp: #25D366;
}

@media (min-width: 1024px) {
  :root {
    --site-padding: 2rem;
  }
}
/*
-----------------------------------------------------
Sass Mixins
-----------------------------------------------------
*/
/* inter-300 - latin */ /*
-----------------------------------------------------
Base styles
-----------------------------------------------------
*/
a {
  text-underline-offset: 0.25em;
  transition: var(--site-link-transition);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-wrap: balance;
}

img {
  height: auto;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  text-align: center;
}
.container > * {
  width: 100%;
  padding: var(--site-padding);
}

/* Components
----------------------------------------------------- */
/*
-----------------------------------------------------
Utilities
-----------------------------------------------------
*/
/* Wrapper
----------------------------------------------------- */
.wrapper {
  padding: 0 var(--site-padding);
  max-width: calc(var(--site-max-width) + 2 * var(--site-padding));
  margin: 0 auto;
  width: 100%;
}

/* Flow and prose
----------------------------------------------------- */
.flow > * + * {
  margin-top: var(--flow-space, 1em);
}

.flow-space--3xs {
  --flow-space: var(--space-3xs);
}

.flow-space--2xs {
  --flow-space: var(--space-2xs);
}

.flow-space--xs {
  --flow-space: var(--space-xs);
}

.flow-space--s {
  --flow-space: var(--space-s);
}

.flow-space--m {
  --flow-space: var(--space-m);
}

.flow-space--l {
  --flow-space: var(--space-l);
}

.flow-space--xl {
  --flow-space: var(--space-xl);
}

.flow-space--2xl {
  --flow-space: var(--space-2xl);
}

.flow-space--3xl {
  --flow-space: var(--space-3xl);
}

.prose :is(* + h2, * + .h2, * + h3, * + .h3, * + h4, * + .h4) {
  --flow-space: var(--space-l);
}

.prose li + li {
  margin-top: var(--space-s);
}

.constrain {
  max-width: var(--constrain-mw);
}

.constrain--center {
  margin-left: auto;
  margin-right: auto;
}

.constrain--1 {
  --constrain-mw: var(--mw-1);
}

.constrain--2 {
  --constrain-mw: var(--mw-2);
}

.constrain--3 {
  --constrain-mw: var(--mw-3);
}

.constrain--4 {
  --constrain-mw: var(--mw-4);
}

.constrain--5 {
  --constrain-mw: var(--mw-5);
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Vendor
----------------------------------------------------- */