:root {
  --_size---font-body: "Work Sans", sans-serif;
  --_color---color-text-primary: var(--_color---color-secondary);
  --_color---color-bg-secondary: white;
  --_color---color-bg-primary: #f6f6f6;
  --_size---padding-small: 1rem;
  --_size---padding-xmedium: 1.5rem;
  --_size---font-display: Unbounded, sans-serif;
  --_size---font-size-6xl: 3rem;
  --_size---font-weight-bold: 700;
  --_size---padding-medium: 2rem;
  --_size---font-size-7xl: 4rem;
  --_size---padding-xxmedium: 1.25rem;
  --_size---font-size-4xl: 2rem;
  --_size---font-size-2xl: 1.5rem;
  --_size---padding-xsmall: .5rem;
  --_size---font-size-m: 1rem;
  --_size---padding-0: 0rem;
  --_color---color-contrast: #01dc94;
  --_color---color-primary: #c6f221;
  --_color---color-terciary: #d3ffb4;
  --_size---font-size-s: .87rem;
  --_size---margin-xxlarge: 5rem;
  --_size---padding-xxsmall: .25rem;
  --_color---color-secondary: #02373d;
  --_size---padding-xlarge: 4rem;
  --_size---padding-large: 3rem;
  --_color---color-box-shadow: #212d2c40;
  --_size---margin-small\<deleted\|variable-a7c95045-739d-49dc-cc50-e1901140b8fd\>: 1rem;
  --_size---font-size-xl: 1.25rem;
  --_size---font-weight-semibold: 600;
  --work-sans: "Work Sans", sans-serif;
  --semibold-600: 600;
  --_size---font-size-2xs: .75rem;
  --_color---color-text-terciary: white;
  --_size---font-weight-medium: 500;
  --medium-500: 500;
  --_color---color-text-secondary: var(--_color---color-gray);
  --_color---color-disabled: #eaeaea;
  --_color---color-button-disabled: #eaeaea;
  --_color---color-secondary-variant: #004649;
  --_color---color-primary-variant: #212d2c;
  --_color---color-text-error: var(--_color---color-dark-red);
  --_color---color-support-warning: #fff200;
  --_color---color-support-info: #fb7418;
  --_color---color-support-success: var(--_color---color-primary);
  --_size---font-weight-regular: 400;
  --_color---color-focus: #f6fff0;
  --_color---color-bg-card-user: #fffc;
  --backdrop-filter: 18px;
  --_size---margin-xxmedium: 1.25rem;
  --_size---padding-tiny: .125rem;
  --_size---padding-regular: .875rem;
  --_color---color-step-active: #363636;
  --backdrop-filter-steps: 16.25px;
  --_color---color-text-step-disabled: #02373d80;
  --_size---font-size-5xl: 2.5rem;
  --_size---font-size-3xl: 1.75rem;
  --_size---font-size-xs: .81rem;
  --_color---color-button-primary-hover: #d7f563;
  --_size---border-radius-medium: .625rem;
  --_size---font-size-l: 1.125rem;
  --_color---color-veil-dark-50: #212d2c80;
  --_size---font-weight-light: 300;
  --_size---margin-medium: 2rem;
  --_color---color-gray-dark: #6c6c6c;
  --_size---padding-xxlarge: 5rem;
  --color-pink-error: #faa;
  --color-bg-error: #fff5f5;
  --_color---color-outline-focus: var(--_color---badge-border-success);
  --_color---color-text-success: #067647;
  --_size---font-size-3xs: .6rem;
  --_size---margin-xsmall: .5rem;
  --_size---margin-0: 0rem;
  --dark-gray-text: #6c6c6c;
  --_color---color-light-red: #fcc;
  --red-bg: #fff5f5;
  --_color---color-dark-red: #b42318;
  --_color---color-outline-green: #067647;
  --color-text-dar-gray: #6c6c6c;
  --gray-text: #6c6c6c;
  --_color---color-border-glass: #edffe073;
  --_color---color-overlay-white: #ffffff1a;
  --_color---color-veil-green-80: #f6fff0cc;
  --_size---padding-xhuge: 8rem;
  --_color---color-border-glass-soft: #edffe04d;
  --_color---color-veil-white-45: #ffffff73;
  --_color---color-veil-green-20: #f6fff033;
  --_size---padding-huge: 6rem;
  --_size---padding-xxhuge: 9rem;
  --_color---color-veil-white-50: #ffffff80;
  --_color---color-gray: #b9b9b9;
  --_color---color-button-primary: var(--_color---color-primary);
  --_size---padding-giant: 12rem;
  --_color---color-bg-surface: #f9f9f9;
  --_color---color-divider: #eaeaea;
  --_color---color-bg-card: #fcfcfc;
  --_color---color-gray-medium: #616161;
  --_color---badge-border-success: #abefc6;
  --_color---badge-border-info: #c4e5fe;
  --_color---badge-bg-info: #eff8ff;
  --_color---badge-text-info: #175cd3;
  --_color---badge-bg-success: #ecfdf3;
  --_color---color-gray-soft: #858585;
  --_color---color-border-error: #faa;
  --_color---color-bg-red: #fff5f5;
  --_color---color-veil-green-50: #f6fff080;
  --_color---color-border-light: white;
  --_color---color-gray-neutral: #929292;
  --_color---color-veil-green-44: #f6fff070;
  --_color---color-veil-white-17: #ffffff2b;
  --_color---color-bg-error-soft: #ffeaea;
  --_color---badge-text-success: var(--_color---color-text-success);
  --unbounded: Unbounded, sans-serif;
  --xbold-800: 800;
  --bold-700: 700;
  --regular-400: 400;
  --light-300: 300;
  --padding-xxmedium: 1.25rem;
  --light-red: #fcc;
  --red-outline: #b42318;
  --dark-red: #b42318;
  --_color---color-button-secondary: #02373d;
  --_color---color-icon-primary: var(--_color---color-primary);
  --_color---color-icon-secondary: var(--_color---color-secondary);
  --_color---color-support-error: var(--_color---color-dark-red);
  --_size---margin-tiny: .125rem;
  --_size---margin-xxsmall: .25rem;
  --_color---color-hover-primary: var(--_color---color-terciary);
  --_size---margin-small: 1rem;
  --_color---color-hover-secondary: var(--_color---color-contrast);
  --_color---color-active-primary: var(--_color---color-terciary);
  --_size---margin-xmedium: 1.5rem;
  --_color---color-active-secondary: var(--_color---color-contrast);
  --_color---color-link-visited: var(--_color---color-contrast);
  --_size---margin-large: 3rem;
  --_size---margin-xlarge: 4rem;
  --_size---margin-huge: 6rem;
  --_size---margin-xhuge: 8rem;
  --_size---margin-xxhuge: 9rem;
  --_size---margin-giant: 12rem;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-primary);
  font-size: 14px;
  line-height: 20px;
}

.heading-style-h1 {
  padding-bottom: var(--_size---padding-small);
  padding-left: var(--_size---padding-xmedium);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  font-family: var(--_size---font-display);
  color: var(--_color---color-text-primary);
  font-size: var(--_size---font-size-6xl);
  line-height: var(--_size---font-size-6xl);
  font-weight: var(--_size---font-weight-bold);
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto auto 20%;
}

.image {
  width: 100%;
  max-width: 1004%;
  height: 100%;
  max-height: 100%;
  margin-bottom: 0;
}

.section-logo {
  padding-top: var(--_size---padding-small);
  padding-right: var(--_size---padding-xmedium);
  padding-bottom: var(--_size---padding-small);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.image-2 {
  width: 160px;
}

.page-wrapped {
  overflow: visible;
}

.main-wrapped {
  padding-bottom: var(--_size---padding-0);
  overflow: visible;
}

.section-hero {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  height: 100vh;
  font-size: var(--_size---font-size-s);
  background-image: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.padding-global {
  padding-bottom: 0;
}

.padding-global.padding-section-large {
  padding: var(--_size---padding-small);
}

.padding-global.padding-bottom {
  padding-bottom: var(--_size---margin-xxlarge);
}

.container-large {
  width: 100%;
  padding-top: var(--_size---padding-0);
  padding-bottom: var(--_size---padding-0);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-large.container-color {
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.container-large.color-content {
  width: 100%;
  padding-top: var(--_size---padding-xmedium);
  padding-bottom: var(--_size---padding-xmedium);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-large.color-text-content {
  width: 100%;
  height: auto;
  padding-top: var(--_size---padding-xmedium);
  padding-bottom: var(--_size---padding-xmedium);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
}

.container-large.container-hero {
  padding-top: var(--_size---padding-0);
  padding-bottom: var(--_size---padding-0);
  display: block;
}

.container-large.container-hue {
  padding-top: var(--_size---padding-xxmedium);
  padding-bottom: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
}

.container-large.color-secundary-content {
  padding-top: var(--_size---padding-xmedium);
  padding-bottom: var(--_size---padding-xmedium);
  flex-flow: column;
}

.container-large.container-typography {
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.container-large.container-fonts {
  border-bottom: 1px solid var(--_color---color-secondary);
  justify-content: flex-start;
  align-items: center;
}

.container-large.container-font-family {
  padding-top: var(--_size---padding-medium);
  padding-bottom: var(--_size---padding-medium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
}

.container-large.heading-content {
  padding-top: var(--_size---padding-medium);
  padding-bottom: var(--_size---padding-medium);
  justify-content: space-between;
  align-items: center;
}

.image-3 {
  width: 600px;
}

.heading-style-h2 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  right: 250px;
}

.heading-style-h2.index-number {
  font-family: var(--_size---font-display);
  color: var(--_color---color-primary);
  font-size: 16rem;
  line-height: 16rem;
  bottom: 0;
  left: 0;
  right: auto;
}

.heading-style-h2.text-typography {
  right: 210px;
}

.heading-style-h2.index-number-2 {
  font-family: var(--_size---font-display);
  color: var(--_color---color-primary);
  font-size: 16rem;
  line-height: 16rem;
  bottom: 0;
  left: 0;
  right: auto;
}

.primary-color-card {
  width: 16rem;
  height: 20rem;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.secondary-color-card {
  width: 16rem;
  height: 20rem;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.terciary-color-card {
  width: 16rem;
  height: 20rem;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-terciary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.contrast-color-card {
  width: 16rem;
  height: 20rem;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-contrast);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.heading-style-h3 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-style-h3.text-color-terciary {
  color: var(--_color---color-bg-secondary);
}

.heading-style-h3.text-style-unbounded {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
}

.heading-style-h3.text-style-worksans {
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
}

.circle {
  width: 2.5rem;
  height: 2.5rem;
  padding-top: var(--_size---padding-small);
  padding-bottom: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  text-align: center;
  border-radius: 100px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 10px;
}

.circle.circle-color-background {
  background-color: var(--_color---color-primary);
}

.circle.circle-color-background.text-color {
  background-color: var(--_color---color-bg-secondary);
}

.text-size-large {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.text-size-large.text-color-terciary {
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
}

.color-info {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.background-color-card.color-bg-primary {
  width: 32rem;
  height: 12rem;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.background-color-card.color-bg-secondary {
  width: 32rem;
  height: 12rem;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.container-card.color-background-content {
  grid-column-gap: var(--_size---padding-xxmedium);
  grid-row-gap: var(--_size---padding-xxmedium);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-color-card.color-text-primary {
  width: 16rem;
  height: 16rem;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-text-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-color-card.color-text-secondary {
  width: 16rem;
  height: 16rem;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-disabled);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-color-card.color-text-terciary {
  width: 16rem;
  height: 16rem;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-secondary-variant);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-color-card.color-text-contrast {
  width: 16rem;
  height: 16rem;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-primary-variant);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-color-card.color-support-error {
  width: 16rem;
  height: 16rem;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-text-error);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-color-card.color-support-warning {
  width: 16rem;
  height: 16rem;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-support-warning);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-color-card.color-support-info {
  width: 16rem;
  height: 16rem;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-support-info);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  transform: translate(0);
}

.text-color-card.color-support-succes {
  width: 16rem;
  height: 16rem;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-support-success);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-color-info {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
}

.text-color-info.text-size-large {
  color: var(--_color---color-bg-secondary);
}

.color-card {
  width: 8rem;
  height: 8rem;
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
}

.color-card.primary-color-main {
  background-color: var(--_color---color-primary);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.color-card.primary-light-1 {
  background-color: #d7f563;
}

.color-card.primary-light-2 {
  background-color: #f3fcd2;
}

.color-card.primary-light-3 {
  background-color: #f9fde8;
}

.color-card.primary-dark-1 {
  background-color: #9ec11a;
}

.color-card.primary-dark-2 {
  background-color: #4f600d;
}

.color-card.primary-dark-3 {
  background-color: #3b4809;
}

.color-card.secundary-color-main {
  background-color: var(--_color---color-secondary);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.color-card.secundary-light-1 {
  background-color: #4d7377;
}

.color-card.secundary-light-2 {
  background-color: #ccd7d8;
}

.color-card.secundary-light-3 {
  background-color: #e5ebeb;
}

.color-card.secundary-dark-1 {
  background-color: #012c30;
}

.color-card.secundary-dark-2 {
  background-color: #001618;
}

.color-card.secundary-dark-3 {
  background-color: #001012;
}

.color-card.terciary-color-main {
  background-color: var(--_color---color-terciary);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.color-card.terciary-light-1 {
  background-color: #e0ffca;
}

.color-card.terciary-light-2 {
  background-color: #f6fff0;
}

.color-card.terciary-light-3 {
  background-color: #fafff7;
}

.color-card.terciary-dark-1 {
  background-color: #a8cc90;
}

.color-card.terciary-dark-2 {
  background-color: #546648;
}

.color-card.terciary-dark-3 {
  background-color: #3f4c36;
}

.color-card.contrast-color-main {
  background-color: var(--_color---color-contrast);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.color-card.contrast-light-1 {
  background-color: #4de6b4;
}

.color-card.contrast-light-2 {
  background-color: #ccf8e9;
}

.color-card.contrast-light-3 {
  background-color: #e5fbf4;
}

.color-card.contrast-dark-1 {
  background-color: #00b076;
}

.color-card.contrast-dark-2 {
  background-color: #00583b;
}

.color-card.contrast-dark-3 {
  background-color: #00422c;
}

.heading-style-h4 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-style-h4.text-color-dark {
  color: var(--_color---color-secondary);
}

.heading-style-h4.card-text-body {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
}

.heading-style-h4.card-text-body-2 {
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
}

.card-family-font {
  border: 1px solid var(--_color---color-secondary);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 30rem;
  height: 20rem;
  display: flex;
}

.card-body-top {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 12rem;
  display: flex;
}

.card-body-bottom {
  width: 100%;
  height: 8rem;
  padding: var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-terciary);
  border-bottom-right-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.paragraph-medium {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
}

.paragraph-medium.paragraph-style-2 {
  font-family: var(--_size---font-body);
  line-height: var(--_size---font-size-m);
}

.title-h2 {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
}

.heading-block {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 24rem;
  height: 8rem;
  display: flex;
}

.heading-style-h5 {
  font-family: var(--_size---font-display);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .874rem;
  line-height: .874rem;
}

.heading-style-h5.text-style-worksans {
  font-family: var(--_size---font-body);
}

.title {
  padding: var(--_size---padding-xxsmall);
  background-color: var(--_color---color-primary);
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.text-style-large {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-7xl);
  line-height: var(--_size---font-size-7xl);
  margin-top: 0;
  margin-bottom: 0;
}

.text-style-large.text-style-worksans {
  font-family: var(--_size---font-body);
}

.text-style-xxmedium {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-6xl);
  line-height: var(--_size---font-size-6xl);
}

.text-style-xxmedium.text-style-worksans {
  font-family: var(--_size---font-body);
}

.text-style-medium {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
}

.text-style-medium.text-style-worksans {
  font-family: var(--_size---font-body);
}

.text-style-small {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
}

.text-style-small.text-style-worksans {
  font-family: var(--_size---font-body);
}

.text-style-xsmall {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.text-style-xsmall.text-style-worksans {
  font-family: var(--_size---font-body);
}

.text-style-xmedium {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
}

.text-style-xmedium.text-style-worksans {
  font-family: var(--_size---font-body);
}

.body.background-color {
  background-color: var(--_color---color-bg-primary);
}

.body.background-color-failed {
  background-color: var(--_color---color-bg-primary);
  background-image: none;
}

.body.background-landing {
  background-color: var(--_color---color-focus);
  overflow: visible;
}

.step-1 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 10rem;
  display: flex;
  position: sticky;
  overflow: clip;
}

.banner-img {
  object-fit: fill;
  width: 100%;
  height: 30rem;
}

.main-content {
  z-index: 1;
  width: 44.37rem;
  margin: -157px auto var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 39% 0% auto;
  overflow: visible;
}

.isotipo {
  justify-content: center;
  align-items: center;
  width: 14.5rem;
  height: 4.43rem;
  display: flex;
}

.card-user {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-card-user);
  width: 26.75rem;
  box-shadow: none;
  -webkit-backdrop-filter: blur(var(--backdrop-filter));
  backdrop-filter: blur(var(--backdrop-filter));
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.user-photo-box {
  border-top-left-radius: var(--_size---padding-xxmedium);
  border-bottom-right-radius: var(--_size---margin-xxmedium);
  background-color: var(--_color---color-secondary-variant);
  justify-content: center;
  align-items: center;
  width: 8.75rem;
  height: 8.75rem;
  display: flex;
  position: relative;
}

.user-info-container {
  padding-right: var(--_size---padding-medium);
  padding-left: var(--_size---padding-medium);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.user {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-user-h1 {
  font-family: var(--_size---font-body);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-user-h1.commerce-short-name {
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  text-align: center;
}

.user-info {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 14.18rem;
  display: flex;
}

.text-user-info {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.text-user-info.commerce-rif, .text-user-info.commerce-name {
  text-align: center;
}

.info-icon {
  padding-top: var(--_size---padding-xsmall);
  padding-right: var(--_size---padding-xsmall);
  vertical-align: baseline;
  position: absolute;
  inset: 0% 0% auto auto;
}

.step-bar {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 26.75rem;
  height: 3.12rem;
  display: flex;
  position: relative;
}

.steps {
  padding-left: var(--_size---padding-medium);
  grid-column-gap: 4.68rem;
  grid-row-gap: 4.68rem;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
}

.step-active {
  width: 2.76rem;
  height: 2.76rem;
  padding: .81rem var(--_size---padding-small);
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  background-color: var(--_color---color-step-active);
  background-image: linear-gradient(90deg, var(--_color---color-contrast), var(--_color---color-primary));
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  -webkit-backdrop-filter: blur(var(--backdrop-filter-steps));
  backdrop-filter: blur(var(--backdrop-filter-steps));
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 6.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-step-active {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.step-disabled {
  padding: .81rem var(--_size---padding-small);
}

.text-step-disabled {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-step-disabled);
  font-size: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.card-amount {
  width: 44.37rem;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.card-amount.card-amount-request, .card-amount.card-spidi-store {
  margin-top: var(--_size---padding-small);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-focus);
}

.form-wrapped {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.form-wrapped.form-card-dates {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--_color---color-text-secondary);
  border-radius: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 17.81rem;
  padding-top: 0;
}

.title-card {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.title-card.description-center {
  width: 30rem;
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-5xl);
  text-align: center;
  -webkit-text-stroke-width: 0px;
  text-overflow: clip;
  white-space: normal;
  word-break: break-all;
  overflow-wrap: normal;
  overflow: hidden;
}

.form-medium {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 17.81rem;
  padding-top: .25rem;
  display: flex;
}

.label-medium {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: .874rem;
  line-height: .874rem;
  font-weight: var(--_size---font-weight-semibold);
  margin-bottom: 0;
}

.input-medium {
  height: 3.12rem;
  padding: 0px var(--_size---padding-xsmall);
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--_color---color-text-secondary);
  border-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: none;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  object-fit: fill;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: static;
  overflow: visible;
}

.input-medium:hover {
  color: var(--_color---color-secondary);
}

.input-medium:active {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
}

.input-medium:focus {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.input-medium:focus-visible, .input-medium[data-wf-focus-visible] {
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.input-medium::placeholder {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
}

.input-medium.select-bank {
  border-radius: var(--_size---padding-xsmall);
  height: 3.12rem;
}

.input-amount {
  border: 1px solid var(--_color---color-text-secondary);
  border-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-bg-secondary);
  width: 17.81rem;
  height: 3.43rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
}

.input-amount:active, .input-amount:focus {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
}

.input-amount:focus-visible, .input-amount[data-wf-focus-visible] {
  background-color: var(--_color---color-focus);
}

.input-amount::placeholder {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
}

.toggle-amount {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 17.75rem;
  display: flex;
  position: relative;
}

.currency {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  width: 15.43rem;
  display: flex;
}

.total-amount {
  width: 17.81rem;
  height: 2.56rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.label-amount {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.text-total-amount {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  margin-top: 0;
  margin-bottom: 0;
}

.text-total-amount.bs-amount {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
}

.text-total-amount.bs-amount.fallback-code {
  display: block;
}

.bottom-section {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.call-to-action {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.primary-button-label {
  width: 17.812rem;
  height: 3.125rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium);
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  cursor: pointer;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.primary-button-label:hover {
  background-color: var(--_color---color-button-primary-hover);
}

.primary-button-label:disabled {
  background-color: var(--_color---color-disabled);
  border-top-left-radius: .625rem;
  border-bottom-right-radius: 0;
  width: 17.812rem;
  height: 3.125rem;
}

.primary-button-label.button-siguiente-1 {
  border-radius: var(--_size---padding-xsmall);
}

.primary-button-label.button-siguiente-2 {
  border-radius: var(--_size---border-radius-medium);
}

.primary-button-label.button-siguiente-3 {
  border-radius: var(--_size---padding-xsmall);
}

.primary-button-label.button-siguiente-3.button-help {
  background-color: var(--_color---color-terciary);
}

.container-banner {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.user-photo.commerce-logo {
  z-index: 100;
  width: 6.25rem;
  height: 6.255rem;
  position: relative;
  top: 0;
  left: 0;
}

.badges {
  width: 2rem;
  position: absolute;
  inset: 6% 2% auto auto;
}

.bar {
  justify-content: center;
  align-items: center;
  width: 26.75rem;
  height: 26.75rem;
  display: flex;
}

.bar.medium {
  justify-content: center;
  align-items: center;
  width: 22.5rem;
  height: 3.12rem;
  display: flex;
}

.back-button {
  padding-top: var(--_size---padding-small);
  padding-left: var(--_size---padding-medium);
  cursor: pointer;
  position: absolute;
  inset: 0% auto auto 0%;
}

.tab {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-bar {
  background-color: var(--_color---color-bg-secondary);
  width: 17.8125rem;
  height: 1.5rem;
  box-shadow: 0 0 2px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  border-radius: 12.5rem;
  justify-content: flex-start;
  align-items: center;
  padding: .12rem;
  display: flex;
}

.tab-bs {
  background-color: var(--_color---color-bg-secondary);
  justify-content: center;
  align-items: center;
  width: 8.9062rem;
  height: 1.25rem;
  padding: .18rem 1.68rem;
  display: flex;
}

.tab-bs.w--current {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  background-color: var(--_color---color-terciary);
  border-radius: 12.5rem;
  justify-content: center;
  align-items: center;
  width: 8.9rem;
  height: 1.25rem;
  padding-left: .19em;
  padding-right: .19rem;
  font-weight: 600;
  display: flex;
  position: static;
}

.tab-bs.w--current:visited {
  color: var(--_color---color-text-secondary);
  font-size: .75rem;
  line-height: .75rem;
}

.text-style-xxsmall {
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-semibold);
}

.text-style-xxsmall:active {
  color: var(--_color---color-text-secondary);
}

.text-style-xxsmall.text-cripto-tab, .text-style-xxsmall.text-cripto-tab:active, .text-style-xxsmall.text-disabled {
  color: var(--_color---color-secondary);
}

.text-style-xxsmall.text-bank-tab {
  width: 100%;
}

.tab-cripto {
  width: 8.9rem;
  height: 1.25rem;
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-semibold);
  background-color: #0000;
  border-radius: 12.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-cripto:active {
  color: var(--_color---color-secondary);
}

.tab-cripto:visited {
  color: var(--_color---color-text-secondary);
}

.tab-cripto.w--current {
  background-color: var(--_color---color-terciary);
}

.dropdown {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.dropdown-toggle {
  width: 4.37rem;
  height: 3.12rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-xsmall) var(--_size---padding-xsmall) var(--_size---padding-small);
  clear: none;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-right: 1px solid var(--_color---color-secondary);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-top-left-radius: .62rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-style-dropdown {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-l);
  line-height: var(--_size---font-size-l);
  font-weight: var(--_size---font-weight-regular);
}

.icon {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  margin-right: 10px;
  transform: rotate(0);
}

.field-id {
  width: 12.9rem;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border: 0px solid var(--_color---color-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  border-top-left-radius: 0;
  border-top-right-radius: .6rem;
  border-bottom-right-radius: .62rem;
  margin-bottom: 0;
}

.field-id:active, .field-id:focus {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.field-id:focus-visible, .field-id[data-wf-focus-visible] {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.field-id::placeholder {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-regular);
}

.button-id {
  border-style: none none none solid;
  border-width: 1px;
  border-color: var(--_color---color-text-secondary);
  border-top-right-radius: var(--_size---padding-xsmall);
  border-bottom-right-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-primary);
  width: 4.8rem;
  height: 3.12rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-semibold);
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  padding: 0;
  display: none;
}

.button-id:hover {
  background-color: var(--_color---color-button-primary-hover);
}

.button-id:active {
  border: 1px solid var(--_color---color-contrast);
}

.button-id:focus-visible, .button-id[data-wf-focus-visible] {
  border: 1px solid var(--_color---color-primary);
}

.dropdown-list {
  background-color: var(--_color---color-bg-secondary);
  opacity: 1;
  pointer-events: auto;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  display: none;
}

.dropdown-list.w--open {
  padding: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  border: 1px solid var(--_color---color-secondary);
  background-color: var(--_color---color-bg-secondary);
  border-top-left-radius: .62rem;
  border-bottom-right-radius: .62rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  inset: 110% auto auto 0%;
  box-shadow: 0 0 5px #0003;
}

.dropdown-list-4, .dropdown-list-3, .dropdown-list-2, .dropdown-list-1 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.select-id {
  width: 4.8rem;
  height: 3.12rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-small);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-style: none solid none none;
  border-width: 1px;
  border-color: var(--_color---color-text-secondary);
  border-top-left-radius: var(--_size---padding-xsmall);
  border-bottom-left-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-bg-secondary);
  outline-color: var(--_color---color-secondary);
  outline-offset: 0px;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-l);
  line-height: var(--_size---font-size-l);
  font-weight: var(--_size---font-weight-semibold);
  border-bottom-right-radius: 0;
  outline-width: 3px;
  outline-style: none;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
}

.select-id:active, .select-id:focus {
  border-style: solid;
  border-color: var(--_color---color-contrast);
}

.top-secton {
  width: 17.81rem;
  padding-top: var(--_size---padding-xxsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.select-phone {
  width: 4.8rem;
  height: 3.12rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-xxsmall) var(--_size---padding-xsmall) var(--_size---padding-xsmall);
  border-style: none solid none none;
  border-width: 1px;
  border-color: var(--_color---color-text-secondary);
  border-top-left-radius: .62rem;
  border-bottom-left-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-bg-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  border-bottom-right-radius: 0;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.select-phone:active, .select-phone:focus {
  border-style: solid;
  border-color: var(--_color---color-contrast);
}

.field-phone {
  width: 12.85rem;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border: 1px none var(--_color---color-secondary);
  border-top-right-radius: var(--_size---padding-xsmall);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  border-bottom-right-radius: .62rem;
  margin-bottom: 0;
}

.field-phone:hover {
  background-color: var(--_color---color-text-terciary);
  font-family: var(--_size---font-body);
}

.field-phone:active, .field-phone:focus {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
}

.field-phone:focus-visible, .field-phone[data-wf-focus-visible] {
  font-family: var(--_size---font-body);
}

.field-phone::placeholder {
  font-family: var(--_size---font-body);
  font-weight: var(--_size---font-weight-regular);
}

.input-phone {
  border: 1px solid var(--_color---color-text-secondary);
  border-radius: var(--_size---padding-xsmall);
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-6 {
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.button-cripto {
  width: 17.81rem;
  height: 3.125rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium);
  border: 1px solid var(--_color---color-text-secondary);
  border-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-bg-secondary);
  font-family: var(--_size---font-body);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-cripto:hover {
  background-color: var(--_color---color-focus);
}

.button-cripto:active, .button-cripto:focus {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.button-cripto.button-binance {
  border-color: var(--_color---color-text-secondary);
  border-radius: var(--_size---padding-xsmall);
  cursor: pointer;
}

.div-block-7 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.detail-list-cripto {
  width: 17.81rem;
  height: var(--_size---padding-small);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.total-detail {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  display: flex;
}

.title-detail-list {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.value-detail-list {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.value-detail-list.ref-amount, .value-detail-list.bcv-amount {
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.value-detail-list.identifier-value {
  text-align: right;
  -webkit-text-stroke-width: 0rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 15rem;
  overflow: hidden;
}

.value-detail-list.payer-id, .value-detail-list.payer-phone {
  text-align: right;
  width: 15rem;
}

.value-detail-list.payer-bank, .value-detail-list.concept-value-2 {
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 15rem;
  overflow: hidden;
}

.value-detail-list.amount-total {
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
}

.form-medium-cripto {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  padding-top: .25rem;
  display: flex;
}

.form-medium-dates {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  padding-top: .25rem;
  display: flex;
}

.card-dates {
  width: 44.37rem;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.step-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.dropdown-copy {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.dropdown-lphone-list {
  background-color: var(--_color---color-bg-secondary);
  opacity: 1;
  pointer-events: auto;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  display: none;
}

.dropdown-lphone-list.w--open {
  padding: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  border: 1px solid var(--_color---color-secondary);
  background-color: var(--_color---color-bg-secondary);
  border-top-left-radius: .62rem;
  border-bottom-right-radius: .62rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  inset: 110% auto auto 0%;
  box-shadow: 0 0 5px #0003;
}

.text-style-phone-dropdown {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
}

.dropdown-phone-toggle {
  width: 4.37rem;
  height: 3.12rem;
  padding: var(--_size---padding-xsmall);
  clear: none;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-right: 1px solid var(--_color---color-secondary);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-top-left-radius: .62rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon-phone {
  margin-right: var(--_size---padding-xxsmall);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
}

.dropdown-list-5, .dropdown-list-6 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.dropdown-bank {
  height: 3.12rem;
  padding-right: var(--_size---padding-small);
  padding-left: var(--_size---padding-small);
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.dropdown-toggle-2 {
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.icon-2 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  display: flex;
}

.dropdown-bank-toggle {
  width: 17.8rem;
  height: 3.12rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-xsmall) var(--_size---padding-xsmall) var(--_size---padding-small);
  clear: none;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-top-left-radius: .62rem;
  border-bottom-right-radius: .62rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dropdown-bank-toggle:hover, .dropdown-bank-toggle:active, .dropdown-bank-toggle:focus {
  background-color: var(--_color---color-focus);
}

.text-style-bank-dropdown {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
}

.radio-button {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: -5px;
  padding-left: 0;
  display: none;
}

.radio-button-dates {
  border: 1px solid var(--_color---color-secondary);
  width: 1.25rem;
  height: 1.25rem;
  color: var(--_color---color-secondary);
  cursor: pointer;
  margin-top: 0;
  margin-left: 0;
}

.radio-button-dates:hover {
  background-color: var(--_color---color-focus);
}

.radio-button-dates:active {
  background-color: var(--_color---color-primary);
}

.radio-button-dates:focus {
  background-color: var(--_color---color-focus);
}

.radio-button-dates.w--redirected-checked {
  background-color: var(--_color---color-primary);
  outline-offset: 0px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  outline: 3px #333;
}

.radio-button-dates.w--redirected-focus, .radio-button-dates.w--redirected-focus-visible {
  background-color: var(--_color---color-primary);
}

.label-radio-button {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-regular);
  margin-bottom: 0;
}

.step-bar-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 26.75rem;
  height: 3.12rem;
  display: flex;
  position: relative;
}

.step-active-copy {
  width: 2.76rem;
  height: 2.76rem;
  padding: .81rem var(--_size---padding-small);
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  background-color: var(--_color---color-step-active);
  background-image: linear-gradient(90deg, var(--_color---color-contrast), var(--_color---color-primary));
  box-shadow: none;
  -webkit-backdrop-filter: blur(var(--backdrop-filter-steps));
  backdrop-filter: blur(var(--backdrop-filter-steps));
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 6.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-bank-list {
  background-color: var(--_color---color-bg-secondary);
  opacity: 1;
  pointer-events: auto;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  display: none;
}

.dropdown-bank-list.w--open {
  padding: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  border: 1px solid var(--_color---color-secondary);
  background-color: var(--_color---color-bg-secondary);
  border-top-left-radius: .62rem;
  border-bottom-right-radius: .62rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  inset: 110% auto auto 0%;
  box-shadow: 0 0 5px #0003;
}

.step-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.text-style-counter {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-regular);
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.div-block-8 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.counter-section {
  justify-content: flex-end;
  align-items: center;
  width: 17.81rem;
  display: flex;
}

.toast-modal {
  width: 39.35rem;
  padding: var(--_size---padding-xxmedium);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-terciary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  justify-content: center;
  align-items: center;
  display: flex;
}

.paraghaph-toast {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.link-modal-payment {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: space-between;
  align-items: center;
  width: 17.81rem;
  display: flex;
}

.label-resend-key {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.link-resend-key {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  margin-top: 0;
  margin-bottom: 0;
}

.accordion-section {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.accordion-header {
  border-bottom: 1px solid var(--_color---color-secondary);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 17.81rem;
  display: flex;
}

.text-style-accordion {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
}

.form-medium-payment {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 17.81rem;
  padding-top: .25rem;
  display: flex;
}

.accordion-panel {
  width: 17.81rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-xsmall) var(--_size---padding-xsmall) .5rem;
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  border: 1px solid var(--_color---color-contrast);
  border-top-left-radius: .62rem;
  border-bottom-right-radius: .62rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.accordion-detail-list {
  width: 17.81rem;
  height: auto;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.title-accordion-list {
  width: 23rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.spinner {
  width: 250px;
  height: 146px;
}

.modal {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-background {
  background-color: var(--_color---color-veil-dark-50);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  width: 100%;
  height: 100%;
  display: block;
}

.modal-content {
  width: 100%;
  max-width: 44.12rem;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-top-left-radius: .62rem;
  border-bottom-right-radius: .62rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.title-modal {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.close-icon {
  left: auto;
  top: var(--_size---padding-xxmedium);
  right: var(--_size---padding-xxmedium);
  cursor: pointer;
  position: absolute;
  bottom: auto;
}

.toast {
  width: 17.75rem;
  padding: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-style-toast {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.text-politics {
  width: 30rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-style-modal {
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-bold);
}

.modal-spinner-content {
  width: 100%;
  max-width: 7.5rem;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  background-color: #0000;
  border-top-left-radius: .62rem;
  border-bottom-right-radius: .62rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.modal-spinner {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-cripto {
  width: 100%;
  max-width: 44.12rem;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.modal-cripto {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.title-modal-cripto {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.close-icon--cripto {
  left: auto;
  top: var(--_size---padding-xxmedium);
  right: var(--_size---padding-xxmedium);
  cursor: pointer;
  position: absolute;
  bottom: auto;
}

.toast-modall-cripto {
  width: 39.35rem;
  padding: var(--_size---padding-xxmedium);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-terciary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  justify-content: center;
  align-items: center;
  display: flex;
}

.paraghaph-toast-cripto {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.icon-info-cripto {
  left: auto;
  top: var(--_size---padding-small);
  right: var(--_size---padding-medium);
  cursor: pointer;
  position: absolute;
  bottom: auto;
}

.card-dates-copy {
  width: 44.37rem;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-top-left-radius: var(--_size---padding-xxmedium);
  border-bottom-right-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.card-dates-cripto {
  width: 44.37rem;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xmedium);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  box-shadow: 0 399px 112px #00464900, 0 255px 102px #00464900, 0 144px 86px #46490005, 0 64px 64px #00464908, 0 16px 35px #02373d08;
}

.gradient-ellipse {
  background-image: linear-gradient(45deg, var(--_color---color-contrast), var(--_color---color-terciary) 52%, var(--_color---color-primary));
  filter: blur(50px);
  border-radius: 200px;
  width: 15rem;
  height: 15rem;
}

.text-awaiting-approval {
  width: 17rem;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  position: absolute;
  top: 5rem;
  left: 5px;
}

.form-medium-awaiting {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  padding-top: .25rem;
  display: flex;
}

.form-wrapped-awaiting {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30rem;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.form-wrapped-awaiting.form-card-dates {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--_color---color-secondary);
  border-radius: .62rem 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 17.81rem;
  padding-top: 0;
}

.tab--awaiting {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30rem;
  display: flex;
}

.tabs-content-awaiting {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30rem;
  padding-top: 3.5rem;
  display: flex;
}

.primary-button-awaiting {
  width: 17.812rem;
  height: 3.125rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium);
  border-top-left-radius: var(--_size---border-radius-medium);
  border-bottom-right-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: center;
  align-items: center;
  display: flex;
}

.primary-button-awaiting:hover {
  background-color: var(--_color---color-button-primary-hover);
}

.primary-button-awaiting:disabled {
  background-color: var(--_color---color-disabled);
  border-top-left-radius: .625rem;
  border-bottom-right-radius: 0;
  width: 17.812rem;
  height: 3.125rem;
}

.primary-button-awaiting.button-binance-ya-pague {
  border-radius: var(--_size---padding-xsmall);
}

.primary-button-awaiting.button-upload-receipt {
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-terciary);
}

.primary-button-awaiting.button-binance {
  border-radius: var(--_size---border-radius-medium);
}

.card-dates-qr {
  width: 44.37rem;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.form-medium-qr {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  padding-top: .25rem;
  display: flex;
}

.tabs-content-qr {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-bar-qr {
  background-color: var(--_color---color-bg-secondary);
  width: 17.8125rem;
  height: 1.5rem;
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  border-radius: 12.5rem;
  justify-content: flex-start;
  align-items: center;
  padding: .12rem;
  display: flex;
}

.tab-qr {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-wrapped-qr {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.form-wrapped-qr.form-card-dates {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--_color---color-secondary);
  border-radius: .62rem 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 17.81rem;
  padding-top: 0;
}

.title-wallet {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.form-medium-dates-qr {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  padding-top: .25rem;
  display: flex;
}

.primary-button--qr {
  width: 17.812rem;
  height: 3.125rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium);
  border-top-left-radius: var(--_size---border-radius-medium);
  border-bottom-right-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: center;
  align-items: center;
  display: flex;
}

.primary-button--qr:hover {
  background-color: var(--_color---color-button-primary-hover);
}

.primary-button--qr:disabled {
  background-color: var(--_color---color-disabled);
  border-top-left-radius: .625rem;
  border-bottom-right-radius: 0;
  width: 17.812rem;
  height: 3.125rem;
}

.primary-button--qr.button-binance-ya-pague {
  border-radius: var(--_size---padding-xsmall);
}

.top-secton-cripto {
  width: 17.81rem;
  padding-top: var(--_size---padding-xxsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-medium-wallet {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 17.81rem;
  padding-top: .25rem;
  display: flex;
}

.currency-usd, .currency-cop {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  display: none;
  position: static;
}

.currency-eur {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  display: none;
  position: static;
}

.currency-bs {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  display: flex;
}

.bs-currency-active {
  cursor: pointer;
  display: block;
}

.usd-currency-desabled, .eur-currency-desabled, .cop-currency-desabled {
  cursor: pointer;
}

.bs-currency-desabled {
  cursor: pointer;
  display: block;
}

.usd-currency-active, .eur-currency-active, .cop-currency-active {
  cursor: pointer;
}

.success {
  z-index: 99;
  width: 100vw;
  height: auto;
  padding-bottom: var(--_size---padding-medium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  font-family: var(--_size---font-body);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-light);
  background-image: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.header-section {
  width: 26.5rem;
  margin-top: var(--_size---margin-medium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-section.binance {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  width: auto;
  font-size: var(--_size---font-size-2xs);
}

.spidi-logotype {
  width: 100%;
  max-width: 17.37rem;
  height: auto;
  max-height: 5.8rem;
  display: block;
  position: static;
  inset: 0%;
}

.heading {
  margin-top: 0;
  margin-bottom: 0;
}

.title-success {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.text-transaction {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.text-transaction.text-close {
  text-align: center;
}

.text-transaction.pago-movil {
  font-size: var(--_size---font-size-xl);
  text-align: center;
}

.container-transaction {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-transaction-bold {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-bold);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.container-dates-hour {
  justify-content: flex-end;
  align-items: center;
  width: 26.5rem;
  height: 1.5rem;
  display: flex;
}

.text-date-hour {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.container-total-amount {
  width: 100%;
  height: 2.56rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-terciary);
  box-shadow: 0 0 5px 0 var(--_color---color-box-shadow);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.heading-2 {
  margin-top: 0;
  margin-bottom: 0;
}

.total-amount-success {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.container-receiver {
  justify-content: space-between;
  align-items: center;
  width: 26.5rem;
  display: flex;
}

.label-receiver {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.receiver {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.container-submit {
  width: 26.5rem;
  padding-bottom: var(--_size---padding-0);
  border-bottom: 1px none var(--_color---color-secondary);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.user-invitation {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.user-ask {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.user-ask-bold {
  font-family: var(--_size---font-body);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.user-ask-bold.commerce-short-name {
  color: var(--_color---color-secondary);
}

.button-submit {
  width: 7.18rem;
  height: 2.37rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium);
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  cursor: pointer;
  border-top-left-radius: .62rem;
  border-bottom-right-radius: .62rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-submit:hover {
  background-color: var(--_color---color-button-primary-hover);
}

.qr-section {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 26.5rem;
  display: flex;
}

.title-qr-section {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.share-button {
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-secondary);
  width: 14.99rem;
  height: 3.12rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-primary);
  font-size: .97rem;
  line-height: .97rem;
  font-weight: var(--_size---font-weight-semibold);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.share-button:hover {
  background-color: var(--_color---color-secondary-variant);
  color: var(--_color---color-primary);
}

.container-qr-payer {
  justify-content: space-between;
  align-items: center;
  width: 26.5rem;
  display: flex;
}

.label-payer {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.payer {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.payer.identifier-value {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.payer.product-service-description {
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
}

.list-payer-detail {
  padding-bottom: var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  border-bottom: 1px dashed var(--_color---color-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-bottom-section {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.list-bottom-detail {
  padding-bottom: var(--_size---padding-0);
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  border: 1px none var(--_color---color-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.list-bottom-detail.pago-movil {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
}

.container-bottom-detail {
  justify-content: space-between;
  align-items: center;
  width: 26.5rem;
  display: flex;
}

.container-bottom-detail.pago-movil {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.container-qr-payer-copy {
  justify-content: space-between;
  align-items: center;
  width: 26.5rem;
  display: flex;
}

.div-block-9 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-medium-success {
  grid-column-gap: var(--_size---padding-0);
  grid-row-gap: var(--_size---padding-0);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 20.5rem;
  padding-top: .25rem;
  display: flex;
}

.button-email-success {
  border: 1px solid var(--_color---color-text-secondary);
  border-top-right-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-primary);
  width: 4.87rem;
  height: 3.12rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  cursor: pointer;
  border-bottom-right-radius: .62rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.button-email-success:hover {
  background-color: var(--_color---color-button-primary-hover);
}

.input-medium-success {
  width: 20.5rem;
  height: 3.12rem;
  padding: 0px var(--_size---padding-xsmall);
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-style: solid none solid solid;
  border-width: 1px 0 1px 1px;
  border-color: var(--_color---color-secondary);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 1px 2px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  object-fit: fill;
  border-top-left-radius: .625rem;
  border-bottom-right-radius: 0;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: static;
  overflow: visible;
}

.input-medium-success:hover {
  color: var(--_color---color-secondary);
}

.input-medium-success:active {
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
}

.input-medium-success:focus {
  border-color: var(--_color---color-secondary);
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.input-medium-success:focus-visible, .input-medium-success[data-wf-focus-visible] {
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.input-medium-success::placeholder {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
}

.input-medium-success.txt-email {
  border-style: solid none solid solid;
  border-width: 1px;
  border-color: var(--_color---color-text-secondary);
  border-bottom-left-radius: var(--_size---border-radius-medium);
  box-shadow: none;
}

.form-success {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20.5rem;
  padding-top: 0;
  display: flex;
}

.button-download {
  width: 20.5rem;
  height: 3.5rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-l);
  line-height: var(--_size---font-size-l);
  font-weight: var(--_size---font-weight-semibold);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-download:hover {
  background-color: var(--_color---color-button-primary-hover);
}

.input-success {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.section-failed {
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 5rem;
  display: flex;
}

.container-failed {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 26.5rem;
  display: flex;
}

.image-7 {
  width: 100%;
  max-width: 12.81rem;
  height: auto;
  max-height: 4.25rem;
}

.spidi-logo {
  width: 15rem;
  height: 6.6rem;
}

.heading-3 {
  margin-top: 0;
  margin-bottom: 0;
}

.title-failed {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.failed-icon {
  width: 11.25rem;
}

.container-error-code {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  justify-content: center;
  align-items: center;
  display: none;
}

.text-error-code {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-error);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-bold);
  margin-top: 0;
  margin-bottom: 0;
}

.section-header {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.total-amount-failed {
  font-family: var(--_size---font-display);
  color: var(--_color---color-text-error);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-bold);
  margin-top: 0;
  margin-bottom: 0;
}

.container-total-amount-failed {
  width: 100%;
  max-width: 26.5rem;
  height: auto;
  padding-right: var(--_size---padding-0);
  padding-bottom: 0;
  padding-left: var(--_size---padding-0);
  border-bottom: 1px none var(--_color---color-secondary);
  background-color: #0000;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button-try-again {
  width: 100%;
  max-width: 20.5rem;
  height: 3.5rem;
  max-height: 3.5rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-primary);
  font-size: var(--_size---font-size-l);
  line-height: var(--_size---font-size-l);
  font-weight: var(--_size---font-weight-semibold);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-try-again:hover {
  background-color: var(--_color---color-secondary-variant);
  color: var(--_color---color-primary);
}

.container-support {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-support {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.text-support.white-color {
  color: var(--_color---color-bg-primary);
}

.link-support {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-bold);
}

.link-support.white-color {
  color: var(--_color---color-bg-secondary);
}

.section-receiver-detail {
  position: relative;
}

.container-receiver-detail {
  width: 100%;
  max-width: 26.5rem;
  padding-top: var(--_size---padding-medium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.title-receiver {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.container-line {
  border-bottom: 1px dashed var(--_color---color-secondary);
  width: 100%;
  max-width: 26.5rem;
  display: block;
}

.button-detail {
  width: 100%;
  max-width: 20.5rem;
  height: 3.5rem;
  max-height: 3.5rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-primary);
  font-size: var(--_size---font-size-l);
  line-height: var(--_size---font-size-l);
  font-weight: var(--_size---font-weight-semibold);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-detail:hover {
  background-color: var(--_color---color-secondary-variant);
  color: var(--_color---color-primary);
}

.container-security-note {
  width: 100%;
  max-width: 26.5rem;
  padding: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-focus);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.title-security-note {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-security-note {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.container-paragraph {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-security-note {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-semibold);
}

.container-paragraph-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blur-bg-large {
  z-index: -1;
  position: absolute;
}

.blur-bg {
  z-index: -1;
  width: 100%;
  max-width: 80rem;
  display: block;
  position: absolute;
  top: auto;
}

.blur-bg-small, .blur-bg-medium {
  display: none;
}

.image-11 {
  z-index: -1;
  position: absolute;
}

.button-login {
  width: 7.18rem;
  height: 2.37rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium);
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  cursor: pointer;
  border-top-left-radius: .62rem;
  border-bottom-right-radius: .62rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-login:hover {
  background-color: var(--_color---color-button-primary-hover);
}

.login-button {
  width: 7.18rem;
  height: 2.37rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.login-button:hover {
  background-color: var(--_color---color-button-primary-hover);
}

.main-content-2, .main-content-3 {
  width: 44.37rem;
  margin: auto auto var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  inset: 39% 0% auto;
}

.checkbox-dates {
  padding-top: var(--_size---padding-xxsmall);
  padding-bottom: 0;
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.checkbox-dates.check-payment-bank-data-parent {
  justify-content: flex-start;
  align-items: center;
  width: 17.81rem;
}

.checkbox-dates-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-bottom: 0;
}

.checkbox {
  width: var(--_size---padding-xxmedium);
  height: var(--_size---padding-xxmedium);
  border: 1px solid var(--_color---color-secondary);
  background-color: var(--_color---color-bg-secondary);
  cursor: pointer;
  border-radius: 100px;
  margin-top: 0;
  margin-left: -15px;
}

.checkbox:hover {
  background-color: var(--_color---color-focus);
}

.checkbox:active {
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
}

.checkbox.w--redirected-checked {
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  background-image: url('../images/check.svg');
  background-position: 50%;
  margin-top: 0;
}

.checkbox.check-payment-bank-data {
  width: var(--_size---padding-xxmedium);
  height: var(--_size---padding-xxmedium);
  border-color: var(--_color---color-text-secondary);
  border-radius: 20px;
}

.checkbox.check-payment-bank-data:active {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-size: 1rem 1rem;
  background-clip: border-box;
}

.checkbox.check-onboarding {
  width: var(--_size---padding-medium);
  height: var(--_size---padding-xxmedium);
  border-radius: 20px;
}

.checkbox.check-onboarding:active {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-size: cover;
  background-clip: border-box;
}

.title-amount {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.amount {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary-variant);
  font-size: 2.25rem;
  line-height: 2.25rem;
  font-weight: var(--_size---font-weight-bold);
}

.amount.bs-amount {
  font-family: var(--_size---font-display);
  text-align: center;
  font-size: 2.25rem;
  line-height: 2.25rem;
}

.amount-wrapped {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.currency-content {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20rem;
  display: flex;
}

.rate-content {
  width: 100%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rate-value {
  font-weight: var(--_size---font-weight-regular);
}

.currency-payments-link {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  justify-content: center;
  align-items: center;
  width: 16.62rem;
  display: none;
}

.detail-content {
  width: 26.75rem;
  height: auto;
  padding: var(--_size---padding-xmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-bg-secondary);
  border-radius: .62rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.date-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
}

.concept-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.concept-property {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.concept-value {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-bold);
}

.concept-value.concept-value-2 {
  text-align: center;
}

.identify-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.identify-property {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.identify-value {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-bold);
}

.identify-value.identifier-value {
  text-align: center;
}

.button {
  width: 20.5rem;
  height: 3.5rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium);
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-l);
  line-height: var(--_size---font-size-l);
  font-weight: var(--_size---font-weight-semibold);
  border-radius: .62rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.main-wrapped-payments-link {
  grid-column-gap: var(--_size---padding-xxmedium);
  grid-row-gap: var(--_size---padding-xxmedium);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.main-wrapped-payments-link.form-card-dates {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--_color---color-secondary);
  border-radius: .62rem 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 17.81rem;
  padding-top: 0;
}

.text-style-resend {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.link-resend-payment-key {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
  display: none;
}

.resend-payments-key {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
  display: none;
}

.container-onboarding {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.progress-bar {
  width: 22.5rem;
  height: 2rem;
  display: block;
}

.main-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.onboarding-header {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-type-client {
  width: 36.25rem;
  height: auto;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-form {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 17.8rem;
  height: auto;
  display: flex;
}

.title-card-onboarding {
  font-family: var(--_size---font-display);
  color: var(--_color---color-text-primary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.type-client-buttons {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.client-button {
  width: 17.81rem;
  height: 3.12rem;
  padding: 0px var(--_size---padding-medium);
  border: 1px solid var(--_color---color-secondary);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: .85rem;
  line-height: .85rem;
  font-weight: var(--_size---font-weight-regular);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.client-button:hover {
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.client-button:active {
  border-color: var(--_color---color-contrast);
  font-weight: var(--_size---font-weight-medium);
}

.client-button:focus {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.client-button:visited {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
  font-weight: 600;
}

.main-button {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.primary-button {
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-primary);
  width: 17.81rem;
  height: 3.12rem;
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.primary-button:hover {
  background-color: var(--_color---color-button-primary-hover);
  padding-left: 0;
  padding-right: 0;
}

.section-buttons {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-onboarding {
  background-color: var(--_color---color-bg-primary);
}

.onboarding-back-button {
  padding-top: var(--_size---padding-small);
  padding-left: 2.25rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.form-payment-code {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.onboarding-input {
  width: 17.81rem;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-bottom: 0;
}

.onboarding-input:hover {
  background-color: var(--_color---color-focus);
}

.onboarding-input:active {
  border: 1px solid var(--_color---color-contrast);
}

.onboarding-input:focus {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.onboarding-input::placeholder {
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-regular);
}

.onboarding-label {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
}

.form-onboarding {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.card-email {
  width: 36.25rem;
  height: auto;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.checkbox-onboarding {
  padding-top: var(--_size---padding-xxsmall);
  padding-bottom: 0;
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.checkbox-onboarding.check-email {
  padding-left: .5rem;
}

.top-section-form {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-terms, .link-politics {
  color: var(--_color---color-text-secondary);
}

.progress-bar-email {
  width: 22.5rem;
  height: 2rem;
}

.card-code-validation {
  width: 36.25rem;
  height: auto;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.input-validation {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.onboarding-input-validation {
  width: 2.44rem;
  height: 2.25rem;
  padding: 0px 0rem 0px var(--_size---padding-xsmall);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  border-radius: .31rem;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  margin-bottom: 0;
}

.onboarding-input-validation:hover {
  background-color: var(--_color---color-focus);
}

.onboarding-input-validation:active {
  border: 1px solid var(--_color---color-contrast);
}

.onboarding-input-validation:focus {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.onboarding-input-validation::placeholder {
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-regular);
}

.form-container {
  width: 17.8rem;
  height: auto;
  padding: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.progress-bar-id-validation {
  width: 22.5rem;
  height: 2rem;
}

.paragraph {
  font-family: var(--_size---font-body);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  text-align: center;
  display: flex;
}

.card-id-verification, .card-rif-verification, .card-cedula-verification {
  width: 36.25rem;
  height: auto;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.secundary-button {
  border: 1px none var(--_color---color-secondary);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-terciary);
  width: 17.81rem;
  height: 3.12rem;
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: none;
}

.secundary-button:hover {
  background-color: var(--_color---color-focus);
  padding-left: 0;
  padding-right: 0;
}

.card-cedula-validation {
  width: 36.25rem;
  height: auto;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.id-info {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cedula-heading {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .85rem;
  line-height: .85rem;
}

.cedula-value {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: .85rem;
  line-height: .85rem;
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.name-info, .last-name-info, .date-birth-info {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-rif-validation {
  width: 36.25rem;
  height: auto;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.code-container {
  width: 17.8rem;
  height: auto;
  padding: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border: 0px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bottom-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-regular);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.text-label {
  font-family: var(--_size---font-body);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.link-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-bold);
  text-align: center;
}

.container-bottom-section {
  grid-column-gap: var(--_size---padding-large);
  grid-row-gap: var(--_size---padding-large);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-bank-phone {
  width: 36.25rem;
  height: auto;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.input-id {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.form-bank-phone {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.input-onboarding-phone {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 17.81rem;
  padding-top: .25rem;
  display: flex;
}

.input-phone-copy {
  border: 1px solid var(--_color---color-secondary);
  border-top-left-radius: .62rem;
  border-bottom-right-radius: .62rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-id {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.form-phone {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 17.81rem;
  padding-top: 0;
  display: flex;
}

.input-phone-onboarding {
  border: 1px none var(--_color---color-secondary);
  border-top-left-radius: .62rem;
  border-bottom-right-radius: .62rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.field-phone-onboarding {
  width: 13.3rem;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border: 1px none var(--_color---color-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  border-top-right-radius: .6px;
  border-bottom-right-radius: .62rem;
  margin-bottom: 0;
}

.field-phone-onboarding:hover {
  background-color: var(--_color---color-text-terciary);
  font-family: var(--_size---font-body);
}

.field-phone-onboarding:active, .field-phone-onboarding:focus {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
}

.field-phone-onboarding:focus-visible, .field-phone-onboarding[data-wf-focus-visible] {
  font-family: var(--_size---font-body);
}

.field-phone-onboarding::placeholder {
  font-family: var(--_size---font-body);
  font-weight: var(--_size---font-weight-regular);
}

.form-bank {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 17.81rem;
  display: flex;
}

.select-bank-onboarding {
  width: 17.81rem;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  margin-bottom: 0;
}

.select-bank-onboarding:active {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.select-bank-onboarding:focus {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-s);
}

.select-phone-onboarding {
  width: 4.37rem;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border-top-left-radius: var(--_size---border-radius-medium);
  border-bottom-left-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-bottom: 0;
}

.select-phone-onboarding:hover, .select-phone-onboarding:active, .select-phone-onboarding:focus {
  background-color: var(--_color---color-focus);
}

.onboarding-input-phone {
  width: 13.44rem;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border-left: 0px none var(--_color---color-secondary);
  border-radius: 0rem var(--_size---border-radius-medium) var(--_size---border-radius-medium) 0rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-bottom: 0;
}

.onboarding-input-phone:hover {
  background-color: var(--_color---color-focus);
}

.onboarding-input-phone:active {
  border: 1px solid var(--_color---color-contrast);
}

.onboarding-input-phone:focus {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.onboarding-input-phone::placeholder {
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-regular);
}

.onboarding-input-id {
  width: 17.81rem;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-bottom: 0;
}

.onboarding-input-id:hover {
  background-color: var(--_color---color-terciary);
}

.onboarding-input-id:active {
  border: 1px solid var(--_color---color-contrast);
}

.onboarding-input-id:focus {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.onboarding-input-id::placeholder {
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-semibold);
}

.title-bank-verification {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.text-bank-validation {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  margin-top: 0;
  margin-bottom: 0;
  display: none;
}

.paragraph-bank-validation {
  width: 21.31rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  text-align: center;
  margin-bottom: 0;
}

.spam-subtext {
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-light);
}

.primary-dark-button {
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-secondary);
  width: 17.81rem;
  height: 3.12rem;
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-primary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.primary-dark-button:hover {
  background-color: var(--_color---color-secondary-variant);
  padding-left: 0;
  padding-right: 0;
}

.link-back {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
}

.section-bank-verification {
  height: 100vh;
  font-size: var(--_size---font-size-s);
  background-image: url('../images/bg-texture-2.avif');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bottom-section-id {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-payments-code {
  width: 36.25rem;
  height: auto;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.input-payments-code {
  width: 17.81rem;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border-radius: var(--_size---border-radius-medium);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-semibold);
  margin-bottom: 0;
}

.input-payments-code:hover {
  background-color: var(--_color---color-focus);
}

.input-payments-code:active, .input-payments-code:focus {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.input-payments-code::placeholder {
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-regular);
}

.toast-payments-code {
  width: 17.75rem;
  padding: var(--_size---padding-xsmall);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-terciary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-toast {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  text-align: center;
  margin-bottom: 0;
}

.section-debit-success {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  height: 100vh;
  font-size: var(--_size---font-size-s);
  background-image: url('../images/gradient-elipse.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.main-text-success {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.bold-text-success {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-semibold);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.container-debit-validation {
  grid-column-gap: var(--_size---padding-xxlarge);
  grid-row-gap: var(--_size---padding-xxlarge);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-user-password {
  width: 36.25rem;
  height: auto;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.form-user {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.field-user {
  width: 17.81rem;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-bottom: 0;
}

.field-user:hover {
  background-color: var(--_color---color-focus);
}

.field-user:active {
  border: 1px solid var(--_color---color-contrast);
}

.field-user:focus {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.field-user::placeholder {
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-regular);
}

.input-user, .input-password {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.field-password {
  width: 17.81rem;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-bottom: 0;
}

.field-password:hover {
  background-color: var(--_color---color-focus);
}

.field-password:active {
  border: 1px solid var(--_color---color-contrast);
}

.field-password:focus {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.field-password::placeholder {
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-regular);
}

.password-content {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.eyes-off {
  padding-right: var(--_size---padding-small);
  cursor: pointer;
  position: absolute;
  inset: 15px 0% 0% auto;
}

.password-validation {
  justify-content: space-between;
  align-items: center;
  width: 17.81rem;
  display: flex;
}

.first-validation {
  background-color: var(--_color---color-text-error);
  border-radius: 100px;
  width: 5.6rem;
  height: .44rem;
}

.second-validation {
  background-color: var(--_color---color-support-info);
  border-radius: 100px;
  width: 5.6rem;
  height: .44rem;
}

.third-validation {
  background-color: var(--_color---color-primary);
  border-radius: 100px;
  width: 5.6rem;
  height: .44rem;
}

.container-validation {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 17.81rem;
  display: flex;
}

.check-1 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-validation {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
}

.check-1-copy, .check {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-success-signup {
  height: 100vh;
  font-size: var(--_size---font-size-s);
  background-image: url('../images/confetti.svg'), url('../images/bg-texture-2.avif');
  background-position: 50%, 50%;
  background-repeat: repeat, repeat-x;
  background-size: cover, cover;
  background-attachment: scroll, scroll;
  justify-content: center;
  align-items: center;
  display: flex;
}

.total-detail-copy {
  width: 100%;
  padding-bottom: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  border-bottom: 1px dashed var(--_color---color-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.total-ref-bcv {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
}

.total-ref-bcv-receiver {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.detail-list-ref, .detail-list-bcv, .detail-list-ref-2, .detail-list-bcv-2, .detail-list-ref-3, .detail-list-bcv-3, .detail-list-cripto, .ref-bcv-list {
  width: 17.81rem;
  height: var(--_size---padding-small);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ref-list, .bcv-list {
  width: 26.5rem;
  height: var(--_size---padding-small);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.total-detail-success {
  width: 100%;
  padding-bottom: var(--_size---padding-0);
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  border-bottom: 1px none var(--_color---color-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.total-detaiil-failed {
  width: 100%;
  padding-bottom: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  border-bottom: 1px dashed var(--_color---color-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.total-ref-bcv-failed {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ref-bcv-receiver {
  width: 100%;
  padding-bottom: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  border-bottom: 1px none var(--_color---color-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bcv-ref-content {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  width: 15.5rem;
  display: flex;
}

.container-error-message {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  justify-content: center;
  align-items: center;
  width: 27rem;
  display: flex;
}

.link-wallet-cripto {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  display: none;
}

.submit-section {
  padding-bottom: var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-bottom: 1px dashed var(--_color---color-secondary);
  flex-flow: column;
  display: flex;
}

.link-repayments {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  justify-content: space-between;
  align-items: center;
  width: 26.5rem;
  display: flex;
}

.label-repayments {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.link-repayments-cta, .cta-repayments {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  margin-top: 0;
  margin-bottom: 0;
}

.modal-content-user {
  width: 100%;
  max-width: 44.12rem;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.button-2 {
  border-top-left-radius: var(--_size---border-radius-medium);
  border-bottom-right-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-primary);
  width: 17.81rem;
  height: 3.12rem;
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: none;
}

.modal-otp {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-otp {
  width: 100%;
  max-width: 44.12rem;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.label-wallet {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.modal-back-button {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-back {
  width: 100%;
  max-width: 44.12rem;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.back-button-cta {
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-primary);
  width: 17.81rem;
  height: 3.12rem;
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.top-secton-qr {
  width: 17.81rem;
  padding-top: var(--_size---padding-xxsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-qr-medium {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  padding-top: .25rem;
  display: flex;
}

.container-login, .login-header {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-user-password-login {
  width: 36.25rem;
  height: auto;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.login-back-button {
  padding-top: var(--_size---padding-small);
  padding-left: 2.25rem;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.title-card-login {
  font-family: var(--_size---font-display);
  color: var(--_color---color-text-primary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.forget-password-link {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
}

.forget-password-content {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.container-onboarding-copy {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-onboarding-copy, .form-onboarding-copy-copy, .form-login {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.login-label {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
}

.login-input-validation {
  width: 2.44rem;
  height: 2.25rem;
  padding: 0px 0rem 0px var(--_size---padding-xsmall);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  border-radius: .31rem;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  margin-bottom: 0;
}

.login-input-validation:hover {
  background-color: var(--_color---color-focus);
}

.login-input-validation:active {
  border: 1px solid var(--_color---color-contrast);
}

.login-input-validation:focus {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.login-input-validation::placeholder {
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-regular);
}

.text-span {
  color: var(--_color---color-secondary);
}

.italic-text {
  font-weight: var(--_size---font-weight-medium);
}

.card-change-password {
  width: 36.25rem;
  height: auto;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-success-signup-copy {
  height: 100vh;
  font-size: var(--_size---font-size-s);
  background-image: url('../images/confetti.svg'), url('../images/bg-texture-2.avif');
  background-position: 50%, 50%;
  background-repeat: repeat, repeat-x;
  background-size: cover, cover;
  background-attachment: scroll, scroll;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-success-login {
  height: 100vh;
  font-size: var(--_size---font-size-s);
  background-image: url('../images/bg-texture-2.avif');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-personal, .paragraph-commercial {
  font-family: var(--_size---font-body);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  text-align: center;
  display: none;
}

.primary-button--cripto {
  border-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-primary);
  width: 17.81rem;
  height: 3.12rem;
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.primary-button--cripto:hover {
  background-color: var(--_color---color-button-primary-hover);
  padding-left: 0;
  padding-right: 0;
}

.label-cripto {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.link-cripto {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  margin-top: 0;
  margin-bottom: 0;
}

.section-hero-2 {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  height: 100vh;
  font-size: var(--_size---font-size-s);
  background-image: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.onboarding-content {
  height: 100vh;
  padding: var(--_size---padding-small);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.card-type-client-copy {
  width: 36.25rem;
  height: auto;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  box-shadow: 0 399px 112px #00464900, 0 255px 102px #00464900, 0 144px 86px #00464905, 0 64px 64px #00464908, 0 16px 35px #02373d08;
}

.card-onboarding-login {
  width: 36.25rem;
  height: auto;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.order-number {
  font-weight: var(--_size---font-weight-bold);
}

.modal-spinner-content-2 {
  width: 16rem;
  max-width: 16rem;
  height: 12.4rem;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.text-transaction-spidi {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.spidi-transaction {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.spidi-transaction.bold {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-bold);
  text-align: center;
}

.text-payments {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.error-message {
  width: 17.87rem;
  height: auto;
  padding: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  border: 1px solid var(--color-pink-error);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--color-bg-error);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-error-message {
  width: 14.18rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.input-content {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.top-section-login {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.lottie-animation, .lottie-animation.lottie-container {
  display: flex;
}

.modal-spinner-2 {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.lottie-animation-2 {
  z-index: 99999999;
  display: flex;
  position: relative;
}

.lottie-animation-2.pago-movil {
  display: none;
}

.user-photo-background {
  background-color: var(--_color---color-terciary);
  background-image: linear-gradient(16deg, var(--_color---color-contrast), var(--_color---color-primary) 44%, #d3ffb4 88%);
  border-radius: 100px;
  width: 108px;
  height: 108px;
  position: absolute;
}

.success-icon-modal, .failed-icon-modal, .process-icon-modal {
  display: none;
}

.section-landing {
  height: auto;
  min-height: 100vh;
  padding-bottom: var(--_size---padding-medium);
}

.main-wrapped-parada {
  grid-column-gap: var(--_size---padding-xxmedium);
  grid-row-gap: var(--_size---padding-xxmedium);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.main-wrapped-parada.form-card-dates {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--_color---color-secondary);
  border-radius: .62rem 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 17.81rem;
  padding-top: 0;
}

.main-wrapped-parada-copy {
  grid-column-gap: var(--_size---padding-xxmedium);
  grid-row-gap: var(--_size---padding-xxmedium);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.main-wrapped-parada-copy.form-card-dates {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--_color---color-secondary);
  border-radius: .62rem 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 17.81rem;
  padding-top: 0;
}

.main-wrapped-landing {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.main-wrapped-landing.form-card-dates {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--_color---color-secondary);
  border-radius: .62rem 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 17.81rem;
  padding-top: 0;
}

.title-card-landing {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  display: none;
}

.title-card-landing-wrapped {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.title-amount-landing {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.card-amount-landing {
  width: 44.37rem;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  box-shadow: 0 399px 112px #00464900, 0 255px 102px #00464900, 0 144px 86px #00464905, 0 64px 64px #00464908, 0 16px 35px #02373d08;
}

.card-amount-landing.card-amount-request {
  margin-top: var(--_size---padding-small);
  padding-top: var(--_size---padding-medium);
  padding-bottom: var(--_size---padding-medium);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-text-terciary);
}

.container-landing {
  flex-flow: column;
  height: auto;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.currency-content-landing {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 16.62rem;
  display: none;
}

.detail-content-landing {
  width: 26.75rem;
  height: auto;
  padding: var(--_size---padding-xmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-bg-secondary);
  border-radius: .62rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.user-image {
  aspect-ratio: auto;
  object-fit: fill;
  width: 4rem;
  height: 4rem;
}

.user-content {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: center;
  align-items: center;
  display: none;
}

.user-name {
  font-family: var(--_size---font-body);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.user-info-content {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  display: flex;
}

.user-profile {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.currency-select {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.heading-5 {
  margin-top: 0;
  margin-bottom: 0;
}

.currency-ref {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  display: none;
}

.label-items {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.label-content {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.items-list {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: flex;
}

.top-section-landing {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  display: flex;
}

.items-content {
  width: 31.62rem;
  height: 4.25rem;
  padding: var(--_size---padding-xxsmall) var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-0);
  grid-row-gap: var(--_size---padding-0);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.items-content:active, .items-content:focus {
  background-color: var(--_color---color-focus);
  outline-color: var(--_color---color-outline-focus);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
}

.items-content-3 {
  width: 31.62rem;
  height: 4.25rem;
  padding: var(--_size---padding-xxsmall) var(--_size---padding-xxmedium);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.item-concept {
  width: 14rem;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.item-amount {
  width: 12rem;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-bold);
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.item-wrapped {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.element-active {
  display: none;
}

.items-content-1 {
  width: 100%;
  height: 6.25rem;
  padding: var(--_size---padding-xxsmall) var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-0);
  grid-row-gap: var(--_size---padding-0);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  font-family: var(--_size---font-body);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
  box-shadow: 0 0 4px #00464926;
}

.items-content-1:hover {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.items-content-1:active, .items-content-1:focus {
  background-color: var(--_color---color-focus);
  outline-color: var(--_color---color-outline-focus);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
}

.items-content-2 {
  width: 31.62rem;
  height: 4.25rem;
  padding: var(--_size---padding-xxsmall) var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-0);
  grid-row-gap: var(--_size---padding-0);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  justify-content: space-between;
  align-items: center;
  display: none;
}

.items-content-2:active, .items-content-2:focus {
  background-color: var(--_color---color-focus);
  outline-color: var(--_color---color-outline-focus);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
}

.items-content-4 {
  width: 31.62rem;
  height: 4.25rem;
  padding: var(--_size---padding-xxsmall) var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-0);
  grid-row-gap: var(--_size---padding-0);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  justify-content: space-between;
  align-items: center;
  display: none;
}

.items-content-4:active, .items-content-4:focus {
  background-color: var(--_color---color-focus);
  outline-color: var(--_color---color-outline-focus);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
}

.items-content-5 {
  width: 31.62rem;
  height: 4.25rem;
  padding: var(--_size---padding-xxsmall) var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-0);
  grid-row-gap: var(--_size---padding-0);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  justify-content: space-between;
  align-items: center;
  display: none;
}

.items-content-5:active, .items-content-5:focus {
  background-color: var(--_color---color-focus);
  outline-color: var(--_color---color-outline-focus);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
}

.items-content-6 {
  width: 31.62rem;
  height: 4.25rem;
  padding: var(--_size---padding-xxsmall) var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-0);
  grid-row-gap: var(--_size---padding-0);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  justify-content: space-between;
  align-items: center;
  display: none;
}

.items-content-6:active, .items-content-6:focus {
  background-color: var(--_color---color-focus);
  outline-color: var(--_color---color-outline-focus);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
}

.element-active-1, .element-active-2, .element-active-3, .element-active-4, .element-active-5 {
  display: none;
}

.stop-isotype {
  width: 14.5rem;
}

.user-unregistered-content {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: center;
  align-items: center;
  display: flex;
}

.user-unregistered-image {
  aspect-ratio: auto;
  object-fit: fill;
  width: 3rem;
  height: 3rem;
}

.user-unregistered-info-content {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  display: flex;
}

.user-unregistered-profile {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.user-unregistered-name {
  font-family: var(--_size---font-body);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-3xl);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.card-fallback {
  width: 44.37rem;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xmedium);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  box-shadow: 0 399px 112px #00464900, 0 255px 102px #00464900, 0 144px 86px #00464908, 0 64px 64px #00464908, 0 16px 35px #02373d08;
}

.text-transaction-fallback {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.text-transaction-fallback-bold {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-bold);
  margin-top: 0;
  margin-bottom: 0;
}

.text-transaction-fallback-bold.transaction-number {
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.fallback-wrapped {
  grid-column-gap: .87rem;
  grid-row-gap: .87rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.subtitle-fallback {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.fallback-dates-hour-copy {
  justify-content: center;
  align-items: center;
  width: 26.5rem;
  height: 1.5rem;
  display: flex;
}

.paragraph-2 {
  width: 17.81rem;
  font-family: var(--_size---font-body);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  text-align: center;
  margin-bottom: 0;
}

.fallback-code-content {
  width: 17.81rem;
  height: 2.56rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.code-copy {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.paragraph-fallback {
  width: 17.81rem;
  font-family: var(--_size---font-body);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  text-align: center;
  margin-bottom: 0;
}

.paragraph-fallback.consulta {
  display: none;
}

.paragraph-2-copy {
  width: 17.81rem;
  font-family: var(--_size---font-body);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  text-align: center;
  margin-bottom: 0;
}

.title-card-fallback {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-3xl);
  font-weight: var(--_size---font-weight-semibold);
  text-align: center;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.heading-6 {
  width: 20.93rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.button-section {
  width: 26.5rem;
  padding-bottom: var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-large);
  grid-row-gap: var(--_size---padding-large);
  border-bottom: 1px dashed var(--_color---color-secondary);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-button {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.div-block-11 {
  flex-flow: column;
  display: flex;
}

.copy-button-content {
  flex-flow: column;
  width: 3.18rem;
  display: flex;
}

.button-content {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 3.18rem;
  text-decoration: none;
  display: flex;
}

.subtitle-process, .text-process {
  width: 20.93rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.text-proces-bottom {
  width: 20.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-3 {
  text-align: center;
}

.paragraph-process {
  text-align: center;
  width: 20.5rem;
  margin-bottom: 0;
}

.input-success-copy, .input-success-copy-copy {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.paragraph-invitation-process {
  width: 20.5rem;
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-bottom: 0;
}

.input-success-copy-copy-copy {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-block {
  display: block;
}

.footer {
  z-index: 1;
  width: 100%;
  height: 16rem;
  padding: var(--_size---padding-xlarge) var(--_size---padding-large) var(--_size---padding-large);
  grid-column-gap: var(--_size---padding-xxmedium);
  grid-row-gap: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.logo-spidi-white {
  width: 8.9rem;
  height: 3.8rem;
}

.spidi-name, .spidi-rif {
  font-family: var(--_size---font-body);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.spidi-info-content {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 14rem;
  display: flex;
}

.info-spidi {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.links-content {
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  justify-content: center;
  align-items: center;
  display: flex;
}

.terms-condition, .privacy-politics, .frequents-ask {
  font-family: var(--_size---font-body);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  text-decoration: none;
}

.button-3 {
  border-radius: var(--_size---margin-xsmall);
  background-color: var(--_color---color-primary);
  width: 11.56rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.cta-wrapped {
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 45rem;
  display: flex;
}

.top-footer {
  height: 11.5rem;
  padding-bottom: var(--_size---padding-small);
  border-bottom: 1px solid var(--_color---color-bg-secondary);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.bottom-footer {
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.spidi-contact {
  font-family: var(--_size---font-body);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.spidi-copyright {
  font-family: var(--_size---font-body);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.section-preregistration {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.container-left {
  width: 100%;
  max-width: 940px;
  height: 100vh;
  padding: var(--_size---padding-xmedium);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.container-right {
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  padding: var(--_size---padding-xmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.logo-texture {
  width: 20rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.portrait {
  z-index: 100;
  object-fit: fill;
  width: 23rem;
  display: block;
  position: relative;
}

.text-content {
  width: 22rem;
  height: 10rem;
  padding-top: var(--_size---padding-0);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: absolute;
  top: 690px;
  bottom: 84px;
}

.text-preregistration {
  width: 20.75rem;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.subtext-preregistration {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.isotype-texture {
  width: 7.5rem;
  height: 7.5rem;
}

.main-preregistration {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 32.25rem;
  display: flex;
}

.title-preregistration {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.title-content {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.logo-spidi {
  width: 4.8rem;
  height: 2rem;
}

.subtitle-preregistration {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.text-wrapped {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-preregistration {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.name-input, .last-name-input {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 15.62rem;
  display: flex;
}

.form-wrapped-preregistration {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.field-medium {
  border-radius: var(--_size---border-radius-medium);
  height: 3.12rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
}

.text-field-2 {
  border-radius: var(--_size---border-radius-medium);
  height: 3.12rem;
}

.label-preregistration {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-bottom: 0;
}

.sunmit-button {
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-primary);
  height: 3.5rem;
  box-shadow: 0 0 5px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
}

.email-wrapped {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.field-large {
  border-radius: var(--_size---border-radius-medium);
  height: 3.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  margin-bottom: 0;
}

.input-phone-preregistration {
  border: 1px solid var(--_color---color-text-secondary);
  border-radius: var(--_size---padding-xsmall);
  justify-content: center;
  align-items: center;
  width: 15.62rem;
  display: flex;
}

.phone-city-wrapped {
  justify-content: center;
  align-items: center;
  display: flex;
}

.phone-input {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  margin-bottom: 10px;
  display: flex;
}

.city-input {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 15.62rem;
  display: flex;
}

.button-wrapped {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.client-button-preregistration {
  border: 1px solid var(--_color---color-text-secondary);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  width: 15.62rem;
  height: 3.12rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: .82rem;
  line-height: .82rem;
  font-weight: var(--_size---font-weight-regular);
  justify-content: center;
  align-items: center;
  display: flex;
}

.client-button-preregistration:hover, .client-button-preregistration:active {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.select-preregistration {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.select-preregistration.single {
  width: 100%;
}

.find-out-select {
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  height: 3.12rem;
  color: var(--_color---color-secondary);
  margin-bottom: 0;
}

.checkbox-preregistration {
  padding-top: var(--_size---padding-xxsmall);
  padding-bottom: var(--_size---padding-xxsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.checkbox-preregistration.check-payment-bank-data-parent {
  justify-content: flex-start;
  align-items: center;
  width: 17.81rem;
}

.link, .link-2 {
  color: var(--_color---color-text-secondary);
}

.services-terms {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  text-decoration: none;
}

.field-phone-registration {
  width: 12.9rem;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border: 1px none var(--_color---color-text-secondary);
  border-top-right-radius: var(--_size---padding-xsmall);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  border-bottom-right-radius: .62rem;
  margin-bottom: 0;
}

.field-phone-registration:hover {
  background-color: var(--_color---color-text-terciary);
  font-family: var(--_size---font-body);
}

.field-phone-registration:active, .field-phone-registration:focus {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
}

.field-phone-registration:focus-visible, .field-phone-registration[data-wf-focus-visible] {
  font-family: var(--_size---font-body);
}

.field-phone-registration::placeholder {
  font-family: var(--_size---font-body);
  font-weight: var(--_size---font-weight-regular);
}

.section-mispidi {
  padding-bottom: 0;
  overflow: clip;
}

.checkbox-registration {
  width: var(--_size---padding-xxmedium);
  height: var(--_size---padding-xxmedium);
  border: 1px solid var(--_color---color-text-secondary);
  background-color: var(--_color---color-bg-secondary);
  cursor: pointer;
  border-radius: 100px;
  margin-top: 0;
  margin-left: -15px;
}

.checkbox-registration:hover {
  background-color: var(--_color---color-focus);
}

.checkbox-registration:active {
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
}

.checkbox-registration.w--redirected-checked {
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  background-image: url('../images/check.svg');
  background-position: 50%;
  margin-top: 0;
}

.checkbox-registration.check-payment-bank-data {
  width: var(--_size---padding-xxmedium);
  height: var(--_size---padding-xxmedium);
  border-color: var(--_color---color-text-secondary);
  border-radius: 20px;
}

.checkbox-registration.check-payment-bank-data:active {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-size: cover;
  background-clip: border-box;
}

.checkbox-registration.check-onboarding {
  width: var(--_size---padding-medium);
  height: var(--_size---padding-xxmedium);
  border-radius: 20px;
}

.checkbox-registration.check-onboarding:active {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-size: cover;
  background-clip: border-box;
}

.main-content-stop {
  width: 44.37rem;
  margin: -436px auto var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  inset: 39% 0% auto;
}

.mispidi-consulta {
  color: var(--_color---color-contrast);
  font-weight: var(--_size---font-weight-medium);
}

.card-fallback-2 {
  width: 44.37rem;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xmedium);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  box-shadow: 0 399px 112px #00464900, 0 255px 102px #00464900, 0 144px 86px #00464908, 0 64px 64px #00464908, 0 16px 35px #02373d08;
}

.navbar {
  display: flex;
}

.sidebar {
  z-index: 1;
  width: 17.12rem;
  height: 100vh;
  min-height: 100vh;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-text-terciary);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: sticky;
  inset: 0 auto auto;
  box-shadow: -43px 302px 85px #00464900, -28px 193px 78px #00464903, -16px 109px 66px #00464908, -7px 48px 49px #0046490d, -2px 12px 27px #0046490f;
}

.sidebar-menu-top {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  width: 14.6rem;
  display: flex;
}

.sidebar-container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.spidi-center-iso {
  width: 14.64rem;
  padding-bottom: var(--_size---padding-small);
  border-bottom: 1px solid var(--_color---color-button-disabled);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.brand-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  display: none;
}

.sidebar-icon {
  display: none;
}

.menu-title {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  display: flex;
}

.main-menu {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mi-spidi {
  width: 14.62rem;
  height: 1.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: #0000;
  border-radius: .3rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mi-spidi.admin {
  display: none;
}

.mi-spidi-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.support-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.transacciones-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.solicitud-pagos {
  height: 1.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.solicitud-pagos.admin {
  display: none;
}

.transacciones {
  width: 14.62rem;
  height: 1.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: #0000;
  border-radius: .31rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.selected {
  background-color: var(--_color---color-terciary);
  border-top-right-radius: 3.12rem;
  border-bottom-right-radius: 3.12rem;
  width: .4rem;
  height: 1.75rem;
  display: flex;
  position: absolute;
  inset: 15% auto 0% -8.5%;
}

.spidi-express {
  height: 1.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.spidi-express-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.sidebar-menu-bottom {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  width: 14.6rem;
  display: none;
}

.settings-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  padding: 0;
}

.sidebar-menu {
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.sidebar-top {
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.sidebar-bottom {
  height: 3.63rem;
  padding-top: var(--_size---padding-small);
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-top: 1px solid var(--_color---color-button-disabled);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.user-menu {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 14.6rem;
  height: 2.63rem;
  display: none;
}

.sidebar-menu-copy {
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.sidebar-content {
  grid-column-gap: var(--_size---padding-0);
  grid-row-gap: var(--_size---padding-0);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 56rem;
  display: flex;
}

.user-name-spidi {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.user-name-spidi.commerce_short_name {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 9rem;
  overflow: hidden;
}

.user-info-spidi {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  font-family: var(--_size---font-body);
  font-size: .62rem;
  line-height: .62rem;
  font-weight: var(--_size---font-weight-semibold);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.user-profile-spidi {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: .62rem;
  line-height: .62rem;
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.user-badge {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.user-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-spidi-center {
  width: auto;
  height: auto;
  min-height: 100vh;
  margin-right: var(--_size---padding-0);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  font-size: var(--_size---font-size-s);
  background-image: none;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.transactions-wrapped {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100vh;
  margin-top: var(--_size---padding-0);
  margin-bottom: var(--_size---padding-0);
  padding-top: var(--_size---padding-xsmall);
  padding-bottom: var(--_size---padding-xsmall);
  clear: none;
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  margin-left: 0;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.header-spidi-center {
  width: 100%;
  max-width: none;
  height: 3.13rem;
  padding-right: var(--_size---padding-small);
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: wrap-reverse;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.breadcrumb {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  height: 1.31rem;
  display: flex;
}

.breadcrumb-text {
  font-family: var(--_size---font-body);
  color: var(--dark-gray-text);
  line-height: var(--_size---font-size-s);
  text-decoration: none;
}

.deta {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  line-height: var(--_size---font-size-s);
  text-decoration: none;
}

.search-button {
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.search-button.admin {
  display: none;
}

.section-hero-404 {
  object-fit: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  overflow: clip;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: none;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.search {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.search-input {
  margin-bottom: 0;
}

.mispidi-button {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: var(--_color---color-primary);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  cursor: pointer;
  border-radius: .3rem;
  justify-content: center;
  align-items: center;
  width: 9.6rem;
  height: 3.13rem;
  padding: 0;
  display: flex;
  box-shadow: 0 23px 6px #00464900, 0 15px 6px #00464900, 0 8px 5px #00464905, 0 4px 4px #00464908, 0 1px 2px #00464908;
}

.title-spidi-center {
  width: 100%;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25rem;
  line-height: 2.25rem;
}

.transaction-details {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.total-transactions {
  border-right: 1px solid var(--_color---color-button-disabled);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 12.8rem;
  height: 3.81rem;
  padding-right: 0;
  display: flex;
}

.amount-ref {
  width: 16rem;
  height: 3.81rem;
  padding-left: var(--_size---padding-xmedium);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.total-text {
  width: 11.3rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  display: block;
}

.amount-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  margin-top: 0;
  margin-bottom: 0;
}

.badges-red {
  border: 1px solid var(--_color---color-light-red);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--red-bg);
  width: 2.25rem;
  height: .87rem;
  color: var(--_color---color-dark-red);
  justify-content: center;
  align-items: center;
  display: none;
}

.percentage-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-outline-green);
  font-size: .62rem;
  line-height: .62rem;
}

.badges-green {
  border: 1px solid var(--_color---color-terciary);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-focus);
  width: 2.25rem;
  height: .87rem;
  color: var(--_color---color-text-error);
  justify-content: center;
  align-items: center;
  display: none;
}

.percentage-text-red {
  font-family: var(--_size---font-body);
  color: var(--_color---color-dark-red);
  font-size: .62rem;
  line-height: .62rem;
}

.transaction-filters {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  display: flex;
}

.input-search {
  width: 11.3rem;
  height: 2rem;
  padding-right: var(--_size---padding-xxsmall);
  padding-left: var(--_size---padding-small);
  border: 1px solid var(--_color---color-text-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  text-align: left;
  border-radius: .3rem 0 0 .3rem;
  margin-bottom: 0;
}

.search-filter {
  justify-content: flex-start;
  align-items: center;
  width: 13.56rem;
  margin-bottom: 0;
  display: flex;
}

.button-search {
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-color: var(--_color---color-text-secondary);
  background-color: var(--_color---color-terciary);
  cursor: pointer;
  object-fit: fill;
  background-image: url('../images/search_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border-radius: 0 .3rem .3rem 0;
  width: 2.23rem;
  height: 2rem;
  margin-left: 0;
  padding: 0 0 0 0;
}

.grid {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: 1rem;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.transaction-table {
  background-color: var(--_color---color-bg-secondary);
  border-radius: .62rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  box-shadow: 0 764px 214px #00464900, 0 489px 196px #00464900, 0 275px 165px #00464905, 0 122px 122px #00464908, 0 31px 67px #00464908;
}

.thead {
  width: 100%;
  max-width: none;
  height: 2rem;
  padding-right: var(--_size---padding-small);
  padding-left: var(--_size---padding-small);
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--_color---color-terciary);
  border-radius: .32rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-12 {
  height: 1.19rem;
}

.request-th-1 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 7rem;
  height: 1.19rem;
  display: flex;
}

.th-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.th-2 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 6.5rem;
  height: 1.19rem;
  display: flex;
}

.th-3 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 7.4rem;
  height: 1.19rem;
  display: flex;
}

.th-4 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 5rem;
  height: 1.19rem;
  display: flex;
}

.th-5 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 7.38rem;
  height: 1.19rem;
  display: flex;
}

.tr {
  width: 100%;
  max-width: none;
  height: 4.45rem;
  padding-right: var(--_size---padding-small);
  padding-left: var(--_size---padding-small);
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-bottom: 1px solid var(--_color---color-button-disabled);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: none;
  position: relative;
}

.tr:hover {
  border-bottom-color: var(--_color---color-terciary);
  background-color: var(--_color---color-focus);
}

.td {
  height: 4.45rem;
}

.td-1 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 8rem;
  height: auto;
  display: flex;
  position: relative;
}

.td-text {
  font-family: var(--_size---font-body);
  color: var(--color-text-dar-gray);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-regular);
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: break-word;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.td-2 {
  width: 6.5rem;
}

.div-block-13 {
  width: 7.4rem;
  height: auto;
}

.td-3 {
  width: 7.4rem;
}

.div-block-14 {
  width: 4rem;
}

.td-4 {
  width: 5rem;
}

.td-5 {
  grid-column-gap: .12rem;
  grid-row-gap: .12rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 7.38rem;
  display: flex;
}

.identificator-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .62rem;
  line-height: .62rem;
}

.div-block-15 {
  height: 2rem;
}

.pagination-content {
  grid-column-gap: 10.57rem;
  grid-row-gap: 10.57rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.pagination {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 2rem;
  display: flex;
}

.pagination-text {
  width: 9rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
}

.div-block-16 {
  width: 25rem;
  height: 2rem;
  display: flex;
}

.pagination-buttons {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2rem;
  display: flex;
}

.last-tr {
  width: 100%;
  max-width: none;
  height: 4.45rem;
  padding-right: var(--_size---padding-small);
  padding-left: var(--_size---padding-small);
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-bottom: 0px solid var(--_color---color-button-disabled);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: none;
}

.last-tr:hover {
  border-bottom-color: var(--_color---color-terciary);
  background-color: var(--_color---color-focus);
}

.double-arrow-left, .arrow-left {
  cursor: pointer;
}

.div-block-17 {
  width: 2rem;
  height: 2rem;
  padding-right: var(--_size---padding-small);
  padding-left: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagination-button-active {
  width: 2rem;
  height: 2rem;
  padding-right: var(--_size---padding-small);
  padding-left: var(--_size---padding-small);
  border: 1px solid var(--_color---color-text-secondary);
  background-color: var(--_color---color-focus);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagination-number-active {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  text-decoration: none;
}

.pagination-active {
  text-decoration: none;
}

.pagination-button-active-copy {
  width: 2rem;
  height: 2rem;
  padding-right: var(--_size---padding-small);
  padding-left: var(--_size---padding-small);
  border: 1px solid var(--_color---color-text-secondary);
  background-color: var(--_color---color-focus);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagination-default {
  text-decoration: none;
}

.pagination-button-active-copy-copy {
  width: 2rem;
  height: 2rem;
  padding-right: var(--_size---padding-small);
  padding-left: var(--_size---padding-small);
  border: 1px solid var(--_color---color-text-secondary);
  background-color: var(--_color---color-focus);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagination-button-default {
  width: 2rem;
  height: 2rem;
  padding-right: var(--_size---padding-small);
  padding-left: var(--_size---padding-small);
  border: 1px solid var(--_color---color-text-secondary);
  background-color: #0000;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.pagination-number-default {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  text-decoration: none;
}

.form-block {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.select-field {
  margin-bottom: 0;
}

.select-pagination {
  width: 8.12rem;
  height: 2rem;
  padding: 0px var(--_size---padding-small);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  cursor: pointer;
  background-color: #0000;
  border-radius: .31rem;
  margin-bottom: 0;
}

.transaction-filter-left {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 36.5rem;
  height: auto;
  display: flex;
}

.select-week {
  width: 9.68rem;
  height: 2rem;
  padding: 0px var(--_size---padding-small);
  border: 1px solid var(--_color---color-text-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  cursor: pointer;
  background-color: #0000;
  border-radius: .31rem 0 0 .31rem;
  margin-bottom: 0;
}

.form-block-2 {
  margin-bottom: 0;
  display: flex;
}

.calendar-button {
  width: 12.75rem;
  height: 2rem;
  padding: 0px var(--_size---padding-xsmall) 0px 2.5rem;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-color: var(--_color---color-text-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/calendar.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-right-radius: .31rem;
  border-bottom-right-radius: .31rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.calendar-button.date-range-picker {
  background-color: var(--_color---color-bg-secondary);
  margin-bottom: 0;
}

.calendar-button.date-range-picker:hover, .calendar-button.date-range-picker:active, .calendar-button.date-range-picker:focus, .calendar-button.date-range-picker:focus-visible, .calendar-button.date-range-picker[data-wf-focus-visible] {
  background-color: var(--_color---color-bg-secondary);
}

.calendar-button.date-range-picker::placeholder {
  background-color: var(--_color---color-bg-secondary);
  -webkit-text-stroke-color: var(--_color---color-text-secondary);
}

.image-13 {
  cursor: pointer;
}

.transaction-filter-right {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 35%;
  height: auto;
  display: flex;
}

.filter-button {
  width: 5.8rem;
  height: 2rem;
  padding: 0px var(--_size---padding-medium) 0px 2.25rem;
  border: 1px solid var(--_color---color-text-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/menu.svg');
  background-position: 10%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .312rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.export-filter {
  width: 6rem;
  height: 2rem;
  padding: 0px var(--_size---padding-medium) 0px 2rem;
  border: 1px solid var(--_color---color-text-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/Group.svg');
  background-position: 10%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.select-field-2 {
  margin-bottom: 0;
}

.form-block-3 {
  margin-bottom: 0;
  display: flex;
}

.ref-select {
  width: 7.8rem;
  height: 2rem;
  padding-right: var(--_size---padding-tiny);
  padding-left: var(--_size---padding-0);
  border: 0px solid var(--_color---color-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  cursor: pointer;
  background-color: #0000;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  font-size: .8rem;
  line-height: .73rem;
  display: flex;
}

.form {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-14, .image-15, .navbar-2, .sidebar-tablet, .filter-buttons-tablet {
  display: none;
}

.filter-button-tablet {
  border: 1px solid var(--_color---color-text-secondary);
  width: 5.8rem;
  height: 2rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  background-color: #0000;
  background-image: url('../images/menu.svg');
  background-position: 10%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .312rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0 2.25rem;
  display: flex;
}

.export-filter-tablet {
  border: 1px solid var(--_color---color-text-secondary);
  width: 6rem;
  height: 2rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  background-color: #0000;
  background-image: url('../images/Group.svg');
  background-position: 10%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0 2rem;
  display: flex;
}

.td-3-tablet {
  width: 7.4rem;
  display: none;
}

.pagination-variant, .pagination-default-copy {
  text-decoration: none;
}

.home-menu-icon, .request-menu-icon, .transaction-menu-icon, .spidi-express-menu-icon {
  cursor: pointer;
}

.setting, .support {
  height: 1.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.header-spidi-center-mobile {
  display: none;
}

.search-button-mobile {
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.last-tr-mobile {
  height: 4.45rem;
  padding-right: var(--_size---padding-small);
  padding-left: var(--_size---padding-small);
  border-bottom: 1px solid var(--_color---color-button-disabled);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: none;
}

.thead-mobile {
  height: 2rem;
  padding-right: var(--_size---padding-small);
  padding-left: var(--_size---padding-small);
  background-color: var(--_color---color-terciary);
  border-radius: .32rem;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.transaction-table-mobile {
  background-color: var(--_color---color-bg-secondary);
  border-radius: .62rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: none;
  box-shadow: 0 764px 214px #00464900, 0 489px 196px #00464900, 0 275px 165px #00464905, 0 122px 122px #00464908, 0 31px 67px #00464908;
}

.spidi-logo-banner {
  width: 14.5rem;
  height: 4.5rem;
}

.currency-bs-copy {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  display: flex;
}

.currency-usdt {
  grid-column-gap: 1.36rem;
  grid-row-gap: 1.36rem;
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  display: none;
}

.section-bank-verification-juridico {
  height: 100vh;
  font-size: var(--_size---font-size-s);
  background-image: url('../images/bg-texture-2.avif');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-amount {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.input-amount-1 {
  width: 17.81rem;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border-radius: var(--_size---border-radius-medium);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-semibold);
  margin-bottom: 0;
}

.input-amount-1:hover {
  background-color: var(--_color---color-focus);
}

.input-amount-1:active, .input-amount-1:focus {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.input-amount-1::placeholder {
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-regular);
}

.input-amount-copy {
  border: 1px solid var(--_color---color-text-secondary);
  border-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-bg-secondary);
  width: 17.81rem;
  height: 3.43rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
}

.input-amount-copy:active, .input-amount-copy:focus {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
}

.input-amount-copy:focus-visible, .input-amount-copy[data-wf-focus-visible] {
  background-color: var(--_color---color-focus);
}

.input-amount-copy::placeholder {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
}

.form-block-4 {
  margin-bottom: 0;
}

.section-hero-copy {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  height: 100vh;
  font-size: var(--_size---font-size-s);
  background-image: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-terms {
  height: auto;
  padding-bottom: var(--_size---padding-medium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  font-size: var(--_size---font-size-s);
  background-image: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-terms {
  width: 100%;
  padding-right: var(--_size---padding-medium);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.buttons-content {
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sign-up-button {
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-primary);
  width: 17.81rem;
  height: 3.12rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: center;
  align-items: center;
  display: flex;
}

.sign-up-button:hover {
  background-color: var(--_color---color-button-primary-hover);
}

.log-in-terms {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  text-decoration: none;
}

.log-in-terms:hover {
  color: var(--_color---color-contrast);
}

.main-container {
  width: 100%;
  padding-right: var(--_size---padding-medium);
  padding-left: var(--_size---padding-medium);
  grid-column-gap: var(--_size---padding-large);
  grid-row-gap: var(--_size---padding-large);
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.left-container {
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  inset: 5% auto auto 0%;
}

.right-container {
  width: auto;
  padding-right: var(--_size---padding-xxmedium);
  padding-bottom: var(--_size---padding-xxmedium);
  padding-left: var(--_size---padding-xxmedium);
  border: 1px solid var(--_color---color-secondary);
  border-radius: var(--_size---border-radius-medium);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.back-arrow {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.back-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
}

.title-terms {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.main-actions {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.terms-action-pressed {
  width: 28.9rem;
  height: 2.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  border-style: solid none solid solid;
  border-width: 1px 0;
  border-color: var(--_color---color-text-secondary) var(--_color---color-secondary);
  background-color: var(--_color---color-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.menu-action-pressed {
  width: 28.9rem;
  height: 2.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  border-style: solid none solid solid;
  border-width: 1px 0;
  border-color: var(--_color---color-text-secondary) var(--_color---color-secondary);
  background-color: var(--_color---color-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.menu-action {
  width: 28.9rem;
  height: 2.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  border-style: solid none solid solid;
  border-width: 1px 0;
  border-color: var(--_color---color-text-secondary) var(--_color---color-secondary);
  background-color: var(--_color---color-text-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.menu-action-pressed-copy {
  width: 28.9rem;
  height: 2.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  border-style: solid none solid solid;
  border-width: 1px 0;
  border-color: var(--_color---color-text-secondary) var(--_color---color-secondary);
  background-color: var(--_color---color-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.privacy-action {
  width: 28.9rem;
  height: 2.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  border-style: solid none solid solid;
  border-width: 0 0 1px;
  border-color: var(--_color---color-text-secondary) var(--_color---color-secondary);
  background-color: var(--_color---color-text-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.privacy-action:hover {
  background-color: var(--_color---color-focus);
}

.questions-action {
  width: 28.9rem;
  height: 2.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  border-style: solid none solid solid;
  border-width: 0 0 1px;
  border-color: var(--_color---color-text-secondary) var(--_color---color-secondary);
  background-color: var(--_color---color-text-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.questions-action:hover {
  background-color: var(--_color---color-focus);
}

.privacy-action-pressed, .questions-action-pressed {
  width: 28.9rem;
  height: 2.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  border-style: solid none solid solid;
  border-width: 0 0 1px;
  border-color: var(--_color---color-text-secondary) var(--_color---color-secondary);
  background-color: var(--_color---color-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: none;
}

.terms-action {
  width: 28.9rem;
  height: 2.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  border-style: solid none solid solid;
  border-width: 1px 0;
  border-color: var(--_color---color-text-secondary) var(--_color---color-secondary);
  background-color: var(--_color---color-bg-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: none;
}

.terms-action:hover {
  background-color: var(--_color---color-focus);
}

.title-terms-conditions {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-semibold);
}

.paragraph-clauses {
  text-decoration: underline;
}

.paragraph-4 {
  margin-bottom: 0;
}

.paragraph-terms {
  font-family: var(--_size---font-body);
  color: var(--gray-text);
  font-weight: var(--_size---font-weight-regular);
  margin-bottom: 0;
}

.right-container-terms, .right-container-privacy {
  width: auto;
  padding-right: var(--_size---padding-xxmedium);
  padding-bottom: var(--_size---padding-xxmedium);
  padding-left: var(--_size---padding-xxmedium);
  border: 1px solid var(--_color---color-secondary);
  border-radius: var(--_size---border-radius-medium);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.image-17, .burger-menu {
  display: none;
}

.right-container-question {
  width: 100%;
  padding-right: var(--_size---padding-xxmedium);
  padding-bottom: var(--_size---padding-xxmedium);
  padding-left: var(--_size---padding-xxmedium);
  border: 1px solid var(--_color---color-secondary);
  border-radius: var(--_size---border-radius-medium);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: none;
  position: relative;
}

.card-dates-cripto-ios {
  width: 44.37rem;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xmedium);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  box-shadow: 0 399px 112px #00464900, 0 255px 102px #00464900, 0 144px 86px #46490005, 0 64px 64px #00464908, 0 16px 35px #02373d08;
}

.button-4 {
  position: absolute;
}

.binance-button {
  z-index: 1;
  border-radius: var(--_size---border-radius-medium);
  width: 17.81rem;
  height: 3.12rem;
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: #202630;
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  background-color: #fcd535;
  background-image: url('../images/iso-binance.svg');
  background-position: 55px;
  background-repeat: no-repeat;
  background-size: 30px;
  justify-content: center;
  align-items: center;
  padding-left: 55px;
  display: flex;
  position: relative;
  bottom: 78px;
}

.binance-button-2 {
  z-index: 1;
  border-radius: var(--_size---border-radius-medium);
  width: 17.81rem;
  height: 3.12rem;
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: #fcd535;
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  background-color: #202630;
  background-image: url('../images/binance-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 130px;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  bottom: 78px;
}

.text-span-2 {
  width: auto;
  font-weight: var(--_size---font-weight-semibold);
  text-align: center;
}

.text-wallet {
  width: 17.81rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: relative;
  bottom: 66px;
}

.currency-bs-request {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  display: none;
}

.currency-usdt-request {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  display: flex;
}

.currency-usd-request, .currency-eur-request, .currency-cop-request {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  display: none;
  position: static;
}

.bs-currency-disable-request {
  cursor: pointer;
  display: none;
}

.bs-currency-desabled-copy {
  cursor: pointer;
  display: block;
}

.banner-img-mispidi {
  object-fit: fill;
  width: 100%;
  height: 11rem;
}

.div-block-18 {
  display: flex;
}

.question {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.accordion-question {
  padding: var(--_size---padding-small);
  border-bottom: 1px solid var(--_color---color-text-secondary);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.accordion-question:hover {
  background-color: var(--_color---color-focus);
}

.question-icons {
  display: none;
  position: relative;
}

.image-18, .plus {
  position: absolute;
}

.paragraph-5 {
  margin-bottom: 0;
}

.answer {
  font-family: var(--_size---font-body);
  margin-bottom: 0;
  display: none;
}

.question-answer {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.container-payment-request {
  display: none;
  overflow: clip;
}

.accordion-last-question {
  padding: var(--_size---padding-small);
  border-bottom: 0px solid var(--_color---color-text-secondary);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.accordion-last-question:hover {
  background-color: var(--_color---color-focus);
}

.card-content {
  padding-right: var(--_size---padding-xmedium);
  padding-left: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.info-content {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.title-info {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.paragraph-6 {
  margin-bottom: 0;
}

.paragraph-info {
  width: 26.93rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: none;
}

.image-19 {
  position: absolute;
  inset: auto auto 0% 0%;
}

.doodle-arrow {
  display: none;
  position: absolute;
  inset: auto 0% -100% 150px;
}

.wrapped-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.question-lottie {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.lottie-animation-3, .sign-animation-close {
  display: none;
}

.sign-animation {
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.lottie-animation-4, .lottie-animation-5, .lottie-animation-6, .lottie-animation-7 {
  position: absolute;
}

.sign-animation-open {
  display: none;
  position: absolute;
}

.skeleton-element {
  z-index: 1;
  border-radius: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.8rem;
  display: block;
  position: absolute;
  inset: 0%;
}

.spidi-logo-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-19 {
  width: 100%;
}

.title-skeleton {
  z-index: 1;
  border-radius: var(--_size---border-radius-medium);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  display: flex;
  position: absolute;
}

.title-skeleton.skeleton-element {
  height: 1.7rem;
  display: none;
}

.icon-content {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-right: 1px none var(--_color---color-text-secondary);
  justify-content: center;
  align-items: center;
  padding-right: 0;
  display: flex;
  position: relative;
}

.icon-skeleton {
  border-top-left-radius: var(--_size---border-radius-medium);
  border-bottom-right-radius: var(--_size---border-radius-medium);
  width: 100%;
  height: 11.5rem;
  position: absolute;
}

.icon-skeleton.skeleton-element {
  height: 11.3rem;
  display: none;
}

.transaction-skeleton {
  width: 100%;
  height: 1.5rem;
  position: absolute;
}

.transaction-skeleton.skeleton-element {
  display: none;
}

.div-block-20 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.transaction-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.date-hour-content {
  flex-flow: column;
  display: flex;
  position: relative;
}

.div-block-21 {
  width: 100%;
  display: block;
  position: absolute;
}

.date-hour-skeleton {
  width: 100%;
  height: 1.2rem;
  position: absolute;
}

.date-hour-skeleton.skeleton-element {
  width: 100%;
  display: none;
}

.total-skeleton {
  width: 100%;
  height: 2.8rem;
  display: flex;
  position: absolute;
}

.total-skeleton.skeleton-element {
  display: none;
}

.total-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.ref-content {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ref-skeleton {
  width: 100%;
  height: 2.5rem;
  position: absolute;
}

.ref-skeleton.skeleton-element {
  display: none;
}

.receiver-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.receiver-skeleton {
  width: 100%;
  height: 1.5rem;
  position: absolute;
}

.receiver-skeleton.skeleton-element {
  height: 1.3rem;
  display: none;
}

.submit-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-22 {
  position: absolute;
}

.submit-skeleton {
  width: 100%;
  height: 5.5rem;
  position: absolute;
}

.submit-skeleton.skeleton-element {
  display: none;
}

.title-qr-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.title-qr-skeleton {
  width: 100%;
  height: 1.7rem;
  position: absolute;
}

.title-qr-skeleton.skeleton-element {
  height: 1.5rem;
  display: none;
}

.qr-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.qr-skeleton {
  width: 100%;
  height: 15rem;
  position: absolute;
}

.qr-skeleton.skeleton-element {
  display: none;
}

.share-button-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.share-skeleton {
  width: 100%;
  height: 3rem;
  position: absolute;
}

.share-skeleton.skeleton-element {
  height: 3.2rem;
  display: none;
}

.list-content {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.list-skeleton {
  width: 100%;
  height: 3.5rem;
  position: absolute;
}

.list-skeleton.skeleton-element {
  display: none;
}

.div-block-23 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tltle-bottom-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.title-bottom-skeleton {
  width: 100%;
  height: 1.6rem;
  position: absolute;
}

.title-bottom-skeleton.skeleton-element {
  height: 1.4rem;
  display: none;
}

.list-bottom-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-24 {
  width: 100%;
  position: absolute;
}

.list-bottom-fail-skeleton {
  width: 100%;
  height: 5.5rem;
  position: absolute;
}

.list-bottom-fail-skeleton.skeleton-element {
  display: none;
}

.form-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-25 {
  display: block;
}

.form-skeleton {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10rem;
  display: block;
  position: absolute;
}

.form-skeleton.skeleton-element {
  display: none;
}

.spidi-logo-skeleton {
  width: 100%;
  height: 6rem;
  position: absolute;
}

.spidi-logo-skeleton.skeleton-element {
  display: none;
}

.error-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.error-skeleton {
  width: 100%;
  height: 2rem;
  position: absolute;
}

.error-skeleton.skeleton-element {
  display: none;
}

.total-ref-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.total-ref-skeleton {
  width: 100%;
  height: 5rem;
  position: absolute;
}

.total-ref-skeleton.skeleton-element {
  display: none;
}

.button-try-content {
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
  position: relative;
}

.button-try-skeleton {
  width: 100%;
  height: 3.5rem;
  position: absolute;
}

.button-try-skeleton.skeleton-element {
  display: none;
}

.support-content {
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
  position: relative;
}

.support-skeleton {
  width: 100%;
  height: 3rem;
  position: absolute;
}

.support-skeleton.skeleton-element {
  display: none;
}

.list-bottom-skeleton-copy {
  width: 100%;
  height: 5.5rem;
  position: absolute;
}

.list-bottom-skeleton-copy.skeleton-element {
  height: 4.2rem;
  display: none;
}

.text-process-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-process-skeleton {
  width: 100%;
  height: 3rem;
  position: absolute;
}

.text-process-skeleton.skeleton-element {
  display: none;
}

.order-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.order-skeleton {
  width: 100%;
  height: 2rem;
  position: absolute;
}

.order-skeleton.skeleton-element {
  display: none;
}

.action-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.action-skeleton {
  width: 100%;
  height: 5rem;
  position: absolute;
}

.action-skeleton.skeleton-element {
  display: none;
}

.mail-title-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.main-title-skeleton {
  width: 100%;
  height: 1.5rem;
  position: absolute;
}

.main-title-skeleton.skeleton-element {
  display: none;
}

.text-process-skeleton-2 {
  width: 100%;
  height: 2rem;
  position: absolute;
}

.text-process-skeleton-2.skeleton-element {
  height: 2.1rem;
  display: none;
}

.input-skeleton {
  width: 100%;
  height: 5rem;
  position: absolute;
}

.input-skeleton.skeleton-element {
  display: none;
}

.paragraph-process-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.paragraph-process-skeleton {
  width: 100%;
  height: 3rem;
  position: absolute;
}

.paragraph-process-skeleton.skeleton-element {
  display: none;
}

.paragraph-invitation-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.paragraph-invitation-skeleton {
  width: 100%;
  height: 3rem;
  position: absolute;
}

.paragraph-invitation-skeleton.skeleton-element {
  height: 3.2rem;
  display: none;
}

.button-update-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.button-update-skeleton.skeleton-element {
  display: none;
}

.card-user-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.card-user-skeleton {
  width: 100%;
  height: 9rem;
  position: absolute;
}

.card-user-skeleton.skeleton-element {
  display: none;
}

.total-ref-receiver-skeleton {
  width: 100%;
  height: 2.5rem;
  position: absolute;
}

.total-ref-receiver-skeleton.skeleton-element {
  display: none;
}

.line-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.line-skeleton {
  width: 100%;
  height: .5rem;
  position: absolute;
}

.line-skeleton.skeleton-element {
  display: none;
}

.security-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.security-skeleton {
  position: absolute;
}

.security-skeleton.skeleton-element {
  height: 11.7rem;
  display: none;
}

.transaction-filters-mobile {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 2rem;
  display: none;
}

.filter-button-mobile {
  border: 1px solid var(--_color---color-text-secondary);
  width: 5.8rem;
  height: 2rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  background-color: #0000;
  background-image: url('../images/menu.svg');
  background-position: 10%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .312rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0 2.25rem;
  display: flex;
}

.export-filter-tablet-copy, .export-filter-tablet-copy-copy, .export-filter-mobile {
  border: 1px solid var(--_color---color-text-secondary);
  width: 6rem;
  height: 2rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  background-color: #0000;
  background-image: url('../images/Group.svg');
  background-position: 10%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0 2rem;
  display: flex;
}

.transaction-filter-right-mobile {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 2rem;
  display: flex;
}

.calendar-button-mobile {
  width: 12.75rem;
  height: 2rem;
  padding: 0px var(--_size---padding-xsmall) 0px 2.5rem;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-color: var(--_color---color-text-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/calendar.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-right-radius: .31rem;
  border-bottom-right-radius: .31rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ref-select-mobile {
  width: 7.8rem;
  height: 2rem;
  padding-left: var(--_size---padding-medium);
  border: 0px solid var(--_color---color-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/usd.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.search-filter-mobile {
  justify-content: flex-start;
  align-items: center;
  width: 13.56rem;
  margin-bottom: 0;
  display: flex;
}

.card-user-nodos {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-card-user);
  width: 26.75rem;
  -webkit-backdrop-filter: blur(var(--backdrop-filter));
  backdrop-filter: blur(var(--backdrop-filter));
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  box-shadow: 0 399px 112px #46490000, 0 255px 102px #46490000, 0 144px 86px #46490005, 0 64px 64px #46490008, 0 16px 35px #02373d08;
}

.section-hero-landing {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.banner-landing {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 13rem;
  position: absolute;
  top: 0;
}

.brand-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-2 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-4 {
  width: 74.18rem;
  height: 3.8rem;
}

.navbar-landing {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid var(--_color---color-border-glass);
  background-color: var(--_color---color-overlay-white);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: .5rem;
  justify-content: space-between;
  align-items: center;
  width: 58rem;
  height: 3.18rem;
  padding: .62rem 1.5rem;
  display: flex;
  position: sticky;
  top: 2.69rem;
}

.nav-link {
  padding: 0;
}

.nav-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-link-2 {
  padding: 0;
}

.navbar-menu {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar-buttons {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-btn {
  background-color: var(--_color---color-terciary);
  width: 8.5rem;
  height: 2.19rem;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  font-weight: var(--_size---font-weight-medium);
  cursor: pointer;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.sign-up-btn {
  background-color: var(--_color---color-secondary-variant);
  width: 8.5rem;
  height: 2.19rem;
  font-family: var(--_size---font-display);
  color: var(--_color---color-text-terciary);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  cursor: pointer;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.home-link {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  padding: 0;
}

.home-link:active, .home-link:visited {
  color: var(--_color---color-contrast);
}

.home-link.w--current {
  color: var(--_color---color-secondary);
  font-weight: 700;
}

.solution-link {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  padding: 0;
}

.solution-link:active {
  color: var(--_color---color-contrast);
}

.solution-link:visited {
  color: var(--_color---color-secondary);
}

.solution-link.w--current {
  color: var(--_color---color-contrast);
  font-weight: 700;
}

.heading-7 {
  font-family: var(--_size---font-display);
  font-size: 4.89rem;
  line-height: 4.88rem;
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.title-landing {
  width: 58rem;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-7xl);
  line-height: var(--_size---font-size-7xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  position: static;
  top: -26px;
}

.main-content-landing {
  z-index: 10;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  top: 88px;
}

.paragraph-7 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-bottom: 0;
}

.subtitle-landing {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-bottom: 0;
}

.image-22 {
  width: 38.1em;
  height: 27.68rem;
}

.ellipsis-1 {
  width: auto;
  height: auto;
  position: absolute;
  inset: auto auto -20%;
}

.phone {
  z-index: 1;
  width: 22rem;
  height: auto;
  position: absolute;
  inset: auto auto -33%;
}

.main-button-landing {
  width: 11.7rem;
  height: 2.18em;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/bg-texture-2.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.phone-container {
  justify-content: center;
  align-items: center;
  display: none;
}

.text-landing-1 {
  height: 3rem;
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-6xl);
  line-height: var(--_size---font-size-6xl);
  font-weight: var(--_size---font-weight-light);
  position: absolute;
  top: 482.359px;
  bottom: 436.641px;
  left: 95.578px;
}

.text-landing-2 {
  height: 3rem;
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-6xl);
  line-height: var(--_size---font-size-6xl);
  font-weight: var(--_size---font-weight-light);
  position: absolute;
  top: 412.359px;
  bottom: 436.641px;
  left: 706.578px;
}

.text-landing-3 {
  height: 3rem;
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-6xl);
  line-height: var(--_size---font-size-6xl);
  font-weight: var(--_size---font-weight-light);
  position: absolute;
  top: 597.359px;
  bottom: 436.641px;
  left: 705.578px;
}

.section-hero-landing-2 {
  z-index: 1;
  width: 100%;
  height: auto;
  padding-top: var(--_size---padding-xxlarge);
  padding-bottom: var(--_size---padding-xhuge);
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  background-color: var(--_color---color-secondary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.image-23 {
  width: 35rem;
  height: auto;
  position: absolute;
  inset: -23% auto auto -9%;
}

.colibri {
  z-index: 1;
  width: 15rem;
  height: auto;
  position: absolute;
  inset: auto auto 0% 0%;
}

.main-content-landing-2 {
  z-index: 1;
  grid-column-gap: 1.19rem;
  grid-row-gap: 1.19rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 70.2rem;
  margin-top: 0;
  padding-top: 0;
  display: flex;
  position: static;
}

.title-section-2 {
  font-family: var(--_size---font-display);
  color: var(--_color---color-focus);
  font-size: var(--_size---font-size-6xl);
  line-height: var(--_size---font-size-6xl);
  font-weight: var(--_size---font-weight-medium);
}

.paragraph-section-2 {
  width: 55rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-veil-green-80);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-3xl);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-bottom: 0;
}

.tabs-landing {
  grid-column-gap: 1.43rem;
  grid-row-gap: 1.43rem;
  border: 1px solid var(--_color---color-border-glass-soft);
  background-color: var(--_color---color-overlay-white);
  border-radius: 6.25rem;
  justify-content: flex-start;
  align-items: center;
  width: 22.11rem;
  height: 3.37rem;
  padding: .31rem .43rem;
  display: flex;
  position: static;
}

.tabs {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-button-spidi {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  position: absolute;
}

.text-button-spidi.white {
  display: none;
}

.text-request-spidi {
  z-index: 10;
  width: auto;
  font-family: var(--_size---font-body);
  color: var(--_color---color-focus);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.text-request-spidi.white {
  color: var(--_color---color-focus);
  position: absolute;
}

.button-tab {
  background-color: #0000;
  border-radius: 12.5rem;
  justify-content: center;
  align-items: center;
  width: 9.8rem;
  height: auto;
  padding: .19rem 1.69rem;
  display: flex;
}

.button-tab.w--current {
  background-color: var(--_color---color-terciary);
  flex-flow: column;
  width: 11.37rem;
  height: 2.75rem;
}

.main-wrappe-landing {
  padding-bottom: var(--_size---padding-0);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: clip;
}

.request-tab {
  background-color: #0000;
  flex-flow: column;
  padding: 0;
  display: flex;
}

.request-tab.w--current {
  background-color: var(--_color---color-terciary);
  width: 11.37rem;
  height: 2.75rem;
  color: var(--_color---color-secondary);
  font-family: Work Sans, sans-serif;
  font-size: var(--_size---padding-small);
  line-height: var(--_size---padding-small);
  border-radius: 12.5rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-weight: 600;
  display: flex;
}

.tabs-content-landing {
  flex-flow: column;
  width: 60rem;
  margin-top: 7.5rem;
  display: flex;
  overflow: visible;
}

.text-request-spidi-white {
  z-index: 10;
  width: auto;
  font-family: var(--_size---font-body);
  color: var(--_color---color-focus);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
}

.text-request-spidi-white.white {
  color: var(--_color---color-focus);
  position: absolute;
}

.button-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.glass-content {
  border: 1px solid var(--_color---color-veil-white-45);
  border-radius: var(--_size---padding-small);
  background-color: var(--_color---color-overlay-white);
  justify-content: center;
  align-items: center;
  width: 38rem;
  height: 31.75rem;
  display: flex;
}

.button-spidi-info {
  grid-column-gap: 1.9rem;
  grid-row-gap: 1.9rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 31.3em;
  display: flex;
}

.button-image {
  z-index: 1;
  width: 29em;
  position: absolute;
  inset: -34px auto 0;
  overflow: hidden;
}

.image-25 {
  overflow: clip;
}

.ellipsis-2 {
  position: absolute;
  inset: 0% auto;
}

.tab-title {
  font-family: var(--_size---font-display);
  color: var(--_color---color-focus);
  font-size: var(--_size---font-size-6xl);
  line-height: var(--_size---font-size-6xl);
  font-weight: var(--_size---font-weight-light);
  margin-top: 0;
  margin-bottom: 0;
}

.tab-paragraph {
  font-family: var(--_size---font-body);
  color: var(--_color---color-focus);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-regular);
}

.secondary-button-landing-copy {
  width: 15rem;
  height: 2.18em;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/bg-texture-2.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.request-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.clients-container {
  width: 90%;
  padding-top: var(--_size---padding-medium);
  padding-bottom: var(--_size---padding-medium);
  grid-column-gap: 1.94rem;
  grid-row-gap: 1.94rem;
  border-top: .4px solid var(--_color---color-bg-secondary);
  border-bottom: .5px solid var(--_color---color-bg-secondary);
  outline-color: var(--_color---color-bg-secondary);
  outline-offset: 0px;
  text-align: center;
  mix-blend-mode: normal;
  outline-width: 1px;
  outline-style: none;
  flex-flow: column;
  display: flex;
}

.title-clients {
  font-family: var(--_size---font-display);
  color: var(--_color---color-focus);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-5xl);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.client-logos {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: wrap-reverse;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  place-items: center;
  width: 100%;
  display: grid;
  overflow: visible;
}

.quota-logo {
  width: 13rem;
  height: auto;
}

.section-hero-landing-3 {
  z-index: 10;
  grid-column-gap: 3.56rem;
  grid-row-gap: 3.56rem;
  background-color: var(--_color---color-veil-green-20);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto;
  padding-top: 6.81em;
  padding-bottom: 6.81rem;
  display: flex;
  position: relative;
}

.progress-asset {
  z-index: 1;
  width: 53.43rem;
  height: 4.68rem;
  position: absolute;
  top: -31px;
  right: 0;
}

.main-content-landing-3 {
  grid-column-gap: 1.9rem;
  grid-row-gap: 1.9rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.title-section-3 {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-6xl);
  line-height: 3.5rem;
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.title-section-3.bottom {
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-5xl);
  font-weight: var(--_size---font-weight-regular);
}

.paragraphah-section-3 {
  width: 60rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: 1.74rem;
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-bottom: 0;
}

.progress-line {
  z-index: 0;
  width: 8px;
  position: absolute;
  top: 20.42rem;
  left: 8.12rem;
}

.step-title {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
  position: static;
}

.step-content-info {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: static;
}

.paragraph-step {
  width: 18rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: 1.74rem;
  font-weight: var(--_size---font-weight-regular);
  margin-bottom: 0;
}

.ellipsis-3 {
  width: 40rem;
  position: absolute;
  inset: 0 auto 0%;
}

.button-image-copy {
  z-index: 1;
  position: absolute;
  inset: -10.8% auto auto 7%;
  overflow: hidden;
}

.button-image-1 {
  z-index: 1;
  width: 20rem;
  height: auto;
  position: absolute;
  inset: auto auto 0;
  overflow: hidden;
}

.glass-content-step {
  border: 1px solid var(--_color---color-bg-secondary);
  border-radius: var(--_size---padding-small);
  background-color: var(--_color---color-overlay-white);
  outline-color: var(--_color---color-bg-secondary);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
  justify-content: center;
  align-items: center;
  width: 25rem;
  height: 22.5rem;
  display: flex;
  box-shadow: 0 0 4px #0009;
}

.iso-spidi {
  z-index: 10;
  width: 4.12rem;
  position: absolute;
  inset: 41% auto auto 8%;
}

.step-1-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4.2rem;
  display: flex;
  position: sticky;
}

.step-2-landing, .step-1-landing, .step-3-landing {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 4.2rem;
  display: flex;
  position: relative;
}

.steps-landing {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.section-hero-landing-4 {
  grid-column-gap: 3.56rem;
  grid-row-gap: 3.56rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 5.12rem;
  padding-bottom: 5.12rem;
  display: flex;
  position: relative;
}

.title-section-4 {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-5xl);
  line-height: var(--_size---font-size-6xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.questions-landing {
  width: 55rem;
  padding: var(--_size---padding-tiny);
  border: 1px none var(--_color---color-secondary);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-focus);
  background-image: linear-gradient(45deg, var(--_color---color-terciary), var(--_color---color-primary) 52%, var(--_color---color-contrast));
  outline-color: var(--_color---color-primary);
  outline-offset: 0px;
  outline-width: 1.34px;
  outline-style: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.accordion-question-landing {
  padding: var(--_size---padding-small);
  border-bottom: 1px solid var(--_color---color-text-secondary);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.accordion-question-landing:hover {
  background-color: var(--_color---color-focus);
}

.accordion-question-copy {
  padding: var(--_size---padding-small);
  border-bottom: 1px solid var(--_color---color-text-secondary);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.accordion-question-copy:hover {
  background-color: var(--_color---color-focus);
}

.accordion-question--lamdimg {
  padding: var(--_size---padding-small);
  border-bottom: 1px solid var(--_color---color-text-secondary);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.accordion-question--lamdimg:hover {
  background-color: var(--_color---color-focus);
}

.question-1 {
  width: 98%;
  padding: var(--_size---padding-small);
  border-bottom: 1px solid var(--_color---color-text-secondary);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.question-1:hover {
  background-color: var(--_color---color-focus);
}

.question-2 {
  width: 98%;
  padding: var(--_size---padding-small);
  border-bottom: 1px solid var(--_color---color-text-secondary);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.question-2:hover {
  background-color: var(--_color---color-focus);
}

.question-3 {
  width: 98%;
  padding: var(--_size---padding-small);
  border-bottom: 1px solid var(--_color---color-text-secondary);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.question-3:hover {
  background-color: var(--_color---color-focus);
}

.question-4 {
  width: 98%;
  padding: var(--_size---padding-small);
  border-bottom: 1px solid var(--_color---color-text-secondary);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.question-4:hover {
  background-color: var(--_color---color-focus);
}

.question-5 {
  width: 98%;
  padding: var(--_size---padding-small);
  border: 0px solid var(--_color---color-secondary);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.question-5:hover {
  background-color: var(--_color---color-focus);
}

.question-lottie-1 {
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.question-lottie-2, .question-lottie-3, .question-lottie-4, .question-lottie-5 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.questions {
  width: 100%;
  padding: var(--_size---padding-small);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-focus);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spidi-glow {
  filter: blur(50px);
  width: 43.37rem;
  height: 43.37rem;
  position: absolute;
  top: 13.73rem;
  left: -178.25px;
}

.section-hero-landing-5 {
  grid-column-gap: var(--_size---padding-large);
  grid-row-gap: var(--_size---padding-large);
  background-color: var(--_color---color-secondary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 4rem;
  display: flex;
  position: relative;
}

.heading-8 {
  font-family: var(--_size---font-display);
  color: var(--_color---color-focus);
  font-size: var(--_size---font-size-6xl);
  line-height: var(--_size---padding-xxlarge);
  font-weight: var(--_size---font-weight-light);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.banner-glass {
  width: 90%;
  position: absolute;
  top: -4.625px;
}

.banner-container {
  grid-column-gap: 4.06rem;
  grid-row-gap: 4.06rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 28.5rem;
  display: flex;
  position: relative;
}

.text-section-5 {
  z-index: 1;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-6xl);
  line-height: var(--_size---font-size-6xl);
  font-weight: var(--_size---font-weight-semibold);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.button-banner {
  z-index: 1;
  background-color: var(--_color---color-secondary);
  width: 15rem;
  height: 2.69rem;
  font-family: var(--_size---font-display);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-xs);
  line-height: .81em;
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  cursor: pointer;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
}

.banner-container-landing {
  grid-column-gap: 4.06rem;
  grid-row-gap: 4.06rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 28.5rem;
  display: flex;
  position: relative;
}

.cunaguaro {
  z-index: 1;
  width: 26rem;
  height: auto;
  position: absolute;
  inset: auto 0% -7% auto;
}

.section-hero-landing-6 {
  background-color: var(--_color---color-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  display: flex;
  position: relative;
}

.ellipsis-4 {
  position: absolute;
}

.logo-spidi-large {
  z-index: 1;
  width: 100%;
  position: absolute;
  top: 22px;
}

.footer-landing {
  z-index: 1;
  width: 100%;
  height: 18rem;
  padding: var(--_size---padding-xlarge) var(--_size---padding-large) var(--_size---padding-large);
  grid-column-gap: var(--_size---padding-xxmedium);
  grid-row-gap: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.buttons-container {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.registro-button {
  background-color: var(--_color---color-secondary-variant);
  width: 8.5rem;
  height: 2.19rem;
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  box-shadow: 0 16px 5px #00464900, 0 10px 4px #00464900, 0 6px 4px #00464905, 0 3px 3px #0003, 0 1px 1px #00464908;
}

.contacto-button {
  background-color: var(--_color---color-terciary);
  width: 8.5rem;
  height: 2.19rem;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: static;
}

.button-footer {
  background-color: var(--_color---color-secondary-variant);
  width: 8.5rem;
  height: 2.19rem;
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  font-weight: var(--_size---font-weight-medium);
  cursor: pointer;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  box-shadow: 0 16px 5px #00464900, 0 10px 4px #00464900, 0 6px 4px #00464905, 0 3px 3px #0003, 0 1px 1px #00464908;
}

.button-footer.bg-colot {
  background-color: var(--_color---color-terciary);
  color: var(--_color---color-secondary);
  cursor: pointer;
}

.button-registro {
  border-radius: var(--_size---margin-xsmall);
  background-color: var(--_color---color-primary);
  width: 11.56rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.background-menu {
  display: none;
}

.image-27, .image-28, .image-29 {
  width: 13rem;
}

.hero-img {
  vertical-align: baseline;
  width: 90rem;
  max-width: none;
  display: block;
  position: absolute;
  top: -100px;
  overflow: hidden;
}

.navbar-landing-2 {
  width: 58rem;
  height: 3.18rem;
  padding: .62rem var(--_size---padding-xmedium);
  border: 2px solid var(--_color---color-border-glass);
  background-color: var(--_color---color-overlay-white);
  border-radius: .5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: sticky;
  top: 2.69rem;
}

.navbar-menu-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-phone-botton {
  width: 100%;
  height: auto;
  padding-top: var(--_size---padding-large);
  padding-bottom: var(--_size---padding-huge);
  background-color: var(--_color---color-secondary);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-30 {
  width: 53.6rem;
  position: absolute;
  inset: -34% 0% auto 15.4%;
}

.paragraphah-section-3-mobile {
  width: 55rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-bottom: 0;
  display: none;
}

.phone-bottom {
  z-index: 1;
  width: 25.2rem;
  position: absolute;
  inset: 0% auto;
}

.carousel-landing {
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-landing {
  border: 1px solid var(--_color---color-bg-secondary);
  border-radius: var(--_size---padding-small);
  background-color: var(--_color---color-veil-white-50);
  justify-content: center;
  align-items: center;
  width: 16.7rem;
  height: 10.8rem;
  display: flex;
}

.text-card-landing {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-5xl);
  font-weight: var(--_size---font-weight-light);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.ellipsis-5 {
  width: 40rem;
  max-width: none;
  position: absolute;
  inset: -42% auto 0%;
}

.phone-768 {
  z-index: 1;
  width: 22rem;
  height: auto;
  display: none;
  position: absolute;
  inset: auto auto -33%;
}

.ellipsis-768 {
  width: auto;
  height: auto;
  display: none;
  position: absolute;
  inset: auto auto -20%;
}

.modal-filters {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-filters {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.header {
  width: 100%;
  padding-bottom: var(--_size---padding-small);
  border-bottom: 1px solid var(--_color---color-button-disabled);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.title-modal-filter {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.header-left {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.transaction-type {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: none;
}

.filter-title {
  height: auto;
  min-height: auto;
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.transaction-button {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.transaction-receiver-btn {
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-text-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/receiver-icon.svg');
  background-position: 20%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 16px;
  display: flex;
}

.button-6 {
  padding: 0;
}

.transaction-payment-btn {
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-text-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/payment-icon.svg');
  background-position: 20%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 16px;
  display: flex;
}

.filter-select {
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-bg-secondary);
  border-radius: .31rem;
  height: 2.5rem;
  margin-bottom: 0;
}

.form-block-5 {
  margin-bottom: 0;
}

.filter-bar {
  background-color: var(--_color---color-button-disabled);
  border-radius: .62rem;
  height: .93rem;
  min-height: 16px;
  position: relative;
}

.filter-bar-text {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.filter-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: .62rem;
  line-height: .62rem;
}

.circle-filter {
  background-color: var(--_color---color-button-primary);
  border-radius: 100px;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  inset: -27% auto auto 5%;
}

.transaction-from, .transaction-amount, .transaction-date {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.date-button {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.from-btn {
  width: 12.68rem;
  height: 2.5rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-text-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/calendar_1.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.from-btn.date_start {
  font-weight: var(--_size---font-weight-regular);
}

.to-btn {
  width: 12.68rem;
  height: 2.5rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-text-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/calendar_1.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.header-main {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.transaction-button-copy {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.reset-btn {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.apply-btn {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.from-input {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  display: flex;
}

.to-input {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
}

.circle-filter-left {
  z-index: 1;
  background-color: var(--_color---color-contrast);
  border-radius: 100px;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  inset: -27% auto auto 5%;
}

.circle-filter-right {
  z-index: 1;
  background-color: var(--_color---color-button-primary);
  border-radius: 100px;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  inset: -27% 5% 0% auto;
}

.bar-filter {
  width: 22rem;
  height: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-giant);
  background-image: linear-gradient(225deg, #c6f220, #01dc94);
  position: absolute;
  inset: 23% auto 0% 33px;
}

.modal-export {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-export {
  z-index: 1;
  width: 28.81rem;
  max-width: 100%;
  height: auto;
  min-height: 100px;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.main-content-export {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.export-type {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.export-title {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.export-button {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.csv-btn {
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-text-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/csv-icon.svg');
  background-position: 35%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 16px;
  display: flex;
}

.xlsx-btn {
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-text-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/xlsx-icon.svg');
  background-position: 30%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 16px;
  display: flex;
}

.buttons-export {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.cancel-btn {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.export-btn {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.breadcrumb-text-mobile {
  font-family: var(--_size---font-body);
  color: var(--dark-gray-text);
  line-height: var(--_size---font-size-s);
  display: none;
}

.breadcrumb-text-variant {
  font-family: var(--_size---font-body);
  color: var(--dark-gray-text);
  line-height: var(--_size---font-size-s);
  text-decoration: none;
}

.amount-detail {
  width: 100%;
  padding-right: var(--_size---padding-0);
  padding-bottom: var(--_size---padding-small);
  padding-left: var(--_size---padding-0);
  border-bottom: 1px solid var(--_color---color-button-disabled);
  font-family: var(--_size---font-display);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.receiver-icon {
  width: 3.37rem;
  height: 3.37rem;
}

.text-receiver {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
}

.amount-content {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  display: flex;
  position: relative;
}

.heading-9 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.left-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.transaction-spidi-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.text-span-3 {
  font-size: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-bold);
}

.amount-detail-text {
  padding-right: var(--_size---padding-0);
  padding-left: var(--_size---padding-0);
  font-family: var(--_size---font-display);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.amount-detail-left {
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.back-btn {
  width: 100%;
}

.detail-transactions-wrapped {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100vh;
  margin-top: var(--_size---padding-0);
  margin-bottom: var(--_size---padding-0);
  padding-top: var(--_size---padding-xsmall);
  padding-right: var(--_size---padding-xxmedium);
  padding-bottom: var(--_size---padding-xsmall);
  clear: none;
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.detail-container {
  width: 100%;
  height: auto;
  margin-bottom: var(--_size---padding-0);
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-surface);
  border-radius: .62rem;
  flex-flow: column;
  display: flex;
}

.detail-transaction-card {
  width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 764px 214px #00464900, 0 489px 196px #00464900, 0 275px 165px #00464905, 0 122px 122px #00464908, 0 31px 67px #00464908;
}

.net-amount {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.detail-property {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
}

.propety-value {
  flex-flow: wrap-reverse;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
  position: relative;
}

.propety-value.payer-user, .propety-value.payer-cripto, .propety-value.payer-cripto.crypto-mount, .propety-value.payer-cripto.crypto-rates, .propety-value.payer-cripto.crypto-reference {
  display: none;
}

.amount-value {
  font-family: var(--_size---font-display);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
}

.detail-value {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
}

.detail-value.identifier {
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 40rem;
  overflow: hidden;
}

.property-value-top {
  width: 100%;
  padding-bottom: var(--_size---padding-0);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-bottom: 1px none var(--_color---color-gray);
  flex-flow: column;
  display: flex;
}

.property-value-bottom {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: flex;
}

.user-receiver {
  width: 2.25rem;
  height: 2.25rem;
  display: none;
}

.favorite-icon {
  display: block;
}

.user-value {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.copy-link-content {
  height: 2.69rem;
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-text-terciary);
  border-radius: .62rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.copy-btn {
  border-style: solid;
  border-width: 1px 0 0 1px;
  border-color: var(--_color---color-gray);
  background-color: var(--_color---color-terciary);
  width: 6.25em;
  height: 2.62rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-success);
  font-weight: var(--_size---font-weight-semibold);
  cursor: pointer;
  border-top-right-radius: .62rem;
  border-bottom-right-radius: .62rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.text-link {
  width: 30rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.copy-link-mobile {
  height: 2.69rem;
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-gray);
  border-radius: .62rem;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.section-transaction-detail {
  width: auto;
  height: auto;
  min-height: 100vh;
  margin-right: var(--_size---padding-0);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  font-size: var(--_size---font-size-s);
  background-image: none;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.favoritos {
  cursor: pointer;
  display: none;
}

.mispidi-wrapped {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100vh;
  margin-top: var(--_size---padding-0);
  margin-bottom: var(--_size---padding-0);
  padding-top: var(--_size---padding-xsmall);
  padding-bottom: var(--_size---padding-xsmall);
  clear: none;
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: flex;
  position: relative;
  inset: 0% 0% 0% auto;
  overflow: auto;
}

.header-spidi-center-mobile-copy, .header-mispidi-mobile {
  display: none;
}

.header-mispidi {
  width: 100%;
  max-width: none;
  height: 3.13rem;
  padding-right: var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: wrap-reverse;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: static;
  top: 15px;
}

.user-photo-header {
  width: 3.12rem;
  height: 3.12rem;
}

.user-info-header {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.user-name-header {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
}

.user-name-content {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  justify-content: center;
  align-items: center;
  height: 1.56rem;
  display: flex;
}

.badges-user-header {
  padding-bottom: var(--_size---padding-small);
}

.welcome-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.user-content-header {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.transacciones-active {
  width: 14.62rem;
  height: 2.25rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  border-radius: .31rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mi-spidi-active {
  width: 14.62rem;
  height: 2.25rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  border-radius: .3rem;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.selected-mispidi {
  background-color: var(--_color---color-terciary);
  border-top-right-radius: 3.12rem;
  border-bottom-right-radius: 3.12rem;
  width: .4rem;
  height: 1.75rem;
  display: none;
  position: absolute;
  inset: 15% auto 0% -8.5%;
}

.selected-request-payment {
  background-color: var(--_color---color-terciary);
  border-top-right-radius: 3.12rem;
  border-bottom-right-radius: 3.12rem;
  width: .4rem;
  height: 1.75rem;
  display: none;
  position: absolute;
  inset: 37% auto 0% -8.5%;
}

.selected-transaction {
  background-color: var(--_color---color-terciary);
  border-top-right-radius: 3.12rem;
  border-bottom-right-radius: 3.12rem;
  width: .4rem;
  height: 1.75rem;
  display: none;
  position: absolute;
  inset: 61% auto 0% -8.5%;
}

.selected-transaction.admin {
  top: 46%;
}

.selected-express {
  background-color: var(--_color---color-terciary);
  border-top-right-radius: 3.12rem;
  border-bottom-right-radius: 3.12rem;
  width: .4rem;
  height: 1.75rem;
  display: none;
  position: absolute;
  inset: 83% auto 0% -8.5%;
}

.solicitud-pagos-active {
  width: 14.62rem;
  height: 2.25rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  border-radius: .3rem;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.transaction {
  width: 14.62rem;
  height: 2.25rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  border-radius: .31rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spidi-express-active {
  width: 14.62rem;
  height: 2.25rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  border-radius: .3rem;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.spidi-express-text-active, .transacciones-text-active, .request-text-active, .mi-spidi-text-active {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.mispidi-bg {
  width: 95%;
  position: absolute;
  inset: auto auto 0%;
}

.heading-content {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  display: flex;
}

.main-text-spidi {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.span-title {
  color: var(--_color---color-text-primary);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(95deg, #01dc94, #c6f221);
  -webkit-background-clip: text;
  background-clip: text;
}

.secondary-text-spidi {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.tertiary-text-spidi {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.share-content {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.top-content-spidi {
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.bottom-content-spidi {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.spidi-card-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-10 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.spidi-main-content {
  grid-column-gap: var(--_size---padding-xxmedium);
  grid-row-gap: var(--_size---padding-xxmedium);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: sticky;
  top: 15px;
}

.text-content-spidi {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  display: flex;
}

.spidi-card {
  z-index: auto;
  display: block;
  position: relative;
  overflow: clip;
  box-shadow: 0 255px 71px #00464900, 0 163px 65px #00464900, 0 92px 55px #00464905, 0 41px 41px #00464908, 0 10px 22px #00464908;
}

.spidi-setting-btn {
  background-color: var(--_color---color-primary);
  width: 15rem;
  height: 2.5rem;
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .3rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.card-spidi-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  position: relative;
}

.color-picker {
  grid-column-gap: var(--_size---padding-xxmedium);
  grid-row-gap: var(--_size---padding-xxmedium);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.picker {
  border: 1px solid var(--_color---color-button-disabled);
  border-radius: 100px;
  width: 3.56rem;
  height: 3.56rem;
  display: none;
  position: absolute;
  inset: -9% 0% 0% -2%;
}

.bottom-buttons {
  grid-column-gap: var(--_size---padding-xxmedium);
  grid-row-gap: var(--_size---padding-xxmedium);
  justify-content: center;
  align-items: center;
  display: flex;
}

.download-btn {
  width: 11rem;
  height: 2.8rem;
  padding: 0px 0px 0px var(--_size---padding-xmedium);
  background-color: var(--_color---color-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/download_1.svg');
  background-position: 25%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 20px 6px #00464900, 0 13px 5px #00464900, 0 7px 4px #00464905, 0 3px 3px #00464908, 0 1px 2px #00464908;
}

.print-btn {
  width: 11rem;
  height: 2.8rem;
  padding: 0px 0px 0px var(--_size---padding-xmedium);
  background-color: var(--_color---color-primary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/printer.svg');
  background-position: 25%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 20px 6px #00464900, 0 13px 5px #00464900, 0 7px 4px #00464905, 0 3px 3px #00464908, 0 1px 2px #00464908;
}

.mispidi-bg-mobile {
  display: none;
}

.modal-filters-copy, .modal-transaction-filter {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-filter {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.main-content-filter {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.buttons-filter {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  display: flex;
}

.modal-mispidi-settings {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-filter-copy, .modal-content-settings {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.main-content-settings {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.buttons-filter-copy, .buttons-settings {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  display: flex;
}

.title-modal-filter-copy, .title-modal-settings {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.modal-title-settings {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.toggle-switch {
  background-color: var(--_color---color-contrast);
  cursor: pointer;
  border-radius: 600rem;
  justify-content: flex-end;
  align-items: center;
  width: 2.25rem;
  height: 1.25rem;
  padding: .125rem;
  display: flex;
}

.toggle-btn {
  background-color: var(--_color---color-bg-secondary);
  border-radius: 600rem;
  width: 1rem;
  height: 1rem;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.on-off-mispidi {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  display: flex;
}

.on-off-content {
  flex-flow: column;
  display: flex;
}

.on-off-title {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-medium);
}

.toggle-title {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
}

.toggle-subtitle {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-xl);
}

.modal-settings-title {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.modal-text-settings {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.modal-text-content {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  display: flex;
}

.bank-picker {
  width: 26.37rem;
  height: 6.25rem;
  padding: var(--_size---padding-small);
  border: 1px solid var(--_color---color-divider);
  background-color: var(--_color---color-bg-card);
  border-radius: .75rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bank-info {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  display: flex;
  position: relative;
}

.bank-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
}

.bank-content {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  display: flex;
}

.link-3 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  text-decoration: none;
}

.bank-wrapped {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  display: flex;
}

.picker-bank {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  cursor: pointer;
  text-decoration: none;
}

.bank-select {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: none;
}

.select-bank {
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-bg-secondary);
  border-radius: .31rem;
  height: 2.5rem;
  margin-bottom: 0;
}

.profile-mispidi {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  display: flex;
}

.profile-content {
  flex-flow: column;
  display: flex;
}

.phone-setting {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.phone-input-setting {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  margin-bottom: 0;
}

.div-block-26 {
  display: flex;
}

.div-block-27 {
  display: none;
}

.close-modal {
  cursor: pointer;
}

.ref-detail {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.ref-bcv-content {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  display: flex;
}

.title-payer {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
}

.phone-wrapped {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.email-setting {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.email-input-setting {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-medium);
  text-overflow: ellipsis;
  border-radius: .31rem;
  margin-bottom: 0;
}

.instagram-wrapped {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.instagram-setting {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.instagram-input-setting {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-medium);
  text-overflow: ellipsis;
  border-radius: .31rem;
  margin-bottom: 0;
}

.x-wrapped {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.x-setting {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.correo-wrapped {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.main-menu-transaction {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sidebar-copy {
  z-index: 1;
  width: 17.12rem;
  height: 100vh;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-text-terciary);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: sticky;
  inset: 0 auto auto;
  box-shadow: -43px 302px 85px #00464900, -28px 193px 78px #00464903, -16px 109px 66px #00464908, -7px 48px 49px #0046490d, -2px 12px 27px #0046490f;
}

.sidebar-mispidi {
  z-index: 1;
  width: 17.12rem;
  height: 100vh;
  min-height: 100vh;
  padding: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-text-terciary);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: sticky;
  inset: 0 auto auto;
  box-shadow: -43px 302px 85px #00464900, -28px 193px 78px #00464903, -16px 109px 66px #00464908, -7px 48px 49px #0046490d, -2px 12px 27px #0046490f;
}

.sidebar-mispidi-content {
  grid-column-gap: var(--_size---padding-0);
  grid-row-gap: var(--_size---padding-0);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 56rem;
  display: flex;
}

.sidebar-mispidi-top {
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.sidebar-mispidi-menu {
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.sidebar--mispidi-menu-top {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  width: 14.6rem;
  display: flex;
}

.main-menu-mispidi {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mi-spidi-option {
  width: 14.62rem;
  height: 1.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: #0000;
  border-radius: .3rem;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.mi-spidi-active-option {
  width: 14.62rem;
  height: 2.25rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  border-radius: .3rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.transaction-option {
  width: 14.62rem;
  height: 1.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: #0000;
  border-radius: .31rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.transaction-option-active {
  width: 14.62rem;
  height: 2.25rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  border-radius: .31rem;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.image-31 {
  position: absolute;
}

.image-32 {
  position: relative;
}

.spidi-iso {
  width: 12rem;
}

.main-content-store {
  z-index: 1;
  width: 44.37rem;
  margin: -177px auto var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 39% 0% auto;
}

.spidi-store-container {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
  position: sticky;
}

.section-spidi-store {
  width: 100vw;
  height: auto;
  min-height: 100vh;
  padding-bottom: var(--_size---padding-xxlarge);
}

.card-amount-store {
  width: 44.37rem;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  box-shadow: 0 399px 112px #00464900, 0 255px 102px #00464900, 0 144px 86px #00464905, 0 64px 64px #00464908, 0 16px 35px #02373d08;
}

.card-amount-store.card-amount-request {
  margin-top: var(--_size---padding-small);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-focus);
}

.card-amount-store.card-spidi-store {
  padding-top: var(--_size---padding-medium);
  padding-bottom: var(--_size---padding-xlarge);
  line-height: var(--_size---font-size-m);
}

.card-amount-store.card-spidi-store.card-store-feria {
  display: none;
}

.title-amount-store {
  width: 30rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.text-span-4 {
  padding-top: var(--_size---padding-xxsmall);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  display: flex;
}

.toggle-amount-store {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 17.75rem;
  display: flex;
  position: relative;
}

.main-wrapped-store {
  grid-column-gap: var(--_size---padding-xxmedium);
  grid-row-gap: var(--_size---padding-xxmedium);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.main-wrapped-store.form-card-dates {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--_color---color-secondary);
  border-radius: .62rem 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 17.81rem;
  padding-top: 0;
}

.ref-currency {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 17.75rem;
  display: flex;
  position: relative;
}

.bs-ref {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  display: none;
}

.usd-ref {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  display: flex;
  position: static;
}

.bs-ref-desabled {
  cursor: pointer;
  display: block;
}

.items-list-store {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: flex;
}

.item-content-store {
  width: 20.5rem;
  height: 4.25rem;
  padding: var(--_size---padding-xxsmall) var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-0);
  grid-row-gap: var(--_size---padding-0);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  justify-content: space-between;
  align-items: center;
  display: flex;
  box-shadow: 0 0 4px #00464926;
}

.item-content-store:active, .item-content-store:focus {
  background-color: var(--_color---color-focus);
  outline-color: var(--_color---color-outline-focus);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
}

.footer-store {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-footer-store {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
}

.link-footer-store {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
}

.container-top-store {
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.form-content-store {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.form-store {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20.5rem;
  padding-top: 0;
  display: flex;
}

.input-store {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.form-medium-store {
  grid-column-gap: var(--_size---padding-0);
  grid-row-gap: var(--_size---padding-0);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 20.5rem;
  padding-top: .25rem;
  display: flex;
}

.input-medium-store {
  width: 20.5rem;
  height: 3.12rem;
  padding: 0px var(--_size---padding-xsmall);
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-style: solid none solid solid;
  border-width: 1px 0 1px 1px;
  border-color: var(--_color---color-secondary);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 1px 2px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  object-fit: fill;
  border-top-left-radius: .625rem;
  border-bottom-right-radius: 0;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: static;
  overflow: visible;
}

.input-medium-store:hover {
  color: var(--_color---color-secondary);
}

.input-medium-store:active {
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
}

.input-medium-store:focus {
  border-color: var(--_color---color-secondary);
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.input-medium-store:focus-visible, .input-medium-store[data-wf-focus-visible] {
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.input-medium-store::placeholder {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
}

.input-medium-store.txt-email {
  border: 1px solid var(--_color---color-text-secondary);
  border-top-right-radius: .6rem;
  border-bottom-left-radius: var(--_size---border-radius-medium);
  box-shadow: none;
  border-bottom-right-radius: .6rem;
}

.form-success-copy, .store-form {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20.5rem;
  padding-top: 0;
  display: flex;
}

.payment-button {
  width: 20.5rem;
  height: 3.5rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium);
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-l);
  line-height: var(--_size---font-size-l);
  font-weight: var(--_size---font-weight-semibold);
  border-radius: .62rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bottom-text-store {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.main-store {
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  flex-flow: column;
  display: flex;
}

.form-block-6 {
  margin-bottom: 0;
}

.form-block {
  display: flex;
}

.form-block-8, .form-block-9 {
  margin-bottom: 0;
}

.icon-content-detail {
  padding-right: var(--_size---padding-medium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-right: 1px solid var(--_color---color-text-secondary);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.solicitud-pagos-option {
  height: 1.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.solicitud-pagos-option-active {
  width: 14.62rem;
  height: 2.25rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  border-radius: .3rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.transacciones-option {
  width: 14.62rem;
  height: 1.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: #0000;
  border-radius: .31rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.transacciones-option-active {
  width: 14.62rem;
  height: 2.25rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  border-radius: .31rem;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.payment-request-content {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: wrap-reverse;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.payment-quest-button {
  width: 17rem;
  height: 3.68rem;
  padding: 0px var(--_size---padding-small) 0px 0px;
  background-color: var(--_color---color-primary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  background-image: url('../images/plus.svg');
  background-position: 5%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.transaction-filters-copy {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  display: flex;
}

.request-filters {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  display: flex;
}

.request-filter-left {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.request-filter-right {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.payment-request-tab.w--current {
  background-color: var(--_color---color-terciary);
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  width: 8.9rem;
  height: 1.25rem;
  padding: .18em 1rem .18rem;
  display: flex;
  box-shadow: 0 8px 2px #00464900, 0 5px 2px #00464903, 0 3px 2px #0046490d, 0 1px 1px #00464917, 0 0 1px #0046491a;
}

.stop-tab {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.tabs-menu {
  width: 20.06rem;
  height: 2rem;
  padding: .37rem var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: #f3f3f3;
  border-radius: 6.25rem;
  justify-content: flex-start;
  align-items: center;
  display: none;
  box-shadow: 0 0 4px #00464926;
}

.text-block-5 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
}

.text-block-6 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.tabs-2 {
  display: flex;
}

.request-filters-mobile {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 2rem;
  display: none;
}

.transaction-filter-left-copy, .request-filter-left-mobile {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 36.5rem;
  height: auto;
  display: flex;
}

.request-search-mobile {
  justify-content: flex-start;
  align-items: center;
  width: 13.56rem;
  margin-bottom: 0;
  display: flex;
}

.request-input-search {
  width: 11.3rem;
  height: 2rem;
  padding-right: var(--_size---padding-xxsmall);
  padding-left: var(--_size---padding-small);
  border: 1px solid var(--_color---color-text-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  text-align: left;
  border-radius: .3rem 0 0 .3rem;
  margin-bottom: 0;
}

.request-tab-mobile {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.request-table {
  background-color: var(--_color---color-bg-secondary);
  border-radius: .62rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  box-shadow: 0 764px 214px #00464900, 0 489px 196px #00464900, 0 275px 165px #00464905, 0 122px 122px #00464908, 0 31px 67px #00464908;
}

.th-6 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 7.38rem;
  height: 1.19rem;
  display: flex;
}

.request-th-2 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 10rem;
  height: 1.19rem;
  display: flex;
}

.request-th-3, .request-th-4 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 5.5rem;
  height: 1.19rem;
  display: flex;
}

.request-th-5 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 5rem;
  height: 1.19rem;
  display: flex;
}

.request-th-6 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 7.38rem;
  height: 1.19rem;
  display: flex;
}

.td-6 {
  grid-column-gap: .12rem;
  grid-row-gap: .12rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 7.38rem;
  display: flex;
}

.request-td-1 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 7.3rem;
  height: auto;
  display: flex;
}

.request-thead {
  width: 100%;
  max-width: none;
  height: 2rem;
  padding-right: var(--_size---padding-small);
  padding-left: var(--_size---padding-small);
  background-color: var(--_color---color-terciary);
  border-radius: .32rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.request-tr {
  width: 100%;
  max-width: none;
  height: 4.45rem;
  padding-right: var(--_size---padding-small);
  padding-left: var(--_size---padding-small);
  border-bottom: 1px solid var(--_color---color-button-disabled);
  cursor: pointer;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: none;
  position: relative;
}

.request-tr:hover {
  border-bottom-color: var(--_color---color-terciary);
  background-color: var(--_color---color-focus);
}

.th-1-copy {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 10.75rem;
  height: 1.19rem;
  display: flex;
}

.th-1 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 8rem;
  height: 1.19rem;
  display: flex;
}

.request-td-2 {
  width: 10.2rem;
}

.request-td-3, .request-td-4 {
  width: 6.5rem;
}

.request-td-5 {
  grid-column-gap: .12rem;
  grid-row-gap: .12rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 5rem;
  display: flex;
}

.request-td-6 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 7.38rem;
  display: flex;
}

.share {
  cursor: pointer;
}

.delete {
  display: flex;
}

.last-request-tr {
  width: 100%;
  max-width: none;
  height: 4.45rem;
  padding-right: var(--_size---padding-small);
  padding-left: var(--_size---padding-small);
  border-bottom: 0px solid var(--_color---color-button-disabled);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: none;
}

.last-request-tr:hover {
  border-bottom-color: var(--_color---color-terciary);
  background-color: var(--_color---color-focus);
}

.td-amount {
  font-family: var(--_size---font-body);
  color: var(--color-text-dar-gray);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: none;
  overflow: hidden;
}

.th-2-copy {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 6.5rem;
  height: 1.19rem;
  display: flex;
}

.th-3-copy {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 7.4rem;
  height: 1.19rem;
  display: flex;
}

.request-th-1-mobile {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 6rem;
  height: 1.19rem;
  display: flex;
}

.request-th-2-mobile {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 6.5rem;
  height: 1.19rem;
  display: flex;
}

.request-th-3-mobile {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 7.4rem;
  height: 1.19rem;
  display: flex;
}

.request-th-5-mobile {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 7.38rem;
  height: 1.19rem;
  display: flex;
}

.payment-request-wrapped {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100vh;
  margin-top: var(--_size---padding-0);
  margin-bottom: var(--_size---padding-0);
  padding-top: var(--_size---padding-xsmall);
  padding-bottom: var(--_size---padding-xsmall);
  clear: none;
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  margin-left: 0;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.request-table-mobile {
  display: none;
}

.input-search-copy {
  width: 11.3rem;
  height: 2rem;
  padding-right: var(--_size---padding-xxsmall);
  padding-left: var(--_size---padding-small);
  border: 1px solid var(--_color---color-text-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  text-align: left;
  border-radius: .3rem 0 0 .3rem;
  margin-bottom: 0;
}

.request-search-input {
  width: 11.3rem;
  height: 2rem;
  padding-right: var(--_size---padding-xxsmall);
  padding-left: var(--_size---padding-small);
  border: 1px solid var(--_color---color-text-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  text-align: left;
  text-overflow: ellipsis;
  border-radius: .3rem 0 0 .3rem;
  margin-bottom: 0;
}

.tabs-content-2 {
  display: none;
}

.request-thead-mobile {
  height: 2rem;
  padding-right: var(--_size---padding-small);
  padding-left: var(--_size---padding-small);
  background-color: var(--_color---color-terciary);
  border-radius: .32rem;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.request-th-1-copy {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 7rem;
  height: 1.19rem;
  display: flex;
}

.card-request-creation {
  padding: 2.5rem var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  border-radius: 1.25rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  box-shadow: 0 766px 214px #00464900, 0 490px 196px #00464900, 0 276px 165px #00464905, 0 123px 123px #00464908, 0 31px 67px #00464908;
}

.form-request-creation {
  padding-right: var(--_size---padding-medium);
  padding-left: var(--_size---padding-medium);
  grid-column-gap: 5.5rem;
  grid-row-gap: 5.5rem;
  border-left: 1px none var(--_color---color-divider);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.options-request-creation {
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  border-right: 1px solid var(--_color---color-divider);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 24.5rem;
  display: flex;
}

.search-users {
  width: 10.94rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium) var(--_size---padding-xsmall) var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.enter-data {
  width: 10.94rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-xxmedium) var(--_size---padding-xsmall) var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.added-request {
  width: 10.94rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-small) var(--_size---padding-xsmall) var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.request-creation-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  text-decoration: none;
  display: flex;
}

.request-creation-active-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  text-decoration: none;
}

.search-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  text-decoration: none;
  display: flex;
}

.search-active-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  text-decoration: none;
  display: flex;
}

.data-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  text-decoration: none;
  display: flex;
}

.data-active-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  text-decoration: none;
}

.add-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  text-decoration: none;
  display: flex;
}

.add-active-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  text-decoration: none;
  display: flex;
}

.enter-data-active {
  width: 10.94rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-xxmedium) var(--_size---padding-xsmall) var(--_size---padding-xsmall);
  border-right: 2px solid var(--_color---color-contrast);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.enter-data-active-copy {
  padding: var(--_size---padding-xsmall) var(--_size---padding-xxmedium) var(--_size---padding-xsmall) var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.added-request-active {
  width: 10.94rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-small) var(--_size---padding-xsmall) var(--_size---padding-xsmall);
  border-right: 2px solid var(--_color---color-contrast);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.search-users-active {
  width: 10.94rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium) var(--_size---padding-xsmall) var(--_size---padding-xsmall);
  border-right: 2px solid var(--_color---color-contrast);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.header-add-request {
  border-bottom: 1px solid var(--_color---color-divider);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.user-add-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
}

.user-request-content {
  padding-bottom: var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: center;
  align-items: center;
  display: flex;
}

.ref-select-request {
  width: 8.2rem;
  height: 2rem;
  padding-left: var(--_size---padding-medium);
  border: 0px solid var(--_color---color-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/bs.avif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  font-size: .8rem;
  line-height: .73rem;
  display: flex;
}

.form-creation {
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  flex-flow: wrap-reverse;
  display: flex;
}

.form-creation.store {
  flex-flow: column;
}

.form-block-10 {
  margin-bottom: 0;
}

.input-request {
  width: 19.5rem;
  height: 3.5rem;
  padding: 0px var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-gray);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  text-align: left;
  border-radius: .31rem;
  margin-bottom: 0;
}

.input-request:hover {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.input-request:active {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.input-request:focus, .input-request:focus-visible, .input-request[data-wf-focus-visible] {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.text-field-5, .form-block-11, .text-field-6, .text-field-7 {
  margin-bottom: 0;
}

.label-request {
  padding-bottom: var(--_size---padding-0);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  margin-bottom: 0;
}

.form-request {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: flex;
}

.description-input, .identificator-input, .amount-input, .concept-input {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  display: flex;
}

.request-creation-buttons {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.request-back-button {
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 19px 5px #00464900, 0 12px 5px #00464900, 0 7px 4px #00464905, 0 3px 3px #00464908, 0 1px 2px #00464908;
}

.request-next-button {
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.81rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 19px 5px #00464900, 0 12px 5px #00464900, 0 7px 4px #00464905, 0 3px 3px #00464908, 0 1px 2px #00464908;
}

.form-top-elements {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.card-add-request {
  padding: 2.5rem var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  border-radius: 1.25rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  box-shadow: 0 766px 214px #00464900, 0 490px 196px #00464900, 0 276px 165px #00464905, 0 123px 123px #00464908, 0 31px 67px #00464908;
}

.added-request-creation {
  width: 100%;
  padding-right: var(--_size---padding-medium);
  padding-left: var(--_size---padding-medium);
  grid-column-gap: 5.5rem;
  grid-row-gap: 5.5rem;
  border-left: 1px none var(--_color---color-divider);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.add-top-elements {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.description-content {
  padding-bottom: var(--_size---padding-0);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.add-request-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
}

.header-added-request {
  border-bottom: 1px none var(--_color---color-divider);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.added-user {
  width: 100%;
  height: 4.25rem;
  padding: .25rem var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: var(--_color---color-focus);
  border-radius: .62rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  box-shadow: 0 23px 6px #00464900, 0 15px 6px #00464900, 0 8px 5px #00464905, 0 4px 4px #00464908, 0 1px 2px #00464908;
}

.added-user-info {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.user-info-text, .amount-info-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
}

.edit-delete {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  display: flex;
}

.amount-container {
  width: 100%;
  padding: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-primary);
  background-color: var(--_color---color-bg-secondary);
  border-radius: .31rem;
  flex-flow: column;
  display: flex;
}

.ref-info {
  flex-flow: wrap-reverse;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.bcv-info {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.amount-info-copy {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.amount-info {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.added-value {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
}

.added-property {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
}

.added-total-amount {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
}

.checkbox-field {
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.checkbox-added-rate {
  border: 1px solid var(--_color---color-gray-medium);
  border-radius: .37rem;
  width: 1.37rem;
  height: 1.37rem;
  margin-top: 0;
}

.checkbox-added-rate:active, .checkbox-added-rate.w--redirected-checked {
  background-color: var(--_color---color-primary);
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-size: 1rem 1rem;
}

.added-checkbox-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  margin-bottom: 0;
}

.form-block-12 {
  margin-bottom: 0;
  display: none;
}

.bank-change {
  padding: var(--_size---padding-small);
  border: 1px solid var(--_color---color-button-disabled);
  background-color: var(--_color---color-bg-card);
  border-radius: .75rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bank-name {
  width: 10rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.account-name {
  width: 10rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.bank-container {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.change-bank-button {
  background-color: var(--_color---color-primary);
  width: 10.93rem;
  height: 2.18rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 20px 6px #00464900, 0 13px 5px #00464900, 0 7px 4px #00464905, 0 3px 3px #00464908, 0 1px 2px #00464908;
}

.user-info-wrapped {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  display: flex;
  position: relative;
}

.icon-user {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-28 {
  display: flex;
}

.main-content-step-1 {
  z-index: 1;
  width: 44.37rem;
  margin: -186px auto var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 39% 0% auto;
  overflow: visible;
}

.card-container {
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  display: flex;
}

.spidi-card-container {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.qr-info-container {
  z-index: 4;
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 16rem;
  display: flex;
  position: absolute;
}

.qr-logo {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.info-user {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  display: flex;
  position: relative;
}

.user-name-card {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  text-align: center;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: normal;
  overflow: visible;
}

.user-name-card.commerce_short_name {
  white-space: nowrap;
  width: 9rem;
  overflow: hidden;
}

.id-user-card {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  text-align: center;
}

.id-user-card.commerce_rif {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 9rem;
  overflow: hidden;
}

.profile-name-card {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  text-align: center;
}

.profile-name-card.commerce_short_alias {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 9rem;
  overflow: hidden;
}

.spidi-card-2, .spidi-card-3 {
  z-index: auto;
  display: none;
  position: relative;
  box-shadow: 0 255px 71px #00464900, 0 163px 65px #00464900, 0 92px 55px #00464905, 0 41px 41px #00464908, 0 10px 22px #00464908;
}

.change-design {
  cursor: pointer;
}

.icon_spidi {
  width: 5.62rem;
  height: 5.62rem;
}

.badges-enviroments {
  z-index: 10;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--_color---color-secondary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1.8rem;
  display: none;
  position: sticky;
  top: 0;
}

.enviroments-text {
  font-family: var(--_size---font-display);
  color: var(--_color---color-focus);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.logo-gradient {
  width: 6rem;
  height: 1.8rem;
}

.sandbox-enviroment, .staging-enviroment {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.heading-11 {
  display: none;
}

.glass-bg {
  width: 100%;
  height: 100vh;
  position: absolute;
}

.main-content-404 {
  z-index: 1;
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

._404 {
  filter: drop-shadow(0 8px 18px #00464933) drop-shadow(0 33px 33px #0046492b) drop-shadow(0 74px 44px #0046491a) drop-shadow(0 131px 52px #00464908) drop-shadow(0 204px 57px #00464900);
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14rem;
  line-height: 11rem;
}

.heading-12 {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-8 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-bottom: 0;
}

.colibri-img {
  width: 15.56rem;
  position: absolute;
  inset: -53% auto auto -22%;
}

.cunaguaro-img {
  z-index: 1;
  width: 21rem;
  height: 14.37rem;
  position: absolute;
  inset: 154px -34% 0% auto;
}

._404-btn {
  background-color: var(--_color---color-secondary);
  width: 20.12rem;
  height: 3.68rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  text-align: center;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-404 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.checkbox-product {
  width: 100%;
  padding-top: var(--_size---padding-0);
  padding-bottom: 0;
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.checkbox-product.check-payment-bank-data-parent {
  justify-content: flex-start;
  align-items: center;
  width: 17.81rem;
}

.form-check-product {
  width: 100%;
  margin-bottom: 0;
  display: none;
}

.form-3, .check-product {
  width: 100%;
}

.check-prodcut {
  width: var(--_size---padding-xxmedium);
  height: var(--_size---padding-xxmedium);
  border: 1px solid var(--_color---color-secondary);
  background-color: var(--_color---color-bg-secondary);
  cursor: pointer;
  border-radius: 100px;
  margin-top: 0;
  margin-left: -15px;
}

.check-prodcut:hover {
  background-color: var(--_color---color-focus);
}

.check-prodcut:active {
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
}

.check-prodcut.w--redirected-checked {
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  background-image: url('../images/check.svg');
  background-position: 50%;
  margin-top: 0;
}

.check-prodcut.check-payment-bank-data {
  width: var(--_size---padding-xxmedium);
  height: var(--_size---padding-xxmedium);
  border-color: var(--_color---color-text-secondary);
  border-radius: 20px;
}

.check-prodcut.check-payment-bank-data:active {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-size: 1rem 1rem;
  background-clip: border-box;
}

.check-prodcut.check-onboarding {
  width: var(--_size---padding-medium);
  height: var(--_size---padding-xxmedium);
  border-radius: 20px;
}

.check-prodcut.check-onboarding:active {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-size: cover;
  background-clip: border-box;
}

.checkbox-product-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  margin-bottom: 0;
}

.detail-request-card {
  width: auto;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 764px 214px #00464900, 0 489px 196px #00464900, 0 275px 165px #00464905, 0 122px 122px #00464908, 0 31px 67px #00464908;
}

.icon-request-detail {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-right: 0px none var(--_color---color-text-secondary);
  justify-content: center;
  align-items: center;
  padding-right: 0;
  display: flex;
  position: relative;
}

.active-icon {
  width: 3.37rem;
  height: 3.37rem;
}

.expired-icon, .payed-icon {
  display: none;
}

.bcv-detail {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.amount-request-detail-text {
  padding-right: var(--_size---padding-0);
  padding-left: var(--_size---padding-0);
  font-family: var(--_size---font-display);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.amount-request-detail {
  width: 100%;
  padding-right: var(--_size---padding-0);
  padding-bottom: var(--_size---padding-small);
  padding-left: var(--_size---padding-0);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-bottom: 1px solid var(--_color---color-button-disabled);
  font-family: var(--_size---font-display);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.badges-date-content {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  display: flex;
  position: relative;
}

.badges-single-request {
  width: 5.37rem;
  height: 1.19rem;
  padding-top: var(--_size---padding-tiny);
  border: 1px solid var(--_color---badge-border-success);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 0;
  line-height: 0;
  display: flex;
}

.badges-single-request-text {
  color: var(--_color---color-text-success);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  text-align: center;
}

.date-detail {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.qr-request-detail {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border: 1px solid var(--_color---color-gray);
  border-radius: .62rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 18rem;
  padding: 1.62rem 3.97rem;
  display: flex;
}

.qr-code {
  position: relative;
}

.request-detail-container {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.download-button {
  background-color: var(--_color---color-terciary);
  width: 100%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-s);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 23px 7px #00464900, 0 15px 6px #00464903, 0 8px 5px #0046490d, 0 4px 4px #00464917, 0 1px 2px #0046491a;
}

.share-btn {
  background-color: var(--_color---color-primary);
  width: 100%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-s);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 23px 7px #00464900, 0 15px 6px #00464903, 0 8px 5px #0046490d, 0 4px 4px #00464917, 0 1px 2px #0046491a;
}

.description-actions {
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
  position: relative;
}

.request-description {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-semibold);
}

.actions-content {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  display: flex;
}

.edit-request-icon {
  width: 2rem;
  height: 2rem;
}

.edit-request {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.share-request-icon, .expire-request-icon, .delete-request-icon {
  width: 2rem;
  height: 2rem;
}

.share-request, .expire-request, .delete-request {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.actions-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-medium);
  text-decoration: none;
}

.property-value-top-copy {
  padding-bottom: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-bottom: 1px dashed var(--_color---color-gray);
  flex-flow: column;
  display: flex;
}

.property-value-request {
  width: 100%;
  padding-bottom: var(--_size---padding-0);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-bottom: 1px none var(--_color---color-gray);
  flex-flow: column;
  display: flex;
}

.badge-state {
  width: 5.38rem;
  height: 1.18rem;
  padding-top: var(--_size---padding-tiny);
  border: 1px solid var(--_color---badge-border-info);
  background-color: var(--_color---badge-bg-info);
  border-radius: 1.25rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.state-request-text {
  color: var(--_color---badge-text-info);
  line-height: var(--_size---font-size-s);
}

.bank-commission-value {
  font-family: var(--_size---font-display);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
}

.amount-request-value {
  font-family: var(--_size---font-display);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
}

.form-4 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.minus-btn {
  width: var(--_size---padding-medium);
  height: var(--_size---padding-medium);
  background-color: var(--_color---color-button-disabled);
  color: var(--_color---color-secondary);
  line-height: 14px;
  font-weight: var(--_size---font-weight-semibold);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.plus-btn {
  width: var(--_size---padding-medium);
  height: var(--_size---padding-medium);
  background-color: var(--_color---color-primary);
  color: var(--_color---color-secondary);
  line-height: 14px;
  font-weight: var(--_size---font-weight-semibold);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.form-block-13 {
  margin-bottom: 0;
}

.number-entries {
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
}

.entries-content {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-block-mobile {
  margin-bottom: 0;
  display: none;
}

.skip-link {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.form-name {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.form-identification {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 17.81rem;
  padding-top: .25rem;
  display: flex;
}

.form-date {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.td-identificator {
  width: 8rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.link-home {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  text-decoration: none;
}

.link-transaction, .link-transaction.w--current {
  text-decoration: none;
}

.main-menu-title {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
}

.link-transaction-detail {
  text-decoration: none;
}

.text-link-mispidi {
  width: 49rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.text-link-mispidi.spidi_link {
  width: 16rem;
}

.empty-state {
  width: 30rem;
}

.div-block-30 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.empty-state-content {
  padding-top: var(--_size---padding-large);
  padding-bottom: var(--_size---padding-large);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.empty-state-title {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-semibold);
}

.empty-state-subtitle {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  text-align: center;
}

.empty-state-subtitle.store {
  width: 38rem;
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-s);
  line-height: 1.2rem;
}

.empty-state-text {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-toggle-3 {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-top: 0px none var(--_color---color-button-disabled);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 14.6rem;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.user-container {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  display: flex;
  position: relative;
}

.dropdown-user-menu {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  width: 14.6rem;
  height: 2.63rem;
  display: flex;
}

.dropdown-list-7 {
  background-color: var(--_color---color-bg-secondary);
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.icon-3 {
  transform: rotate(-180deg);
}

.settings-menu {
  height: 2.25rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  cursor: pointer;
  border-radius: .3rem;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.settings-menu:hover {
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.settings-menu-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
}

.settings-menu-text:hover {
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-regular);
}

.help-menu {
  height: 2.25rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  cursor: pointer;
  border-radius: .3rem;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: none;
}

.help-menu:hover {
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.log-out-menu {
  height: 2.25rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  cursor: pointer;
  border-radius: .3rem;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.log-out-menu:hover {
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.user-dropdown-list {
  padding-top: var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-top: 1px solid var(--_color---color-disabled);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.icon-4 {
  margin-top: 15px;
  margin-bottom: 0;
}

.link-request {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  text-decoration: none;
}

.link-request-creation, .link-request-creation.w--current, .link-request-creation.w.w--current {
  text-decoration: none;
}

.form-entries {
  margin-bottom: 0;
}

.form-entries-content {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.select-content {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-select {
  margin-bottom: 0;
}

.form-select-content {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-link-request {
  width: 28rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.div-block-31 {
  display: none;
}

.badges-enviroments-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--_color---color-secondary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1.8rem;
  display: flex;
  position: absolute;
  top: 0;
}

.staging-enviroment-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.enviroments-text-2 {
  font-family: var(--_size---font-display);
  color: var(--_color---color-focus);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.sandbox-enviroment-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.badges-enviroments-3 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--_color---color-secondary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1.8rem;
  display: none;
  position: absolute;
  top: 0;
}

.sandbox-enviroment-3, .sandbox-enviroment-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.td-text-amount, .td-text-ref {
  font-family: var(--_size---font-body);
  color: var(--color-text-dar-gray);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  text-overflow: ellipsis;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.items-button-store {
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  flex-flow: row;
  display: flex;
}

.general-button {
  background-color: var(--_color---color-button-disabled);
  width: 10rem;
  height: 6rem;
  box-shadow: 0 0 5px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-semibold);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.general-button:hover {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.general-button:active {
  border: 1px solid var(--_color---color-contrast);
}

.vip-button {
  background-color: var(--_color---color-button-disabled);
  width: 10rem;
  height: 6rem;
  box-shadow: 0 0 5px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-semibold);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vip-button:hover {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.vip-button:active {
  border: 1px solid var(--_color---color-contrast);
}

.text-span-5, .text-span-6 {
  font-weight: var(--_size---font-weight-regular);
}

.card-selection-store {
  width: 44.37rem;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  box-shadow: 0 399px 112px #00464900, 0 255px 102px #00464900, 0 144px 86px #00464905, 0 64px 64px #00464908, 0 16px 35px #02373d08;
}

.card-selection-store.card-amount-request {
  margin-top: var(--_size---padding-small);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-focus);
}

.card-selection-store.card-spidi-store {
  height: 18rem;
  margin-top: var(--_size---padding-small);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-text-terciary);
}

.close-modal-btn {
  cursor: pointer;
}

.buttons-navbar {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.button-navbar {
  background-color: var(--_color---color-secondary-variant);
  width: 8.5rem;
  height: 2.19rem;
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  font-weight: var(--_size---font-weight-medium);
  cursor: pointer;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  box-shadow: 0 16px 5px #00464900, 0 10px 4px #00464900, 0 6px 4px #00464905, 0 3px 3px #0003, 0 1px 1px #00464908;
}

.button-navbar.bg-colot {
  background-color: var(--_color---color-terciary);
  color: var(--_color---color-secondary);
  cursor: pointer;
}

.button-signup {
  background-color: var(--_color---color-secondary-variant);
  width: 8.5rem;
  height: 2.19rem;
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  font-weight: var(--_size---font-weight-medium);
  cursor: pointer;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  box-shadow: 0 16px 5px #00464900, 0 10px 4px #00464900, 0 6px 4px #00464905, 0 3px 3px #0003, 0 1px 1px #00464908;
}

.button-signup.bg-colot {
  background-color: var(--_color---color-terciary);
  color: var(--_color---color-secondary);
  cursor: pointer;
}

.button-navbar-copy {
  background-color: var(--_color---color-secondary-variant);
  width: 8.5rem;
  height: 2.19rem;
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  font-weight: var(--_size---font-weight-medium);
  cursor: pointer;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  box-shadow: 0 16px 5px #00464900, 0 10px 4px #00464900, 0 6px 4px #00464905, 0 3px 3px #0003, 0 1px 1px #00464908;
}

.button-navbar-copy.bg-colot {
  background-color: var(--_color---color-terciary);
  color: var(--_color---color-secondary);
  cursor: pointer;
}

.button-navbar-copy-copy {
  background-color: var(--_color---color-secondary-variant);
  width: 8.5rem;
  height: 2.19rem;
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  font-weight: var(--_size---font-weight-medium);
  cursor: pointer;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  box-shadow: 0 16px 5px #00464900, 0 10px 4px #00464900, 0 6px 4px #00464905, 0 3px 3px #0003, 0 1px 1px #00464908;
}

.button-navbar-copy-copy.bg-colot {
  background-color: var(--_color---color-terciary);
  color: var(--_color---color-secondary);
  cursor: pointer;
}

.modal-request-filter {
  display: none;
}

.request-amount {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.request-type {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: none;
}

.request-button {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.single-request-btn {
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-text-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/single-request.svg');
  background-position: 20%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 16px;
  display: flex;
}

.group-request-btn {
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-text-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/group-request.svg');
  background-position: 20%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 16px;
  display: flex;
}

.request-date, .request-states {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.state-buttons {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button-7 {
  width: 8.12rem;
  height: 2.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  background-color: #0000;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.active-btn {
  width: 8.12rem;
  height: 2.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-medium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border: 1px solid var(--_color---color-gray);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  background-color: #0000;
  background-image: url('../images/Property-1active.svg');
  background-position: 15%;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.expired-btn {
  width: 8.12rem;
  height: 2.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-medium);
  border: 1px solid var(--_color---color-gray);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  background-color: #0000;
  background-image: url('../images/refresh-ccw.svg');
  background-position: 10%;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.payed-btn {
  width: 8.12rem;
  height: 2.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-medium);
  border: 1px solid var(--_color---color-gray);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  background-color: #0000;
  background-image: url('../images/Property-1payed.svg');
  background-position: 15%;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-13 {
  font-family: var(--_size---font-body);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  display: none;
}

.text-bottom {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-redirection {
  font-family: var(--_size---font-body);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  display: none;
}

.div-block-32 {
  position: absolute;
}

.toast-copy {
  z-index: 10;
  width: 99%;
  padding: var(--_size---padding-small);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---badge-bg-success);
  justify-content: space-between;
  align-items: center;
  display: none;
  position: sticky;
  top: 7px;
  left: auto;
}

.text-check-badges {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-success);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  text-align: left;
  justify-content: center;
  align-items: center;
  display: flex;
}

.copy-link {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  display: flex;
}

.button-navbar-signup {
  background-color: var(--_color---color-secondary-variant);
  width: 8.5rem;
  height: 2.19rem;
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  font-weight: var(--_size---font-weight-medium);
  cursor: pointer;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  box-shadow: 0 16px 5px #00464900, 0 10px 4px #00464900, 0 6px 4px #00464905, 0 3px 3px #0003, 0 1px 1px #00464908;
}

.button-navbar-signup.bg-colot {
  background-color: var(--_color---color-terciary);
  color: var(--_color---color-secondary);
  cursor: pointer;
}

.modal-mispidi-settings-copy {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-logout {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-content-logout {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.main-content-settings-copy, .main-content-logout {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.modal-text-logout {
  width: 100%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.buttons-logout {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  display: flex;
}

.logout-btn {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.cancel-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.logout-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.title-modal-logout {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.modal-timeout {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-content-timeout {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.title-modal-timeout {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.main-content-timeout {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.modal-text-timeout {
  width: 100%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.buttons-timeout {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  display: flex;
}

.section-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.log-out-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.modal-request-creation {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-creation {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.main-content-creation {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.request-creation-title {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.single-payment-request {
  padding: var(--_size---padding-small);
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border: 1px solid var(--_color---color-button-disabled);
  background-color: var(--_color---color-bg-card);
  cursor: pointer;
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.single-payment-request:hover {
  border-color: var(--_color---badge-border-success);
  background-color: var(--_color---color-focus);
}

.single-request-text {
  flex-flow: column;
  display: flex;
}

.title-creation-request {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: 1.2rem;
  font-weight: var(--_size---font-weight-semibold);
}

.title-creation-request:active {
  border: 1px solid var(--_color---badge-border-success);
  background-color: var(--_color---color-focus);
}

.paragraph-405 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-soft);
  font-size: var(--_size---font-size-s);
  margin-bottom: 0;
  line-height: 1.2rem;
}

.stop-creation {
  padding: var(--_size---padding-small);
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border: 1px solid var(--_color---color-button-disabled);
  background-color: var(--_color---color-bg-card);
  cursor: pointer;
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.stop-creation:hover {
  border-color: var(--_color---badge-border-success);
  background-color: var(--_color---color-focus);
}

.subtitle-request-creation {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-soft);
  font-size: var(--_size---font-size-s);
  margin-bottom: 0;
  line-height: 1.2rem;
}

.buttons-request-creation {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.back-btn-2 {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.creation-btn {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.request-creation {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.image-35 {
  cursor: pointer;
}

.secondary-button-landing-copy-copy {
  width: 15rem;
  height: 2.18em;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/bg-texture-2.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.secondary-button-landing {
  width: 15rem;
  height: 2.18em;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/bg-texture-2.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: none;
}

.api-documentation {
  font-family: var(--_size---font-body);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  text-decoration: none;
  display: none;
}

.api-documentation-desktop {
  font-family: var(--_size---font-body);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  text-decoration: none;
}

.request-detail-expired {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.detail-expired-container {
  width: 100%;
  height: auto;
  margin-bottom: var(--_size---padding-0);
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border: 1px solid var(--_color---color-border-error);
  background-color: var(--_color---color-bg-red);
  border-radius: .62rem;
  flex-flow: column;
  display: flex;
}

.badge-expired {
  width: 5.38rem;
  height: 1.18rem;
  padding-top: var(--_size---padding-tiny);
  border: 1px solid var(--_color---color-light-red);
  background-color: var(--_color---color-bg-red);
  border-radius: 1.25rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.state-expired-text {
  color: var(--_color---color-text-error);
  line-height: var(--_size---font-size-s);
}

.reactive-request {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.reactive-request-icon {
  width: 2rem;
  height: 2rem;
}

.request-detail-payed {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.detail-payed-container {
  width: 100%;
  height: auto;
  margin-bottom: var(--_size---padding-0);
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border: 1px solid var(--_color---badge-border-success);
  background-color: var(--_color---color-focus);
  border-radius: .62rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.badge-payed {
  width: 5.38rem;
  height: 1.18rem;
  padding-top: var(--_size---padding-tiny);
  border: 1px solid var(--_color---badge-border-success);
  background-color: var(--_color---badge-bg-success);
  border-radius: 1.25rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.state-payed-text {
  color: var(--_color---color-text-success);
  line-height: var(--_size---font-size-s);
}

.repeat-request {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.transaction-btn {
  background-color: var(--_color---color-primary);
  width: 15.8rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-semibold);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.modal--expired {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-content-expired {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.title-modal-expired {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.main-content-expired {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.modal-text-expired {
  width: 100%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.buttons-expired {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  display: flex;
}

.expired-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.expired-select {
  height: var(--_size---padding-large);
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-bg-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  border-radius: .31rem;
  margin-bottom: 0;
}

.expired-label {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
}

.form-select-expired {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  display: flex;
}

.badges-creaction, .badges-expired, .badges-reactive, .badges-delete {
  z-index: 1;
  width: 75%;
  padding: var(--_size---padding-small);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---badge-bg-success);
  justify-content: space-between;
  align-items: center;
  display: none;
  position: absolute;
  left: auto;
}

.modal-expired, .modal-delete {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-content-delete {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.main-content-delete {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.modal-text-delete {
  width: 100%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.title-modal-delete {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.delete-user {
  color: var(--_color---color-contrast);
}

.delete-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.modal-reactive {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-content-reactive {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.main-content-reactive {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.modal-text-reactive {
  width: 100%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.buttons-delete, .buttons-reactive {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  display: flex;
}

.reactive-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.reactive-user {
  color: var(--_color---color-contrast);
}

.modal-repeat {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-content-repeat {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.title-modal-repeat, .title-modal-reactive {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.main-content-repeat {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.buttons-repeat {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  display: flex;
}

.repeat-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.modal-text-repeat {
  width: 100%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.request-image {
  z-index: 100;
  width: 31em;
  position: absolute;
  inset: auto auto 2px;
  overflow: hidden;
}

.div-block-33 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lottie-animation-8, .lottie-animation-9 {
  display: none;
}

.text-span-7, .text-span-8 {
  text-decoration: underline;
}

.title-detail-transaction {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
}

.document-button {
  background-color: var(--_color---color-terciary);
  width: 2.8rem;
  height: 2.8rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  background-image: url('../images/file-text.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 1001rem;
  justify-content: center;
  align-items: center;
  display: none;
  box-shadow: 0 20px 6px #00464900, 0 13px 5px #00464900, 0 7px 4px #00464905, 0 3px 3px #00464908, 0 1px 2px #00464908;
}

.badge-owner {
  width: 5.38rem;
  height: 1.18rem;
  padding-top: var(--_size---padding-tiny);
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-terciary);
  border-radius: 1.25rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.see-more {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.see-more-btn {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  display: flex;
}

.right-icon, .image-36 {
  display: none;
}

.owner-detail-container {
  width: 100%;
  height: auto;
  margin-bottom: var(--_size---padding-0);
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-surface);
  border-radius: .62rem;
  flex-flow: column;
  display: flex;
}

.payed-detail-container {
  width: auto;
  height: auto;
  margin-bottom: var(--_size---padding-0);
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-surface);
  border-radius: .62rem;
  flex-flow: column;
  display: flex;
}

.payer-detail-container {
  width: 100%;
  height: auto;
  margin-bottom: var(--_size---padding-0);
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-surface);
  border-radius: .62rem;
  flex-flow: column;
  display: flex;
}

.badge-payer {
  width: 5.38rem;
  height: 1.18rem;
  padding-top: var(--_size---padding-tiny);
  border: 1px solid var(--_color---badge-border-info);
  background-color: var(--_color---badge-bg-info);
  border-radius: 1.25rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.owner-badges-text {
  color: var(--_color---color-text-success);
  line-height: var(--_size---font-size-s);
}

.chevron-down {
  transform: rotate(90deg);
}

.split-content-detail {
  padding-right: var(--_size---padding-medium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-right: 1px solid var(--_color---color-text-secondary);
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
}

.partner-detail-container {
  width: 100%;
  height: auto;
  margin-bottom: var(--_size---padding-0);
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-surface);
  border-radius: .62rem;
  flex-flow: column;
  display: flex;
}

.badge-partner {
  width: 5.38rem;
  height: 1.18rem;
  padding-top: var(--_size---padding-tiny);
  border: 1px solid var(--_color---badge-border-success);
  background-color: var(--_color---badge-bg-success);
  border-radius: 1.25rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-37, .image-38 {
  transform: rotate(180deg);
}

.owner-property-value, .partner-value-bottom, .property-value-bottom-copy, .property-value-bottom-copy-copy, .payer-property-value {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: flex;
}

.image-39 {
  transform: rotate(180deg);
}

.product-container {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: none;
}

.see-less-btn {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  display: none;
}

.document-button-mobile {
  background-color: var(--_color---color-terciary);
  width: 11rem;
  height: 2.8rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: none;
  box-shadow: 0 20px 6px #00464900, 0 13px 5px #00464900, 0 7px 4px #00464905, 0 3px 3px #00464908, 0 1px 2px #00464908;
}

.title-propety-value {
  flex-flow: wrap-reverse;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.detail-request-container {
  width: auto;
  height: auto;
  margin-bottom: var(--_size---padding-0);
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-surface);
  border-radius: .62rem;
  flex-flow: column;
  display: flex;
}

.form-currency-select {
  justify-content: center;
  align-items: center;
  display: flex;
}

.close-badges {
  cursor: pointer;
}

.version-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: .85rem;
  line-height: .85rem;
}

.terms-content {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: flex;
}

.politics-content {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: none;
}

.modal-documents {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-content-documents {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.title-modal-documents {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.main-content-timeout-copy {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.main-content-documents {
  width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-primary);
  flex-flow: column;
  display: flex;
}

.modal-text-documents {
  width: 100%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.buttons-documents {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  display: flex;
}

.copy-doc-btn {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.back-doc-btn {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.toast-copy-link {
  z-index: 1;
  width: 100%;
  padding: var(--_size---padding-small);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---badge-bg-success);
  justify-content: space-between;
  align-items: center;
  display: none;
  position: sticky;
  top: 7px;
  left: auto;
}

.binace-content-ios {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.toast-binance {
  width: 17.81rem;
  padding: var(--_size---padding-small);
  border: 1px solid var(--_color---badge-border-success);
  background-color: var(--_color---badge-bg-success);
  border-radius: .62rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.toast-binance.light {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-veil-green-50);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.bincance-logo {
  width: 10.3rem;
  height: 2.13rem;
}

.text-toast-binance {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  text-align: center;
  margin-bottom: 0;
}

.card-upload-receipt {
  width: 44.37rem;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xmedium);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  box-shadow: 0 399px 112px #00464900, 0 255px 102px #00464900, 0 144px 86px #46490005, 0 64px 64px #00464908, 0 16px 35px #02373d08;
}

.title-upload-receipt {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: 1.2rem;
  font-weight: var(--_size---font-weight-bold);
  text-align: center;
}

.text-toast-upload {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  text-align: left;
  margin-bottom: 0;
}

.modal-binance-receipt {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-binance {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.title-modal-binance {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.main-content-binance {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.binance-title {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.upload-btn {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.confirmation-btn {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.binance-voucher-container {
  justify-content: center;
  align-items: center;
  width: 12.75rem;
  height: 14.75rem;
  display: flex;
}

.header-left-binance {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-34, .div-block-34-copy {
  display: none;
}

.modal-export-2 {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.export-title-2 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.header-2 {
  border-bottom: 1px solid var(--_color---color-divider);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 1rem;
  display: flex;
}

.cancel-btn-2 {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-primary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.xlsx-btn-2 {
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-bg-secondary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/xlsx-icon.svg');
  background-position: 30%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 16px;
  display: flex;
}

.csv-btn-2 {
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-bg-secondary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/csv-icon.svg');
  background-position: 35%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 16px;
  display: flex;
}

.modal-content-export-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--_color---color-bg-secondary);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 28.81rem;
  max-width: 100%;
  padding: 1.25rem;
  display: flex;
  position: absolute;
  box-shadow: 0 0 4px #212d2c40;
}

.main-content-export-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.export-btn-2 {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-primary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.export-button-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-modal-filter-2 {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.buttons-export-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-left-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-34-copy-copy {
  display: none;
}

.close-btn {
  cursor: pointer;
}

.badges-fallback {
  width: 21.3rem;
  height: auto;
  padding: var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-focus);
  border-radius: .31rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  box-shadow: 0 23px 6px #00464900, 0 14px 6px #00464900, 0 8px 5px #00464903, 0 4px 17px #00464905, 0 1px 2px #00464905;
}

.paragraph-406 {
  font-family: var(--_size---font-body);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  margin-bottom: 0;
}

.fallback-top-content {
  padding-bottom: var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-bottom: 1px dashed var(--_color---color-secondary);
  flex-flow: column;
  display: flex;
}

.btn-fallback-content {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  display: flex;
}

.card-fallback-3 {
  width: 44.37rem;
  padding: var(--_size---padding-xxmedium) 2.25rem;
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xmedium);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  box-shadow: 0 399px 112px #00464900, 0 255px 102px #00464900, 0 144px 86px #00464908, 0 64px 64px #00464908, 0 16px 35px #02373d08;
}

.badges-content {
  width: 21.3rem;
  padding: var(--_size---padding-small);
  border: 1px none var(--_color---color-secondary);
  background-color: var(--_color---color-focus);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 22px 6px #00464900, 0 14px 6px #00464900, 0 8px 5px #00464903, 0 4px 4px #00464905, 0 1px 2px #00464905;
}

.paragraph-407 {
  text-align: center;
}

.btn-bottom-content {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: flex;
}

.image-40, .image-41, .image-42, .image-43, .image-44, .image-45 {
  display: none;
}

.empty-state-content-copy, .empty-state-request {
  padding-top: var(--_size---padding-large);
  padding-bottom: var(--_size---padding-large);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-description-change {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: row;
  display: flex;
}

.form-block-14 {
  display: none;
  position: static;
}

.button-8 {
  background-color: var(--_color---color-terciary);
  width: 7.43rem;
  height: 3.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-description-change {
  background-color: var(--_color---color-terciary);
  width: 7.43rem;
  height: 2.75rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 14px 4px #00464900, 0 9px 4px #00464900, 0 5px 3px #00464905, 0 2px 2px #00464908, 0 1px 1px #00464908;
}

.input-description-change {
  width: 19.5rem;
  height: 2.75rem;
  padding: 0px var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-gray);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  text-align: left;
  border-radius: .31rem;
  margin-bottom: 0;
}

.input-description-change:hover {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.input-description-change:active {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.input-description-change:focus, .input-description-change:focus-visible, .input-description-change[data-wf-focus-visible] {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.avatar-skeleton {
  border-radius: 100px;
  width: 3.12rem;
  height: 3.12rem;
}

.avatar-skeleton.skeleton-element {
  border-radius: 100rem;
  display: none;
  top: 1%;
}

.user-name-skeleton {
  width: 8.5rem;
  height: 1.25rem;
  position: absolute;
  top: 15.0156px;
}

.user-name-skeleton.skeleton-element {
  width: 8.7rem;
  display: none;
  left: 5.5%;
}

.user-badge-skeleton {
  width: 5rem;
  height: .87rem;
  position: absolute;
}

.user-badge-skeleton.skeleton-element {
  height: 1rem;
  display: none;
  left: -4%;
}

.user-profile-skeleton {
  width: 5rem;
  height: .87rem;
  position: absolute;
}

.user-profile-skeleton.skeleton-element {
  height: 1rem;
  display: none;
  top: 65%;
  left: -4%;
}

.user-photo-skeleton {
  width: 3.5rem;
  height: 3.5rem;
}

.user-photo-skeleton.skeleton-element {
  border-radius: 100px;
  width: 2.8rem;
  height: 2.8rem;
  display: none;
}

.qr-mispidi-skeleton {
  width: 5.62rem;
  height: 5.62rem;
  position: absolute;
}

.qr-mispidi-skeleton.skeleton-element {
  width: 6rem;
  height: 6rem;
  display: none;
}

.user-card-skeleton {
  width: 3rem;
  height: .87rem;
  position: absolute;
}

.user-card-skeleton.skeleton-element {
  width: 9rem;
  display: none;
}

.id-card-skeleton {
  width: 3rem;
  height: .87rem;
  position: absolute;
  top: 22px;
}

.id-card-skeleton.skeleton-element {
  width: 9rem;
  display: none;
}

.profile-card-skeleton {
  width: 3rem;
  height: .87rem;
  position: absolute;
  top: 44px;
}

.profile-card-skeleton.skeleton-element {
  width: 9rem;
  display: none;
}

.text-link-skeleton.skeleton-element {
  width: 16rem;
  height: 1rem;
  display: none;
  position: absolute;
  top: 33%;
  left: 2%;
}

.split-icon {
  display: block;
  position: absolute;
}

.badges-split {
  border: 1px solid var(--_color---badge-border-success);
  background-color: var(--_color---color-focus);
  border-radius: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 1.19rem;
  display: none;
}

.transaction-split {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  display: flex;
}

.text-block-142 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-success);
  line-height: var(--_size---font-size-s);
}

.td-1-skeleton {
  width: 8rem;
  height: 2rem;
  display: none;
  position: absolute;
}

.delete-creation-request {
  display: none;
}

.total-transaction-skeleton {
  width: 10rem;
  height: 2rem;
  position: absolute;
}

.total-transaction-skeleton.skeleton-element {
  display: none;
}

.amount-ref-skeleton {
  width: 10rem;
  height: 2rem;
  position: absolute;
}

.amount-ref-skeleton.skeleton-element {
  display: none;
}

.tr-skeleton {
  height: 8rem;
  position: absolute;
}

.tr-skeleton.skeleton-element {
  width: 100%;
  height: 3.5rem;
  display: none;
}

.property-value-skeleton.skeleton-element {
  height: 1.5rem;
  display: none;
}

.spidi-transaction-skeleton {
  position: absolute;
}

.spidi-transaction-skeleton.skeleton-element, .amount-skeleton.skeleton-element {
  height: auto;
  display: none;
}

.request-tr-skeleton.skeleton-element {
  height: 3.5rem;
  display: none;
}

.user-info-skeleton.skeleton-element, .ref-info-skeleton.skeleton-element, .bcv-info-skeleton.skeleton-element, .amount-info-skeleton.skeleton-element, .bank-info-skeleton.skeleton-element {
  height: auto;
  display: none;
}

.bank-icon-skeleton.skeleton-element {
  width: 3.5rem;
  height: 3.5rem;
  display: none;
}

.description-skeleton.skeleton-element {
  width: 82%;
  height: 1.8rem;
  display: none;
}

.icon-request-skeleton.skeleton-element {
  width: 3.37rem;
  height: 3.37rem;
  display: none;
}

.amount-content-skeleton.skeleton-element, .badges-date-skeleton.skeleton-element {
  height: auto;
  display: none;
}

.description-actions-skeleton.skeleton-element {
  width: 50%;
  height: auto;
  display: none;
}

.copy-link-skeleton {
  position: absolute;
}

.copy-link-skeleton.skeleton-element {
  width: 80%;
  height: 2rem;
  display: none;
  top: 12%;
  left: 1%;
}

.qr-code-skeleton.skeleton-element {
  height: auto;
  display: none;
}

.request-property-value, .propety-value-copy {
  flex-flow: wrap-reverse;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
  position: relative;
}

.image-47, .icon-bank {
  display: none;
}

.image-48 {
  display: inline-flex;
}

.spidi-copyright-2 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-terciary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.privacy-politics-2, .frequents-ask-2 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-terciary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  text-decoration: none;
}

.footer-2 {
  z-index: 1;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: var(--_color---color-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 16rem;
  padding: 4rem 3rem 3rem;
  display: flex;
  position: relative;
}

.terms-condition-2 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-terciary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  text-decoration: none;
}

.spidi-rif-2 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-terciary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.spidi-contact-2 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-terciary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.spidi-name-2 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-terciary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.info-spidi-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.bottom-footer-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.top-footer-2 {
  border-bottom: 1px solid var(--_color---color-border-light);
  justify-content: space-between;
  align-items: flex-start;
  height: 11.5rem;
  padding-bottom: 1rem;
  display: flex;
}

.cta-wrapped-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 45rem;
  display: flex;
}

.spidi-info-content-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 14rem;
  display: flex;
}

.button-registro-2 {
  background-color: var(--_color---color-primary);
  width: 11.56rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-primary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.links-content-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spidi-copyright-3 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-terciary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.frequents-ask-3 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-terciary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  text-decoration: none;
}

.footer-3 {
  z-index: 1;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: var(--_color---color-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 16rem;
  padding: 4rem 3rem 3rem;
  display: flex;
  position: relative;
}

.spidi-rif-3 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-terciary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.spidi-contact-3 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-terciary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.spidi-name-3 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-terciary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.links-content-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spidi-copyright-4 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-terciary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.frequents-ask-4 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-terciary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  text-decoration: none;
}

.footer-4 {
  z-index: 1;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: var(--_color---color-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 16rem;
  padding: 4rem 3rem 3rem;
  display: flex;
  position: relative;
}

.spidi-rif-4, .spidi-name-4 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-terciary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.links-content-4 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-user {
  background-color: var(--_color---color-bg-secondary);
  justify-content: center;
  align-items: center;
  width: 8.9062rem;
  height: 1.25rem;
  padding: .18rem 1.68rem;
  display: flex;
}

.tab-user.w--current {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  background-color: var(--_color---color-terciary);
  border-radius: 12.5rem;
  justify-content: center;
  align-items: center;
  width: 8.9rem;
  height: 1.25rem;
  padding-left: .19em;
  padding-right: .19rem;
  font-weight: 600;
  display: flex;
  position: static;
}

.tab-user.w--current:visited {
  color: var(--_color---color-text-secondary);
  font-size: .75rem;
  line-height: .75rem;
}

.tab-mail {
  width: 8.9rem;
  height: 1.25rem;
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-semibold);
  background-color: #0000;
  border-radius: 12.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-mail:active {
  color: var(--_color---color-secondary);
}

.tab-mail:visited {
  color: var(--_color---color-text-secondary);
}

.tab-mail.w--current {
  background-color: var(--_color---color-terciary);
}

.form-change-user {
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  padding-top: .25rem;
  display: flex;
}

.text-change-user {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  line-height: var(--_size---font-size-s);
  text-align: center;
  margin-bottom: 0;
}

.link-text-content {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-change-mail {
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  padding-top: .25rem;
  display: flex;
}

.field-mail {
  width: 17.81rem;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-bottom: 0;
}

.field-mail:hover {
  background-color: var(--_color---color-focus);
}

.field-mail:active {
  border: 1px solid var(--_color---color-contrast);
}

.field-mail:focus {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.field-mail::placeholder {
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-regular);
}

.bold-text-3 {
  font-weight: var(--_size---font-weight-regular);
}

.social-media {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.settings-menu-active {
  height: 2.25rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  cursor: pointer;
  border-radius: .3rem;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.settings-menu-active:hover {
  background-color: var(--_color---color-terciary);
  color: var(--_color---color-secondary);
}

.selected-settings {
  background-color: var(--_color---color-terciary);
  border-top-right-radius: 3.12rem;
  border-bottom-right-radius: 3.12rem;
  width: .4rem;
  height: 1.75rem;
  display: none;
  position: absolute;
  inset: 48% auto 0% -8.5%;
}

.settings-menu-text-active {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
}

.settings-menu-text-active:hover {
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-semibold);
}

.image-55 {
  display: none;
}

.link-user-profile, .link-user-profile.w--current {
  text-decoration: none;
}

.user-profile-wrapped {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100vh;
  margin-top: var(--_size---padding-0);
  margin-bottom: var(--_size---padding-0);
  padding-top: var(--_size---padding-xsmall);
  padding-bottom: var(--_size---padding-xsmall);
  clear: none;
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  margin-left: 0;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.level-container {
  padding-right: var(--_size---padding-xxmedium);
  justify-content: flex-end;
  align-items: center;
  display: none;
}

.colibri-level {
  width: 6.12rem;
  height: 6.75rem;
}

.level-text {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-3xl);
  margin-top: 0;
  margin-bottom: 0;
}

.level-content {
  flex-flow: column;
  display: flex;
}

.link-level {
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-xl);
}

.dropdown-list-profile {
  background-color: var(--_color---color-bg-secondary);
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.user-name-container {
  padding-left: var(--_size---padding-xxmedium);
  justify-content: center;
  align-items: center;
  display: flex;
}

.user-profile-container {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: flex;
  position: relative;
}

.image-56 {
  position: absolute;
  top: 212.078px;
}

.user-profile-background {
  background-color: var(--_color---color-terciary);
  border-radius: 100px;
  width: 10.25rem;
  height: 10.25rem;
  position: static;
  top: 40px;
}

.commerce-logo {
  z-index: 1;
  position: absolute;
  top: 45px;
  left: 25px;
}

.user-profile-image {
  z-index: 1;
  position: absolute;
  top: 5px;
  left: 25px;
}

.user-profile-image.commerce_logo {
  left: 25px;
}

.username-profile {
  width: 20rem;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.heading-14 {
  width: 20rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-regular);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.username-profile-container {
  flex-flow: column;
  display: flex;
  position: static;
  left: 178px;
}

.buttons-profile-container {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: wrap-reverse;
  display: flex;
}

.upload-image-btn {
  background-color: var(--_color---color-terciary);
  width: 10.87rem;
  height: 2.31rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-semibold);
  background-image: url('../images/upload-cloud.svg');
  background-position: 8%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
  padding-right: .7rem;
  display: flex;
}

.delete-image-button {
  width: 10.87rem;
  height: 2.31rem;
  padding-right: var(--_size---padding-medium);
  background-color: var(--_color---color-bg-primary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-semibold);
  background-image: url('../images/trash.svg');
  background-position: 10%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
  display: none;
}

.username-buttons-container {
  padding-right: var(--_size---padding-small);
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.image-profile-container {
  padding-left: var(--_size---padding-xxmedium);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.badges-user-profile {
  z-index: 2;
  width: 2.8rem;
  height: 2.68rem;
  position: absolute;
  top: 118px;
  left: 142px;
}

.profile-menu-settings {
  width: auto;
  margin-top: var(--_size---padding-0);
  padding: var(--_size---padding-small) var(--_size---padding-medium);
  border-radius: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.personale-dates {
  width: 100%;
  padding: var(--_size---padding-small) var(--_size---padding-medium);
  border-bottom: 1px solid var(--_color---color-button-disabled);
  color: var(--_color---color-secondary);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.personale-dates:hover {
  background-color: var(--_color---color-text-terciary);
}

.bank-accounts, .mispidi-profile, .favorites, .security {
  width: 100%;
  padding: var(--_size---padding-small) var(--_size---padding-medium);
  border-bottom: 1px solid var(--_color---color-button-disabled);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.notifications {
  width: 100%;
  padding: var(--_size---padding-small) var(--_size---padding-medium);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.profile-menu-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
}

.personal-content, .banks-content, .mispidi-content, .favorites-content, .security-profile-content, .notification-content {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-username {
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.binance-link {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
}

.div-block-35 {
  width: 19.25rem;
  display: flex;
}

.ref-select-creation {
  border: 1px solid var(--_color---color-text-secondary);
  background-color: var(--_color---color-bg-primary);
  width: 6.5rem;
  height: 3.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  text-align: left;
  cursor: pointer;
  background-image: url('../images/bs.avif');
  background-position: 8%;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  border-radius: .3rem 0 0 .3rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.7rem;
  font-size: .7rem;
  line-height: .7rem;
  display: flex;
}

.ref-select-creation:hover {
  background-color: var(--_color---color-focus);
}

.ref-amount-input {
  width: 19.25rem;
  padding-left: var(--_size---padding-0);
  border: 1px none var(--_color---color-text-secondary);
  border-radius: .3rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ref-amount-input:hover {
  background-color: var(--_color---color-focus);
}

.input-amount-ref {
  width: 19.5rem;
  height: 3.5rem;
  padding: 0px var(--_size---padding-xsmall);
  border-style: solid solid solid none;
  border-width: 1px;
  border-color: var(--_color---color-gray);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  text-align: left;
  border-radius: 0 .31rem .31rem 0;
  margin-bottom: 0;
}

.input-amount-ref:hover {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.input-amount-ref:active {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.input-amount-ref:focus, .input-amount-ref:focus-visible, .input-amount-ref[data-wf-focus-visible] {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.arrow-detail {
  transform: rotate(0);
}

.modal-upload-image {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-upload {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.title-modal-upload {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.buttons-upload {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.export-btn-copy, .upload-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.back-upload-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.upload-title {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.main-content-upload {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  width: 46%;
  display: none;
}

.main-content-upload.positive-validation {
  display: none;
}

.upload-image {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.div-block-36 {
  padding: var(--_size---padding-xxmedium);
}

.upload-image-container {
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border: 1px dashed var(--_color---color-text-secondary);
  border-radius: var(--_size---border-radius-medium);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.upload-icon {
  width: 24px;
  height: 24px;
}

.file-upload-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-regular);
}

.image-condition-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  margin-bottom: 0;
}

.upload-image-button {
  background-color: var(--_color---color-button-disabled);
  width: 7.43rem;
  height: 1.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.close-modal-upload {
  cursor: pointer;
}

.uploading-image-container {
  padding: var(--_size---padding-small) var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-text-secondary);
  border-radius: var(--_size---border-radius-medium);
  flex-flow: column;
  display: none;
  position: relative;
}

.uploading-text {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  display: flex;
}

.uploading-elements {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-name {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  font-weight: var(--_size---font-weight-medium);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.uploading-date {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
}

.element-uploading {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.progress-uploading {
  background-color: var(--_color---color-bg-primary);
  border-radius: 6.25rem;
  height: .37rem;
}

.image-element {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.progress-bar-uploading {
  background-color: var(--_color---color-primary);
  border-radius: 6.25rem;
  width: 10%;
  height: .37rem;
  position: absolute;
  top: 51px;
}

.image-weight, .uploading-image-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
}

.close-x {
  cursor: pointer;
}

.uploaded-image-container {
  padding: var(--_size---padding-small) var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-focus);
  flex-flow: column;
  display: none;
  position: relative;
}

.element-uploaded {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.trash-icon {
  cursor: pointer;
}

.uploaded-image-text-copy {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
}

.image-uploaded-weight, .uploaded-image-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
}

.bank-account-content {
  width: 100%;
  padding: var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border: 1px solid var(--_color---color-button-disabled);
  background-color: var(--_color---color-bg-card);
  border-radius: .75rem;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.radio-button-label {
  display: none;
}

.radio-btn {
  background-color: var(--_color---color-bg-secondary);
  width: 1rem;
  height: 1rem;
}

.radio-btn:hover {
  background-color: var(--_color---color-focus);
}

.radio-btn:active {
  border: 1px none var(--_color---color-secondary);
  background-color: #0000;
}

.radio-btn.w--redirected-checked {
  background-color: var(--_color---color-primary);
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
}

.form-block-15 {
  margin-bottom: 0;
  display: block;
}

.radio-button-field {
  cursor: pointer;
  margin-bottom: 0;
}

.bank-card {
  width: 80%;
  padding: var(--_size---padding-xxmedium) var(--_size---padding-medium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-radius: var(--_size---padding-xxmedium);
  flex-flow: column;
  display: flex;
  box-shadow: 0 90px 90px #00464908, 0 22px 49px #00464908;
}

.main-bank-account {
  width: 100%;
  padding: var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  border-radius: .75rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bank-account-wrapped {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100vh;
  margin-top: var(--_size---padding-0);
  margin-bottom: var(--_size---padding-0);
  padding-top: var(--_size---padding-xsmall);
  padding-bottom: var(--_size---padding-xsmall);
  clear: none;
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.bank-account-text {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.tittle-bank-account {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
}

.subtittle-bank-account {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.text-block-143 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
}

.label-main-account {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
}

.main-bank {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  display: flex;
}

.bank-select-wrapped {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.edit-delete-container {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.modal-bank-delete {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.back-delete-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.delete-bank-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.bank-account-id {
  color: var(--_color---color-contrast);
}

.edit-bank-icon, .delete-bank-icon {
  cursor: pointer;
}

.add-bank-account {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-xl);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.bank-account-container {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: flex;
}

.tab-pago-movil {
  background-color: var(--_color---color-bg-secondary);
  justify-content: center;
  align-items: center;
  width: 8.9062rem;
  height: 1.25rem;
  padding: .18rem 1.68rem;
  display: flex;
}

.tab-pago-movil.w--current {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  background-color: var(--_color---color-terciary);
  border-radius: 12.5rem;
  justify-content: center;
  align-items: center;
  width: 8.9rem;
  height: 1.25rem;
  padding-left: .19em;
  padding-right: .19rem;
  font-weight: 600;
  display: flex;
  position: static;
}

.tab-pago-movil.w--current:visited {
  color: var(--_color---color-text-secondary);
  font-size: .75rem;
  line-height: .75rem;
}

.tab-bank {
  width: 8.9rem;
  height: 1.25rem;
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-semibold);
  background-color: #0000;
  border-radius: 12.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-bank:active {
  color: var(--_color---color-secondary);
}

.tab-bank:visited {
  color: var(--_color---color-text-secondary);
}

.tab-bank.w--current {
  background-color: var(--_color---color-terciary);
}

.text-bank-tab {
  text-align: center;
  width: 10rem;
}

.tab-content-pago-movil {
  width: 100%;
}

.form-pago-movil {
  grid-column-gap: var(--_size---padding-large);
  grid-row-gap: var(--_size---padding-large);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: .25rem;
  display: flex;
}

.form-pagomovil {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: .25rem;
  display: flex;
}

.pago-movil-top {
  width: 70%;
  padding-top: var(--_size---padding-xxsmall);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.pago-movil-bottom {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.form-bank-pago {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  padding-top: .25rem;
  display: flex;
}

.form-id-pago, .form-phone-pago {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: .25rem;
  display: flex;
}

.form-id-container {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.form-id-container.form-card-dates {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--_color---color-text-secondary);
  border-radius: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 17.81rem;
  padding-top: 0;
}

.form-id-container.id-pago-movil {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--_color---color-text-secondary);
  border-radius: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
}

.field-id-pago {
  width: 100%;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border: 0px solid var(--_color---color-text-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  border-top-left-radius: 0;
  border-top-right-radius: .6rem;
  border-bottom-right-radius: .62rem;
  margin-bottom: 0;
}

.field-id-pago:active, .field-id-pago:focus {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.field-id-pago:focus-visible, .field-id-pago[data-wf-focus-visible] {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.field-id-pago::placeholder {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-regular);
}

.select-id-pago {
  width: 35%;
  height: 3.12rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-small);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-style: none solid none none;
  border-width: 1px;
  border-color: var(--_color---color-text-secondary);
  border-top-left-radius: var(--_size---padding-xsmall);
  border-bottom-left-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-bg-secondary);
  outline-color: var(--_color---color-secondary);
  outline-offset: 0px;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  border-bottom-right-radius: 0;
  outline-width: 3px;
  outline-style: none;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
}

.select-id-pago:active, .select-id-pago:focus {
  border-style: solid;
  border-color: var(--_color---color-contrast);
}

.input-phone-pago {
  border: 1px solid var(--_color---color-text-secondary);
  border-radius: var(--_size---padding-xsmall);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.select-phone-pago {
  width: 35%;
  height: 3.12rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-xxsmall);
  border-style: none solid none none;
  border-width: 1px;
  border-color: var(--_color---color-text-secondary);
  border-top-left-radius: .62rem;
  border-bottom-left-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-bg-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  border-bottom-right-radius: 0;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.select-phone-pago:active, .select-phone-pago:focus {
  border-style: solid;
  border-color: var(--_color---color-contrast);
}

.field-phone-pago {
  width: 100%;
  height: 3.12rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border: 1px none var(--_color---color-text-secondary);
  border-top-right-radius: var(--_size---padding-xsmall);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  border-bottom-right-radius: .62rem;
  margin-bottom: 0;
}

.field-phone-pago:hover {
  background-color: var(--_color---color-text-terciary);
  font-family: var(--_size---font-body);
}

.field-phone-pago:active, .field-phone-pago:focus {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
}

.field-phone-pago:focus-visible, .field-phone-pago[data-wf-focus-visible] {
  font-family: var(--_size---font-body);
}

.field-phone-pago::placeholder {
  font-family: var(--_size---font-body);
  font-weight: var(--_size---font-weight-regular);
}

.add-bank-buttons {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 70%;
  display: flex;
}

.tab-bank-account {
  width: 100%;
}

.form-bank-account {
  grid-column-gap: var(--_size---padding-large);
  grid-row-gap: var(--_size---padding-large);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: .25rem;
  display: flex;
}

.bank-account-bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 70%;
  display: flex;
}

.badges-edited {
  z-index: 1;
  width: 75%;
  padding: var(--_size---padding-small);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---badge-bg-success);
  justify-content: space-between;
  align-items: center;
  display: none;
  position: absolute;
  left: auto;
}

.toast-creaction, .toast-edited, .toast-expired, .toast-reactive, .toast-delete {
  z-index: 1;
  width: 100%;
  padding: var(--_size---padding-small);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---badge-bg-success);
  justify-content: space-between;
  align-items: center;
  display: none;
  position: sticky;
  top: 7px;
  left: auto;
}

.badges-creaction-copy {
  z-index: 1;
  width: 75%;
  padding: var(--_size---padding-small);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---badge-bg-success);
  justify-content: space-between;
  align-items: center;
  display: none;
  position: absolute;
  left: auto;
}

.text-field-8 {
  height: 3.12rem;
}

.tabs-bank-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.bank-back-button {
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 19px 5px #00464900, 0 12px 5px #00464900, 0 7px 4px #00464905, 0 3px 3px #00464908, 0 1px 2px #00464908;
}

.bank-next-button {
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.81rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 19px 5px #00464900, 0 12px 5px #00464900, 0 7px 4px #00464905, 0 3px 3px #00464908, 0 1px 2px #00464908;
}

.modal-bank-otp {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-bank-otp {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.main-bank-otp {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.buttons-otp {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.back-otp-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.add-account-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.title-modal-otp {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.form-bank-otp {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.top-bank-otp {
  width: 100%;
  padding-top: var(--_size---padding-xxsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.form-otp {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: .25rem;
  display: flex;
}

.counter-otp {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.toast-otp {
  width: 100%;
  padding: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  box-shadow: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-bank-otp {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.toast-otp-2 {
  width: 100%;
  padding: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border: 1px solid var(--_color---badge-border-success);
  border-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---badge-bg-success);
  box-shadow: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.toast-container {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.title-toast {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-bold);
}

.toast-bank {
  z-index: 1;
  width: 76%;
  padding: var(--_size---padding-small);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---badge-bg-success);
  justify-content: space-between;
  align-items: center;
  display: none;
  position: absolute;
  left: auto;
}

.input-change-name-bank {
  border: 1px solid var(--_color---color-button-disabled);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  border-radius: .31rem;
  margin-bottom: 0;
  display: none;
}

.form-block-16 {
  margin-bottom: 0;
}

.main-change-bank-name {
  border: 1px solid var(--_color---color-button-disabled);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  border-radius: .31rem;
  margin-bottom: 0;
  display: none;
}

.notification-wrapped {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100vh;
  margin-top: var(--_size---padding-0);
  margin-bottom: var(--_size---padding-0);
  padding-top: var(--_size---padding-xsmall);
  padding-bottom: var(--_size---padding-xsmall);
  clear: none;
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.notification-card {
  width: 80%;
  padding: var(--_size---padding-xxmedium) var(--_size---padding-medium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-radius: var(--_size---padding-xxmedium);
  flex-flow: column;
  display: flex;
  box-shadow: 0 90px 90px #00464908, 0 22px 49px #00464908;
}

.notification-text {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.tittle-notification {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
}

.subtittle-notification {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.notification-container {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.toast-notification {
  z-index: 1;
  width: 76%;
  padding: var(--_size---padding-small);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---badge-bg-success);
  justify-content: space-between;
  align-items: center;
  display: none;
  position: absolute;
  left: auto;
}

.add-email-notification {
  width: 90%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-xl);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.form-notification {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  width: 70%;
  display: flex;
}

.form-block-17 {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.main-email {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.label-notification {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-semibold);
}

.input-main-notification {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  height: 3.12rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  border-radius: .62rem;
  margin-bottom: 0;
}

.input-main-notification::placeholder {
  color: var(--_color---color-secondary);
}

.secondary-email {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.input-notification {
  border: 1px solid var(--_color---color-text-secondary);
  border-radius: var(--_size---border-radius-medium);
  height: 3.12rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  margin-bottom: 0;
}

.span-main-email, .span-secondary-email {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
}

.main-input, .secondary-input {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  width: 70%;
  display: flex;
}

.new-email {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.new-email-input {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.span-new-email {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
}

.image-67 {
  display: none;
}

.add-email-btn {
  background-color: var(--_color---color-primary);
  width: 8rem;
  height: 3.12rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-regular);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.modal-email-otp {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-email-otp {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.main-email-otp {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.form-email-otp {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.link-email-otp {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.top-email-otp {
  width: 100%;
  padding-top: var(--_size---padding-xxsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.email-title {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.add-email-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.modal-email-delete {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.delete-email-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.email-id {
  color: var(--_color---color-contrast);
}

.delete-email {
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  display: flex;
}

.image-68 {
  height: 1.5rem;
}

.tab-bank-dates {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.validation-container {
  width: 100%;
  height: auto;
  padding: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border: 0px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.form-otp-validation {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.form-validation-code {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.email-input-validation {
  width: 2.44rem;
  height: 2.25rem;
  padding: 0px 0rem 0px var(--_size---padding-xsmall);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  border-radius: .31rem;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  margin-bottom: 0;
}

.email-input-validation:hover {
  background-color: var(--_color---color-focus);
}

.email-input-validation:active {
  border: 1px solid var(--_color---color-contrast);
}

.email-input-validation:focus {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.email-input-validation::placeholder {
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-regular);
}

.input-validation-otp {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.otp-label {
  width: 70%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
}

.security-wrapped {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100vh;
  margin-top: var(--_size---padding-0);
  margin-bottom: var(--_size---padding-0);
  padding-top: var(--_size---padding-xsmall);
  padding-bottom: var(--_size---padding-xsmall);
  clear: none;
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.security-card {
  width: 80%;
  padding: var(--_size---padding-xxmedium) var(--_size---padding-medium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-radius: var(--_size---padding-xxmedium);
  flex-flow: column;
  display: flex;
  box-shadow: 0 90px 90px #00464908, 0 22px 49px #00464908;
}

.security-text {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.tittle-security {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
}

.subtittle-security {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  text-align: center;
}

.security-container {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.toast-security {
  z-index: 1;
  width: 76%;
  padding: var(--_size---padding-small);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---badge-bg-success);
  justify-content: space-between;
  align-items: center;
  display: none;
  position: absolute;
  left: auto;
}

.tab-security {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.modal-password-validation {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-password-validation {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.title-modal-password {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.main-password-validation {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.password-title {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.form-password {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: .25rem;
  display: flex;
}

.form-password-validation {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.toast-password {
  width: 100%;
  padding: var(--_size---padding-xsmall);
  border-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  box-shadow: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-password-validation {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.buttons-password-validation {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.change-password-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.code-button {
  width: 17.812rem;
  height: 3.125rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-button:hover {
  background-color: var(--_color---color-button-primary-hover);
}

.code-button:disabled {
  background-color: var(--_color---color-disabled);
  border-top-left-radius: .625rem;
  border-bottom-right-radius: 0;
  width: 17.812rem;
  height: 3.125rem;
}

.code-button.button-siguiente-1 {
  border-radius: var(--_size---padding-xsmall);
}

.code-button.button-siguiente-2 {
  border-radius: var(--_size---border-radius-medium);
}

.code-button.button-siguiente-3 {
  border-radius: var(--_size---padding-xsmall);
}

.code-button.button-siguiente-3.button-help {
  background-color: var(--_color---color-terciary);
}

.mispidi-settings-wrapped {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100vh;
  margin-top: var(--_size---padding-0);
  margin-bottom: var(--_size---padding-0);
  padding-top: var(--_size---padding-xsmall);
  padding-bottom: var(--_size---padding-xsmall);
  clear: none;
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.settings-card {
  width: 80%;
  padding: var(--_size---padding-xxmedium) var(--_size---padding-medium);
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-radius: var(--_size---padding-xxmedium);
  flex-flow: column;
  display: flex;
  box-shadow: 0 90px 90px #00464908, 0 22px 49px #00464908;
}

.mispidi-settings-text {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.tittle-settings {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
}

.subtittle-settings {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.main-account-text-content {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  display: flex;
}

.mispidi-settings-title {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.mispidi-settings-subtitle {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.identificator-text-content, .cripto-text-content {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  display: flex;
}

.identificator-form {
  display: flex;
}

.form-block-18 {
  width: 100%;
  margin-bottom: 0;
}

.form-identificator {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-field-9 {
  margin-bottom: 0;
}

.identificator-field {
  border: 1px solid var(--_color---color-text-secondary);
  width: 16.43rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  border-radius: .31rem;
  margin-bottom: 0;
}

.identificator-label {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-weight: var(--_size---font-weight-medium);
}

.ref-text-content {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  flex-flow: column;
  display: flex;
}

.ref-form {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-ref {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ref-label {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-weight: var(--_size---font-weight-medium);
}

.ref-field {
  border: 1px solid var(--_color---color-text-secondary);
  width: 16.43rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  border-radius: .31rem;
  margin-bottom: 0;
}

.form-block-ref {
  margin-bottom: 0;
  display: flex;
}

.settings-buttons {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.settings-back-button {
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 19px 5px #00464900, 0 12px 5px #00464900, 0 7px 4px #00464905, 0 3px 3px #00464908, 0 1px 2px #00464908;
}

.save-button {
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.81rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 19px 5px #00464900, 0 12px 5px #00464900, 0 7px 4px #00464905, 0 3px 3px #00464908, 0 1px 2px #00464908;
}

.phone-settings {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.correo-settings {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.instagram-settings, .x-settings {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.phone-input-settings {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  margin-bottom: 0;
}

.email-input-settings, .instagram-input-settings, .instagram-input-setting-copy {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-medium);
  text-overflow: ellipsis;
  border-radius: .31rem;
  margin-bottom: 0;
}

.settings-wrapped {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: flex;
}

.modal-change-bank {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-content-change {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.title-modal-change {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.modal-text-change {
  width: 100%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.main-content-change {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.buttons-change {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  display: flex;
}

.back-change-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.change-bank-btn {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.toast-change-bank {
  z-index: 1;
  width: 76%;
  padding: var(--_size---padding-small);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---badge-bg-success);
  justify-content: space-between;
  align-items: center;
  display: none;
  position: absolute;
  left: auto;
}

.change-password-form {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 17.8rem;
  height: auto;
  display: none;
}

.minds-logo {
  width: 13rem;
}

.vnet-logo {
  width: 10rem;
}

.ticketplate-logo {
  width: 13rem;
}

.parkeate-logo {
  width: 13rem;
  height: auto;
}

.image-69, .mil-logo {
  width: 8rem;
}

.cusica-logo {
  width: 14rem;
}

.enpunto-logo {
  width: 13rem;
}

.tiquemax-logo {
  width: 15rem;
}

.stepper {
  background-color: var(--_color---color-button-disabled);
  border-radius: 624.938rem;
  width: 152px;
  height: 8px;
}

.stepper-container {
  width: 26.9rem;
  padding-top: var(--_size---padding-small);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.stepper-1 {
  background-color: var(--_color---color-primary);
  border-radius: 6.32rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: .63rem;
  display: flex;
}

.stepper-2 {
  background-color: var(--_color---color-focus);
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.stepper-1-text, .stepper-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
}

.stepper-1-container {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.stepper-2-container {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.stepper-2-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
}

.progress-bar-store {
  background-color: #0000;
  background-image: linear-gradient(90deg, var(--_color---color-contrast), var(--_color---color-primary));
  border-radius: 624.938rem;
  width: 3.94rem;
  height: 8px;
  position: absolute;
  left: 233.75px;
}

.total-text-store {
  color: var(--_color---color-secondary);
  font-size: 14px;
  font-weight: var(--_size---font-weight-medium);
  display: block;
}

.service-wrapped {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: flex;
}

.service-wrapped-store, .products-container {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.product-content {
  width: 80%;
  padding: .62rem var(--_size---padding-xxmedium);
  background-color: var(--_color---color-text-terciary);
  cursor: pointer;
  border-radius: .62rem;
  justify-content: space-between;
  align-items: center;
  display: none;
  box-shadow: 0 0 4px #00464926;
}

.product-content:hover {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.description-container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  display: flex;
}

.description-store {
  width: 12rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-semibold);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: normal;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.concept-store {
  width: 13rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-regular);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.amount-container-store {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.amount-store {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-bold);
}

.back-button-store {
  padding-top: var(--_size---padding-small);
  padding-left: var(--_size---padding-medium);
  cursor: pointer;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.products-container-mobile {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.product-content-mobile {
  width: 80%;
  padding: .62rem var(--_size---padding-xxmedium);
  background-color: var(--_color---color-text-terciary);
  cursor: pointer;
  border-radius: .62rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
  box-shadow: 0 0 4px #00464926;
}

.product-content-mobile:hover {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.main-product-content {
  width: 80%;
  padding: var(--_size---padding-small) var(--_size---padding-xxmedium);
  background-color: var(--_color---color-text-terciary);
  cursor: pointer;
  border-radius: .62rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
  box-shadow: 0 0 4px #00464926;
}

.main-product-content:hover {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.main-product-mobile {
  width: 80%;
  padding: .62rem var(--_size---padding-xxmedium);
  background-color: var(--_color---color-text-terciary);
  cursor: pointer;
  border-radius: .62rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
  box-shadow: 0 0 4px #00464926;
}

.main-product-mobile:hover {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.main-wrapped-store-mobile {
  grid-column-gap: var(--_size---padding-xxmedium);
  grid-row-gap: var(--_size---padding-xxmedium);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.main-wrapped-store-mobile.form-card-dates {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--_color---color-secondary);
  border-radius: .62rem 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 17.81rem;
  padding-top: 0;
}

.back-button-mobile {
  padding-top: var(--_size---padding-small);
  padding-left: var(--_size---padding-medium);
  cursor: pointer;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.support-content-landing {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 2em;
  display: flex;
  position: relative;
}

.usd-flag, .image-70 {
  display: none;
}

.stop-ref-select {
  width: 5.5rem;
  height: 2rem;
  padding-right: var(--_size---padding-tiny);
  padding-left: var(--_size---padding-0);
  border: 0px solid var(--_color---color-secondary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  cursor: pointer;
  background-color: #0000;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  font-size: .8rem;
  line-height: .73rem;
  display: flex;
}

.modal-bancamiga {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.other-bank-cta {
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-primary);
  width: 17.81rem;
  height: 3.12rem;
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.bancamiga-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 25.25rem;
  display: flex;
}

.paragraph-bancamiga {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  text-align: center;
  margin-bottom: 0;
}

.cta-wrapped-bancamiga {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-bancamiga {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.bottom-text-bancamiga {
  width: 17.87rem;
}

.bottom-paragraph-bancamiga {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  text-align: center;
  margin-bottom: 0;
}

.bank-image {
  width: 50px;
  height: 50px;
}

.container-4 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-two {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.hero-without-image {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-5 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-two-2 {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px-2 {
  margin-bottom: 24px;
}

.bank-logo {
  width: 50px;
  height: 50px;
}

.hero-donation {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.main-wrapped-donation {
  padding-bottom: var(--_size---padding-0);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: clip;
}

.image-donation {
  width: 100vw;
  height: auto;
  min-height: 100vh;
  position: static;
  top: 0;
  overflow: clip;
}

.main-image {
  box-sizing: border-box;
  opacity: 1;
  object-fit: fill;
  width: 100%;
  height: 46rem;
  min-height: 100vh;
  position: absolute;
  top: -52.125px;
  overflow: clip;
}

.main-content-donation {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  opacity: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: -15px;
}

.main-heading-donation {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-6xl);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 3.5rem;
}

.main-paragraph-donation {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-4xl);
  margin-bottom: 0;
}

.main-button-donation {
  width: 14rem;
  height: 3em;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/bg-texture-2.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.spidi-logo-donation {
  width: 17rem;
}

.fundation-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--_color---color-veil-green-44);
  opacity: 1;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 58rem;
  padding: 1rem;
  display: flex;
  position: relative;
  top: 62px;
  overflow: clip;
}

.text-fundation-container {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.fundation-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.fundation-card {
  background-color: var(--_color---color-focus);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 4rem;
  padding: 1rem;
  display: flex;
}

.image-71 {
  width: 4rem;
}

.navbar--donation {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid var(--_color---color-border-glass);
  background-color: var(--_color---color-overlay-white);
  opacity: 1;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: .5rem;
  justify-content: space-between;
  align-items: center;
  width: 58rem;
  height: 3.18rem;
  padding: .62rem 1.5rem;
  display: flex;
  position: sticky;
  top: 2.69rem;
}

.inicio-link {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  padding: 0;
}

.inicio-link:active, .inicio-link:visited {
  color: var(--_color---color-contrast);
}

.inicio-link.w--current {
  color: var(--_color---color-secondary);
  font-weight: 700;
}

.inicio-link.w--current:active {
  color: var(--_color---color-contrast);
}

.donation-link {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  padding: 0;
}

.donation-link:active {
  color: var(--_color---color-contrast);
}

.donation-link:visited {
  color: var(--_color---color-secondary);
}

.donation-link.w--current {
  color: var(--_color---color-contrast);
  font-weight: 700;
}

.donation-btn {
  background-color: var(--_color---color-terciary);
  width: 8.5rem;
  height: 2.19rem;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xs);
  line-height: var(--_size---font-size-xs);
  font-weight: var(--_size---font-weight-medium);
  cursor: pointer;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.photo-author {
  font-family: var(--_size---font-body);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-style: italic;
  font-weight: var(--_size---font-weight-regular);
  position: absolute;
  inset: auto 1% 1% auto;
}

.donation-container {
  background-color: var(--_color---color-secondary);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  display: none;
  position: relative;
  overflow: clip;
}

.gradient-circle-1 {
  position: absolute;
  inset: -13% auto auto -10%;
}

.gradient-circle-2 {
  position: absolute;
  inset: auto 0% -24% auto;
}

.donation-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.donation-content-left {
  background-color: var(--_color---color-veil-white-17);
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  padding: 2rem;
  display: flex;
}

.donation-content--right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 40%;
  display: flex;
}

.donation-heading {
  font-family: var(--_size---font-display);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  margin-top: 0;
  margin-bottom: 0;
  display: none;
}

.text-block-144 {
  font-family: var(--_size---font-display);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-bold);
}

.paragraph-408 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  margin-bottom: 0;
}

.title-donation {
  width: 90%;
  font-family: var(--_size---font-display);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-5xl);
  font-weight: var(--_size---font-weight-bold);
}

.text-block-144-copy {
  font-family: var(--_size---font-display);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-bold);
}

.text-donation {
  width: 80%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  margin-bottom: 0;
}

.fundation-section {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--_color---color-focus);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  margin-right: 0;
  padding: 2rem;
  display: flex;
}

.heading-15 {
  margin-top: 0;
  margin-bottom: 0;
}

.heading-fundations {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-4xl);
  margin-top: 0;
  margin-bottom: 0;
}

.fundation-heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.paragraph-409 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  margin-bottom: 0;
}

.donation-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--_color---color-secondary);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.text-dontaion-card {
  width: 80%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  text-align: center;
  margin-bottom: 0;
  display: none;
}

.fundations {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.fundation-row-1 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.fundation-row-2, .fundation-row-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-37 {
  flex-flow: column;
  display: flex;
}

.fundation-card-info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--_color---color-bg-secondary);
  border-radius: 1.5rem;
  flex-flow: column;
  width: 50%;
  height: 535px;
  padding: 1rem;
  display: flex;
  box-shadow: 0 649px 182px #02373d00, 0 415px 166px #02373d03, 0 234px 140px #02373d08, 0 104px 104px #02373d0a, 0 26px 57px #02373d0d;
}

.fundation-card-info.last {
  height: 535px;
  box-shadow: 0 649px 182px #02373d00, 0 415px 166px #02373d03;
}

.image-fundation {
  background-color: var(--_color---color-disabled);
  border-radius: 1rem;
  height: 13rem;
  overflow: clip;
}

.fundation-info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fundation-isotype {
  background-color: var(--_color---color-button-disabled);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: none;
}

.heading-16 {
  margin-top: 0;
  margin-bottom: 0;
}

.fundation-name {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-2xl);
  margin-top: 0;
  margin-bottom: 0;
}

.button-9 {
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.donation-button {
  background-color: var(--_color---color-primary);
  width: 100%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-button-card {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.paragraph-410 {
  margin-bottom: 0;
}

.login-container {
  background-color: var(--_color---color-focus);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 50vh;
  display: flex;
}

.login-bg {
  width: 60%;
  position: absolute;
}

.login-content {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-login {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-bold);
  margin-bottom: 0;
}

.button-10 {
  background-color: var(--_color---color-secondary);
}

.login-btn {
  background-color: var(--_color---color-secondary);
  width: 50%;
  height: 40px;
  font-family: var(--_size---font-body);
  color: var(--_color---color-primary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-regular);
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.description-fundation {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-2xl);
  text-align: left;
  margin-bottom: 0;
}

.logo-dv {
  width: 3.5rem;
}

.logo-aso {
  width: 3rem;
}

.logo-syf {
  width: 6rem;
}

.logo-ftv {
  width: 5rem;
}

.image-74 {
  position: relative;
  top: -42px;
}

.image-75 {
  position: relative;
  top: -14px;
}

.image-76 {
  position: relative;
  top: auto;
}

.bold-text-4 {
  line-height: var(--_size---font-size-4xl);
}

.image-78, .main-image-mobile {
  display: none;
}

.paragraph-fundation {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  margin-bottom: 0;
}

.scrolll-section {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--_color---color-secondary);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 300vh;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: clip;
}

.sticky-wrapped {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.sticky-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.iphone-container {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
}

.iphone {
  width: 60%;
}

.screen-1 {
  width: 54%;
  position: absolute;
  top: auto;
  left: auto;
}

.text-container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  padding-right: 0;
  display: flex;
  position: relative;
  top: auto;
}

.text-1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: absolute;
}

.heading-17 {
  font-family: var(--_size---font-display);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-5xl);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-text {
  width: 80%;
  font-family: var(--_size---font-display);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-5xl);
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-text {
  width: 80%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-regular);
  margin-bottom: 0;
}

.text-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  opacity: 0;
  border-radius: 0;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: absolute;
}

.text-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  opacity: 0;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: absolute;
}

.gradient-circle-3 {
  position: absolute;
  inset: 0% auto auto 0%;
}

.gradient-circle-4 {
  position: absolute;
  inset: auto 0% 0% auto;
}

.screen-2, .screen-3 {
  opacity: 0;
  width: 54%;
  position: absolute;
}

.scroll-section {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--_color---color-secondary);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 300vh;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: clip;
}

.modal-success {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-success {
  width: 31.25rem;
  max-width: 44.12rem;
  height: 31.25rem;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  overflow: clip;
}

.back-button-success {
  background-color: var(--_color---color-primary);
  width: 8.5rem;
  height: 2rem;
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: 1.2rem;
  font-weight: var(--_size---font-weight-semibold);
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.success-message {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--_color---color-bg-secondary);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20.5rem;
  height: auto;
  padding: 1rem;
  display: flex;
  position: relative;
  box-shadow: 0 150px 42px #0000, 0 96px 38px #00000003, 0 54px 32px #0000000d, 0 24px 24px #00000017, 0 6px 13px #0000001a;
}

.title-modal-success {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: 1.7rem;
  font-weight: var(--_size---font-weight-bold);
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-success {
  width: 85%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  text-align: center;
  margin-bottom: 0;
  line-height: 1.2rem;
}

.flag {
  font-size: 3em;
  line-height: var(--_size---font-size-4xl);
}

.circle-glass-texture {
  background-color: var(--_color---color-contrast);
  background-image: url('../images/banner-modal-succes.png');
  background-position: 5% 0;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  border-radius: 2000px;
  width: 60rem;
  height: 60rem;
  position: absolute;
  inset: auto -90% -123% auto;
}

.text-btn-fundation {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.web-socialmedia-container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.fundation-web, .fundation-social-media {
  background-color: var(--_color---color-terciary);
  cursor: pointer;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.fundation-social-media.disable {
  display: none;
}

.social-web-container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.fundation-year {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-style: italic;
  font-weight: var(--_size---font-weight-regular);
}

.illustration-split {
  border-radius: 12px;
  height: 30%;
}

.imagen-split-mobile {
  display: none;
}

.section-video {
  background-color: var(--_color---color-focus);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  display: none;
}

.hero-expired {
  background-color: var(--_color---color-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  display: flex;
}

.main-container-expired {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
}

.text-content-expired {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-expired {
  font-family: var(--_size---font-display);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: var(--_size---font-size-5xl);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-411 {
  color: var(--_color---color-bg-primary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-4xl);
  text-align: center;
  margin-bottom: 0;
}

.paragraph-expired {
  width: 25rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-bg-primary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-regular);
  text-align: center;
  margin-bottom: 0;
}

.image-79, .ellipse-1 {
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-80, .ellipse-2, .image-81 {
  position: absolute;
  inset: auto 0% 0% auto;
}

.id-commerce {
  font-style: italic;
}

.guacamaya {
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-11, .button-expired {
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-primary);
  width: 70%;
  height: 3rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.footer-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-bg-secondary);
  font-size: .85rem;
  line-height: var(--_size---font-size-m);
}

.toast-store {
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-focus);
  justify-content: center;
  align-items: center;
  width: 80%;
  height: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.toast-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  text-align: center;
  margin-bottom: 0;
  line-height: 1.2rem;
}

.modal-donar {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-donar {
  width: 100%;
  max-width: 44.12rem;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.image-82 {
  position: static;
}

.image-donar {
  border-radius: 1rem;
  position: static;
}

.title-modal-donar {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-4xl);
  line-height: 2.2rem;
  font-weight: var(--_size---font-weight-bold);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.modal-text-donar {
  grid-column-gap: .87rem;
  grid-row-gap: .87rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 14% 0% auto;
}

.spidi-logo-dark {
  width: 35%;
}

.text-donar {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-regular);
}

.modal-button-donar {
  width: 11rem;
  height: 2.5em;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-m);
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/bg-texture-2.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.close-icon-donar {
  left: auto;
  top: var(--_size---padding-medium);
  right: var(--_size---padding-medium);
  cursor: pointer;
  position: absolute;
  bottom: auto;
}

.modal-container-fundations {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--_color---color-veil-green-44);
  opacity: 1;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 35rem;
  padding: 1rem;
  display: none;
  position: static;
  top: 62px;
  overflow: clip;
}

.text-modal-fundation {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-xl);
}

.modal-fundation-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.modal-fundation-card {
  background-color: var(--_color---color-focus);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 3rem;
  padding: 1rem;
  display: flex;
}

.logo-fundations {
  width: 6rem;
}

.logo-fundations.dvc {
  width: 60%;
  max-width: 100%;
}

.logo-fundations.santa {
  width: 80%;
}

.logo-fundations.asoviluz {
  width: 55%;
}

.logo-fundations.tierra-viva {
  width: 95%;
}

.image-83, .image-donar-mobile, .image-banner-mobile {
  display: none;
}

.toast-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.div-block-38 {
  display: flex;
}

.paragraph-412 {
  text-align: center;
  margin-bottom: 0;
}

.toast-foot-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  text-align: center;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 15px;
}

.modal-select-bank {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-content-select {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.main-content-select {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.modal-text-select {
  width: 100%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.buttons-select {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  display: flex;
}

.select-bank-btn {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.form-slect-bank {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.select-field-3 {
  margin-bottom: 0;
}

.back-select-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.select-bank-modal {
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-bg-secondary);
  border-radius: .31rem;
  height: 2.5rem;
  margin-bottom: 0;
}

.btn-embed {
  z-index: 10;
  position: relative;
}

.div-block-39 {
  background-color: var(--_color---color-contrast);
  flex-flow: column;
  width: 100%;
  height: 50vh;
  display: flex;
}

.cta-fundation {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--_color---color-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40vh;
  display: flex;
}

.foundation-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-bg-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-4xl);
  text-align: center;
  margin-bottom: 0;
}

.foundation-btn {
  background-color: var(--_color---color-primary);
  width: 15rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  border-radius: .2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.check-modal-success {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  padding-left: 15px;
  display: flex;
}

.check-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  margin-bottom: 0;
}

.form-block-19 {
  margin-bottom: 0;
}

.checkbox-succes {
  border: 1px solid var(--_color---color-text-secondary);
  background-color: var(--_color---color-text-terciary);
  cursor: pointer;
  border-radius: 20px;
  width: 1rem;
  height: 1rem;
}

.checkbox-succes:active {
  background-color: var(--_color---color-primary);
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-size: 1rem 1rem;
  box-shadow: 0 0 4px #0003;
}

.checkbox-succes.w--redirected-checked {
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-size: 1rem 1rem;
}

.toast-mail {
  z-index: 1;
  width: 90%;
  padding: var(--_size---padding-small);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---badge-bg-success);
  justify-content: space-between;
  align-items: center;
  display: none;
  position: sticky;
  top: 7px;
  left: auto;
}

.toast-owner {
  z-index: 1;
  width: 100%;
  padding: var(--_size---padding-small);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---badge-bg-success);
  justify-content: space-between;
  align-items: center;
  display: none;
  position: sticky;
  top: 7px;
  left: auto;
}

.image-84 {
  display: none;
}

.modal-midnight {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.paragraph-midnight {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  text-align: center;
  margin-bottom: 0;
}

.midnight-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 25.25rem;
  display: flex;
}

.cta-wrapped-midnight {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.midnight-cta {
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-primary);
  width: 17.81rem;
  height: 3.12rem;
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.cta-midnight {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
}

.spidi-store {
  height: 1.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spidi-store.admin {
  display: none;
}

.spidi-store-active {
  width: 14.62rem;
  height: 2.25rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  border-radius: .3rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spidi-store-menu-icon {
  cursor: pointer;
}

.spidi-store-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-regular);
  cursor: pointer;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.spidi-store-text-active {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.spidi-store-content {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: wrap-reverse;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  display: none;
}

.spidi-store-button {
  width: 15.5rem;
  height: 3.68rem;
  padding: 0px var(--_size---padding-small) 0px 0px;
  background-color: var(--_color---color-primary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  background-image: url('../images/plus.svg');
  background-position: 5%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.pago-movil-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.label-pago-movil {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.pago-movil-button {
  background-color: var(--_color---color-primary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  border-radius: .3rem;
}

.modal-pago-movil {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-pago-movil {
  width: 100%;
  max-width: 44.12rem;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  border-radius: var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.pago-movil-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 25.25rem;
  display: flex;
}

.paragraph-pago-movil {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  text-align: center;
  margin-bottom: 0;
}

.cta-wrapped-pago-movil {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pago-movil-btn {
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-primary);
  width: 17.81rem;
  height: 3.12rem;
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.pago-movil-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-regular);
}

.pago-movil-info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-bg-secondary);
  border-radius: .625rem;
  flex-flow: column;
  width: 60%;
  height: auto;
  padding: 1.25rem;
  display: flex;
}

.rif-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rif-pago-movil {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
}

.text-span-9 {
  font-weight: var(--_size---font-weight-bold);
}

.phone-content, .rif-content-copy, .content-bank {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.content-amount {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.rif, .phone-bold, .rif-span, .phone-span, .amount-span, .bank-span, .span-amount {
  font-weight: var(--_size---font-weight-bold);
}

.span-monto {
  font-family: var(--_size---font-display);
  font-weight: var(--_size---font-weight-regular);
}

.btn-wrapper-pago-movil {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.btn-copy {
  background-color: var(--_color---color-terciary);
  width: 50%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  background-image: url('../images/copy_1.svg');
  background-position: 15%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding-left: 34px;
  display: flex;
}

.qr-btn {
  background-color: var(--_color---color-terciary);
  width: 50%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  background-image: url('../images/qr-icon.svg');
  background-position: 15%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding-left: 34px;
  display: flex;
}

.pago-movil-dates {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.qr-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: none;
}

.pago-movil {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.transport-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: none;
}

.label-transport {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.toast-transport {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--_color---color-focus);
  border-radius: .62rem;
  padding: 1rem;
  display: flex;
  box-shadow: 0 24px 7px #adadad00, 0 15px 6px #adadad08, 0 9px 5px #adadad1a, 0 4px 4px #adadad2b, 0 1px 2px #adadad33;
}

.transport-info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.title-transport-info {
  color: var(--_color---color-outline-green);
  font-size: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
}

.description-transport-info {
  color: var(--_color---color-gray-dark);
  font-weight: var(--_size---font-weight-regular);
}

.modal-transport {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-content-transport {
  width: 28.81rem;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.title-modal-transport {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.main-content-transport {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.modal-text-transport {
  width: 100%;
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.buttons-transport {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  display: flex;
}

.product-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.user-transport-background {
  background-color: var(--_color---color-terciary);
  background-image: linear-gradient(16deg, var(--_color---color-contrast), var(--_color---color-primary) 44%, #d3ffb4 88%);
  border-radius: 100px;
  width: 108px;
  height: 108px;
  position: absolute;
}

.close-button {
  border: 1px none var(--_color---color-gray);
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.toast-transport-done {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--_color---color-focus);
  border-radius: .62rem;
  padding: 1rem;
  display: flex;
  box-shadow: 0 24px 7px #adadad00, 0 15px 6px #adadad08, 0 9px 5px #adadad1a, 0 4px 4px #adadad2b, 0 1px 2px #adadad33;
}

.selector-expanded, .export-type-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.ref-buttons {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button-12 {
  width: 6.25rem;
}

.button-ref {
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-bg-secondary);
  width: 6.25rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-2xl);
  border-radius: .312rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-ref:hover {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.button-ref:active {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.tasa-bcv-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-2xs);
}

.selector-compact {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.selector-compact.is-hidden {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.text-block-145, .document-format {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
}

.div-block-40 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-format-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.pencil-btn:hover {
  background-color: var(--_color---color-focus);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.text-pencil {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.selector-compact-content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.content-options-card {
  border: 1px solid var(--_color---color-gray);
  border-radius: .25rem;
  flex-flow: column;
  display: flex;
}

.option-row {
  border-bottom: 1px solid var(--_color---color-gray);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  height: 2.43rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.option-row.last {
  cursor: pointer;
  border-bottom-style: none;
}

.content-checkbox {
  cursor: pointer;
  border-radius: 100px;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0;
}

.content-checkbox:hover {
  background-color: var(--_color---color-focus);
}

.content-checkbox:active {
  box-shadow: 0 2px 5px 0 var(--_color---color-box-shadow);
}

.content-checkbox.w--redirected-checked {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-primary);
  box-shadow: 0 2px 5px 0 var(--_color---color-box-shadow);
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-size: 1rem;
}

.content-checkbox.w--redirected-focus {
  box-shadow: 0 2px 5px 0 var(--_color---color-box-shadow);
}

.form-block-20 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.checkbox-label {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  margin-bottom: 0;
}

.checkbox-field-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.form-5 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-2xl);
}

.options-container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.accordion-item {
  border-radius: .2rem;
  flex-flow: column;
  display: flex;
}

.accordion-trigger {
  background-color: var(--_color---badge-bg-success);
  border-radius: .2rem;
  justify-content: space-between;
  align-items: center;
  height: 2.43rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.accordion-trigger.fixed-fields {
  cursor: pointer;
}

.accordion-trigger.custom-field {
  background-color: var(--_color---color-bg-secondary);
}

.accordion-content {
  background-color: var(--_color---badge-bg-success);
  border-radius: .2rem;
  flex-flow: column;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.accordion-content.fixed-fields {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.accordion-content.custom-field {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--_color---color-bg-secondary);
  padding-left: 2rem;
}

.image-85 {
  cursor: pointer;
}

.label-fields, .label-fixed-fields {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-success);
  font-size: var(--_size---font-size-s);
}

.fixed-field, .text-block-146, .text-block-146-copy {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-success);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-2xl);
}

.field-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-86 {
  cursor: pointer;
}

.count-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-m);
}

.subfield-checkbox {
  cursor: pointer;
  border-radius: 100px;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0;
}

.subfield-checkbox:hover {
  background-color: var(--_color---color-focus);
}

.subfield-checkbox:active {
  border: 1px solid var(--_color---color-contrast);
  box-shadow: 0 2px 5px 0 var(--_color---color-box-shadow);
}

.subfield-checkbox.w--redirected-checked {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-primary);
  box-shadow: 0 2px 5px 0 var(--_color---color-box-shadow);
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-size: 1rem;
}

.subfield-checkbox.w--redirected-focus {
  box-shadow: 0 2px 5px 0 var(--_color---color-box-shadow);
}

.format-expanded, .format-compact {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.format-compact.is-hidden {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.currency-expanded, .currency-compact {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.currency-compact.is-hidden {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.pencil-format {
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
}

.pencil-format:hover {
  background-color: var(--_color---color-focus);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.pencil-currency {
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
}

.pencil-currency:hover {
  background-color: var(--_color---color-focus);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.radio-button-field-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.radio-button-label-2 {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  margin-bottom: 0;
}

.custom-accordion-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.personalized-compact-row {
  border-bottom: 1px solid var(--_color---color-gray);
  justify-content: space-between;
  align-items: center;
  height: 2.43rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.personalized-compact-row.last {
  border-bottom-style: none;
}

.personalized-compact-row.is-hidden {
  border: 1px solid var(--_color---color-gray);
  cursor: pointer;
  border-radius: .2rem;
}

.arrow-top, .image-86-copy, .close-modal-export, .image-87 {
  cursor: pointer;
}

.notice-content {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: none;
}

.right-container-notice {
  width: auto;
  padding-right: var(--_size---padding-xxmedium);
  padding-bottom: var(--_size---padding-xxmedium);
  padding-left: var(--_size---padding-xxmedium);
  border: 1px solid var(--_color---color-secondary);
  border-radius: var(--_size---border-radius-medium);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.notice-action {
  width: 28.9rem;
  height: 2.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  border-style: solid none solid solid;
  border-width: 0 0 1px;
  border-color: var(--_color---color-text-secondary) var(--_color---color-secondary);
  background-color: var(--_color---color-text-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.notice-action:hover {
  background-color: var(--_color---color-focus);
}

.notice-action-pressed {
  width: 28.9rem;
  height: 2.5rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  border-style: solid none solid solid;
  border-width: 0 0 1px;
  border-color: var(--_color---color-text-secondary) var(--_color---color-secondary);
  background-color: var(--_color---color-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: none;
}

.store-wrapped {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100vh;
  margin-top: var(--_size---padding-0);
  margin-bottom: var(--_size---padding-0);
  padding-top: var(--_size---padding-xsmall);
  padding-bottom: var(--_size---padding-xsmall);
  clear: none;
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  background-color: var(--_color---color-bg-secondary);
  flex-flow: column;
  margin-left: 0;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.store-table-mobile {
  display: none;
}

.store-table {
  background-color: var(--_color---color-bg-secondary);
  border-radius: .62rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
  box-shadow: 0 764px 214px #00464900, 0 489px 196px #00464900, 0 275px 165px #00464905, 0 122px 122px #00464908, 0 31px 67px #00464908;
}

.empty-state-store {
  padding-top: var(--_size---padding-large);
  padding-bottom: var(--_size---padding-large);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.store-table-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: auto;
  padding: 2rem;
  display: none;
}

.heading-store-container {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: 1.5em;
  line-height: var(--_size---font-size-4xl);
  margin-top: 0;
  margin-bottom: 0;
}

.store-content {
  border-radius: var(--_size---border-radius-medium);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.25rem;
  display: flex;
  box-shadow: 0 0 4px #00464926;
}

.text-store {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.store-title {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-4xl);
  font-weight: var(--_size---font-weight-bold);
}

.store-description {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
}

.edit-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.edit-store, .delete-store {
  cursor: pointer;
}

.card-store-creation {
  padding: 2.5rem var(--_size---padding-xxmedium);
  background-color: var(--_color---color-bg-secondary);
  border-radius: 1.25rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  box-shadow: 0 766px 214px #00464900, 0 490px 196px #00464900, 0 276px 165px #00464905, 0 123px 123px #00464908, 0 31px 67px #00464908;
}

.options-store-creation {
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  border-right: 1px solid var(--_color---color-divider);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 117rem;
  display: flex;
}

.form-store-creation {
  padding-right: var(--_size---padding-medium);
  padding-left: var(--_size---padding-medium);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-left: 1px none var(--_color---color-divider);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 4px;
  display: flex;
}

.added-store {
  width: 10.94rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-small) var(--_size---padding-xsmall) var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.added-store-active {
  width: 10.94rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-small) var(--_size---padding-xsmall) var(--_size---padding-xsmall);
  border-right: 2px solid var(--_color---color-contrast);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.header-add-store {
  border-bottom: 1px solid var(--_color---color-divider);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.user-store-content {
  padding-bottom: var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  justify-content: center;
  align-items: center;
  display: flex;
}

.store-add-text {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
}

.link-store {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  text-decoration: none;
}

.link-store-creation, .link-store-creation.w--current, .link-store-creation.w.w--current {
  text-decoration: none;
}

.title-input {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  display: flex;
}

.form-store-product, .form-store-dates {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: flex;
}

.label-store, .label-request-copy {
  padding-bottom: var(--_size---padding-0);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
  margin-bottom: 0;
}

.input-store-creation {
  width: 19.5rem;
  height: 3.5rem;
  padding: 0px var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-gray);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  text-align: left;
  border-radius: .31rem;
  margin-bottom: 0;
}

.input-store-creation:hover {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.input-store-creation:active {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.input-store-creation:focus, .input-store-creation:focus-visible, .input-store-creation[data-wf-focus-visible] {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.input-request-copy {
  width: 19.5rem;
  height: 3.5rem;
  padding: 0px var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-gray);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  text-align: left;
  border-radius: .31rem;
  margin-bottom: 0;
}

.input-request-copy:hover {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.input-request-copy:active {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  color: var(--_color---color-secondary);
}

.input-request-copy:focus, .input-request-copy:focus-visible, .input-request-copy[data-wf-focus-visible] {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.store-dates {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--_color---color-divider);
  flex-flow: column;
  padding-bottom: 2rem;
  display: flex;
}

.text-store-creation {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.title-store-creation {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-3xl);
  font-weight: var(--_size---font-weight-semibold);
}

.description-store-creation {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
}

.product-store {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--_color---color-divider);
  flex-flow: column;
  padding-bottom: 2rem;
  display: flex;
}

.ref-store {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.label-text-ref {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
}

.monto-input {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.input-monto {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.button-store-content {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.button-more-product {
  background-color: var(--_color---color-terciary);
  width: 12.6rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.amount-product-store-copy, .quantity-product-store, .identificator-store {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--_color---color-divider);
  flex-flow: column;
  padding-bottom: 2rem;
  display: flex;
}

.select-identificator {
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-bg-secondary);
  border-radius: .3rem;
  width: 19.5rem;
  height: 3.5rem;
  margin-bottom: 0;
}

.select-identificator:hover, .select-identificator:active {
  border-color: var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
}

.button-identificator {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.link-identificator {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
}

.title-prodcut-container {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
  display: flex;
}

.product-title {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-l);
  line-height: var(--_size---font-size-3xl);
  font-weight: var(--_size---font-weight-semibold);
}

.remove-product-btn {
  cursor: pointer;
}

.product-quantity-wrapper, .products-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--_color---color-divider);
  flex-flow: column;
  padding-bottom: 2rem;
  display: flex;
}

.product-item {
  margin-bottom: 0;
}

.add-product-btn {
  background-color: var(--_color---color-terciary);
  width: 12.6rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  text-align: center;
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.identifier-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--_color---color-divider);
  flex-flow: column;
  padding-bottom: 2rem;
  display: flex;
}

.identifier-item {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.link-identificator-copy {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
}

.remove-identifier-item {
  cursor: pointer;
}

.add-identifier-btn {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
}

.radio-button-label-3 {
  font-family: var(--_size---font-body);
}

.radio-btn-identifier-label {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  margin-bottom: 0;
}

.radio-button-field-3, .radio-button-field-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 10px;
  display: flex;
}

.radio-button-2, .radio-button-3, .radio-button-2-copy {
  margin-top: 0;
}

.radio-btn-identifier {
  cursor: pointer;
  border-radius: 100px;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0;
}

.radio-btn-identifier:hover {
  background-color: var(--_color---color-focus);
}

.radio-btn-identifier:active {
  box-shadow: 0 2px 5px 0 var(--_color---color-box-shadow);
}

.radio-btn-identifier.w--redirected-checked {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-primary);
  box-shadow: 0 2px 5px 0 var(--_color---color-box-shadow);
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-size: 1rem;
}

.radio-btn-identifier.w--redirected-focus {
  box-shadow: 0 2px 5px 0 var(--_color---color-box-shadow);
}

.content-checkbox-copy {
  cursor: pointer;
  border-radius: 100px;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0;
}

.content-checkbox-copy:hover {
  background-color: var(--_color---color-focus);
}

.content-checkbox-copy:active {
  box-shadow: 0 2px 5px 0 var(--_color---color-box-shadow);
}

.content-checkbox-copy.w--redirected-checked {
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-primary);
  box-shadow: 0 2px 5px 0 var(--_color---color-box-shadow);
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-size: 1rem;
}

.content-checkbox-copy.w--redirected-focus {
  box-shadow: 0 2px 5px 0 var(--_color---color-box-shadow);
}

.radio-btn-container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.form-store-identifier {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: flex;
}

.store-creation-buttons {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 5rem;
  display: flex;
}

.store-back-button {
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  height: 2.81rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 19px 5px #00464900, 0 12px 5px #00464900, 0 7px 4px #00464905, 0 3px 3px #00464908, 0 1px 2px #00464908;
}

.store-creation-button {
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.81rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 19px 5px #00464900, 0 12px 5px #00464900, 0 7px 4px #00464905, 0 3px 3px #00464908, 0 1px 2px #00464908;
}

.added-store-creation {
  width: 100%;
  padding-right: var(--_size---padding-medium);
  padding-left: var(--_size---padding-medium);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-left: 1px none var(--_color---color-divider);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.store-preview-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.request-back-button-copy {
  background-color: var(--_color---color-terciary);
  width: 12.68rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 19px 5px #00464900, 0 12px 5px #00464900, 0 7px 4px #00464905, 0 3px 3px #00464908, 0 1px 2px #00464908;
}

.store-next-button-copy, .store-next-button {
  background-color: var(--_color---color-primary);
  width: 12.68rem;
  height: 2.81rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 19px 5px #00464900, 0 12px 5px #00464900, 0 7px 4px #00464905, 0 3px 3px #00464908, 0 1px 2px #00464908;
}

.store-preview {
  font-family: var(--_size---font-body);
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
}

.store-top-elements, .form-elements {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.store-created-content {
  border-radius: .62rem;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem;
  display: flex;
  box-shadow: 0 0 4px #00464926;
}

.store-title-created {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: 1.85rem;
  font-weight: var(--_size---font-weight-semibold);
}

.store-description-created {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
}

.store-dates-created {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-bottom: 1px none var(--_color---color-divider);
  flex-flow: column;
  padding-bottom: 0;
  display: flex;
}

.product-created {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-focus);
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  display: flex;
  box-shadow: 0 23px 6px #00464900, 0 15px 6px #00464900, 0 8px 5px #00464905, 0 4px 4px #00464908, 0 1px 2px #00464908;
}

.product-dates-created {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  padding: 0;
  display: flex;
}

.title-product-created {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
}

.description-product-created {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: 1.3rem;
}

.product-amount-created {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  padding: 0;
  display: flex;
}

.amount-product-created {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-bold);
}

.dates-amount-container {
  flex-flow: wrap-reverse;
  justify-content: space-between;
  align-items: center;
  width: 89%;
  display: flex;
}

.identifier-created {
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.identifier-label {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
}

.identifier-store-created {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  text-align: right;
}

.identifier-created-container {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  display: flex;
}

.toast-delete-product, .toast-delete-store {
  z-index: 1;
  width: 100%;
  padding: var(--_size---padding-small);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---badge-bg-success);
  justify-content: space-between;
  align-items: center;
  display: none;
  position: sticky;
  top: 7px;
  left: auto;
}

.modal-delete-store, .modal-delete-product {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.input-identifier {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-bottom: 1rem;
  display: flex;
}

.custom-identifier-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-bottom: 1px;
  display: flex;
}

.empty-state-store-content {
  padding-top: var(--_size---padding-small);
  padding-bottom: var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.steps-store {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.steps-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 2px solid var(--_color---color-bg-primary);
  border-radius: var(--_size---border-radius-medium);
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem;
  display: flex;
}

.steps-content {
  flex-flow: column;
  display: flex;
}

.step-span {
  font-family: var(--_size---font-display);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-semibold);
}

.step-store-title {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
}

.step-description {
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-2xs);
}

.create-store-button {
  background-color: var(--_color---color-primary);
  width: 15rem;
  height: 2.8rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .35rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.create-store-container {
  justify-content: flex-end;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.current-count {
  width: 19.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-2xs);
  justify-content: flex-end;
  align-items: center;
  padding-left: .5rem;
  padding-right: .5rem;
  display: none;
}

.input-wrapper {
  flex-flow: column;
  display: flex;
}

.section-validation {
  width: 100%;
  height: auto;
  min-height: 100vh;
}

.validation-info {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-contrast);
  border-radius: var(--_size---border-radius-medium);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 46%;
  padding: 1rem;
  display: flex;
}

.buttons-validation {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 46%;
  display: flex;
}

.negative-validation-btn {
  background-color: var(--_color---color-terciary);
  width: 50%;
  height: 2.5rem;
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .3rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.positive-validation-btn {
  background-color: var(--_color---color-primary);
  width: 50%;
  height: 2.5rem;
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  border-radius: .3rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.reference-content {
  display: none;
}

.lottie-animation2 {
  z-index: 99999999;
  display: flex;
  position: relative;
}

.lottie-animation2.pago-movil {
  display: none;
}

.negative-form-validation {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: none;
}

.text-transaction-validation {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.text-transaction-validation.text-close {
  text-align: center;
}

.text-transaction-validation.pago-movil {
  font-size: var(--_size---font-size-xl);
  display: none;
}

.back-validation {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-bold);
  text-align: center;
}

.item-description {
  width: 10rem;
  font-family: var(--_size---font-display);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.intem-container {
  flex-flow: column;
  display: flex;
}

.user-unregistered-id {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-3xl);
  font-weight: var(--_size---font-weight-medium);
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.item-description-copy {
  width: 10rem;
  font-family: var(--_size---font-display);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.due-date {
  width: 10rem;
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-xl);
  font-weight: var(--_size---font-weight-semibold);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.item-amount-container {
  flex-flow: column;
  display: flex;
}

.link-4 {
  text-align: center;
}

.tax-view {
  color: var(--_color---color-contrast);
  font-size: var(--_size---font-size-s);
  line-height: var(--_size---font-size-xl);
  text-align: right;
}

.parada-btn {
  width: 20.5rem;
  height: 3.5rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium);
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-l);
  line-height: var(--_size---font-size-l);
  font-weight: var(--_size---font-weight-semibold);
  border-radius: .62rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.total-container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.total-detai-stop {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 17.81rem;
  display: flex;
}

.detail-list-stop {
  width: 100%;
  height: var(--_size---padding-small);
  justify-content: space-between;
  align-items: center;
  padding-right: 1px;
  display: flex;
}

.total-detail-stop {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.total-amount-stop {
  width: 100%;
  height: 2.56rem;
  padding-right: var(--_size---padding-xsmall);
  padding-left: var(--_size---padding-xsmall);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_color---color-terciary);
  border-radius: .3rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.total-amount-store {
  width: 80%;
  height: 3.5rem;
  padding-right: var(--_size---padding-xmedium);
  padding-left: var(--_size---padding-xmedium);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-terciary);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.modal-filter-admin {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.filter-content-admin {
  width: 90%;
  max-width: 100%;
  padding: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-medium);
  grid-row-gap: var(--_size---padding-medium);
  background-color: var(--_color---color-bg-secondary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  border-radius: .625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.main-filter-admin, .filter-header-main {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.transaction-date-admin {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.status-input {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.select-status {
  border: 1px solid var(--_color---color-text-secondary);
  background-color: var(--_color---color-bg-secondary);
  width: 12.68rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  border-radius: .31rem;
  margin-bottom: 0;
}

.form-block-21 {
  margin-bottom: 0;
}

.buttons-filter-admin {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-input {
  border: 1px solid var(--_color---color-text-secondary);
  background-color: var(--_color---color-bg-secondary);
  width: 12.68rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  border-radius: .31rem;
  margin-bottom: 0;
}

.text-input-container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.text-input-left, .text-input-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.from-input-admin {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  display: flex;
}

.to-input-admin {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
}

.transaction-filters-admin {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  display: flex;
}

.search-button-admin {
  background-color: var(--_color---color-primary);
  width: 15rem;
  height: 2.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  border-radius: .31rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.transaction-filters-mobile-admin {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 2rem;
  display: none;
}

.back-pagomovil {
  cursor: pointer;
  display: none;
  position: absolute;
  inset: 1.25rem auto auto 1.25rem;
}

.form-container-validation {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-medium-container {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: .25rem;
  display: flex;
}

.form-medium-reference {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 17.81rem;
  padding-top: .25rem;
  display: none;
}

.form-medium-pago-movil {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: .25rem;
  display: flex;
}

.btn-container-pago-movil {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.from-btn-main {
  width: 12.68rem;
  height: 2.5rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-text-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/calendar_1.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.from-btn-main.date_start {
  font-weight: var(--_size---font-weight-regular);
}

.to-btn-main {
  width: 12.68rem;
  height: 2.5rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-text-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/calendar_1.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.from-input-main {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  display: flex;
}

.to-input-main {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
}

.div-block-41 {
  display: none;
}

.tab-parada {
  width: 8.9rem;
  height: 1.25rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-gray-dark);
  font-size: var(--_size---font-size-2xs);
  line-height: var(--_size---font-size-2xs);
  font-weight: var(--_size---font-weight-semibold);
  cursor: pointer;
  background-color: #0000;
  border-radius: 12.5rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.tab-parada.tab-parada-active, .tab-parada-active {
  background-color: var(--_color---color-terciary);
  color: var(--_color---color-secondary);
}

.tab-bar-parada {
  background-color: var(--_color---color-bg-secondary);
  width: 17.8125rem;
  height: 1.5rem;
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  border-radius: 12.5rem;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  padding: .12rem;
  display: flex;
  box-shadow: 0 0 4px #00464926;
}

.panel-historial {
  padding-right: var(--_size---padding-xmedium);
  padding-left: var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: center;
  align-items: flex-start;
  display: none;
}

.confirmation-wrapped-stop {
  grid-column-gap: var(--_size---padding-xxmedium);
  grid-row-gap: var(--_size---padding-xxmedium);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.title-amount-stop {
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-regular);
  margin-top: 0;
  margin-bottom: 0;
}

.items-list-stop {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  flex-flow: column;
  display: flex;
}

.item-content-stop {
  width: 20.5rem;
  height: 4.25rem;
  padding: var(--_size---padding-xxsmall) var(--_size---padding-xxmedium);
  grid-column-gap: var(--_size---padding-0);
  grid-row-gap: var(--_size---padding-0);
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-focus);
  font-family: var(--_size---font-body);
  justify-content: space-between;
  align-items: center;
  display: flex;
  box-shadow: 0 0 4px #00464926;
}

.item-content-stop:active, .item-content-stop:focus {
  background-color: var(--_color---color-focus);
  outline-color: var(--_color---color-outline-focus);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
}

.total-text-stop {
  color: var(--_color---color-secondary);
  font-size: 14px;
  font-weight: var(--_size---font-weight-medium);
  display: block;
}

.user-content-stop {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.stop-user {
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: 400;
}

.stop-id {
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
}

.btn-pay-stop {
  width: 20.5rem;
  height: 3.5rem;
  padding: var(--_size---padding-xsmall) var(--_size---padding-medium);
  background-color: var(--_color---color-primary);
  box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-l);
  line-height: var(--_size---font-size-l);
  font-weight: var(--_size---font-weight-semibold);
  border-radius: .62rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.transaction-table-stop {
  background-color: var(--_color---color-bg-secondary);
  border-radius: .62rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 72.25rem;
  display: flex;
  box-shadow: 0 764px 214px #00464900, 0 489px 196px #00464900, 0 275px 165px #00464905, 0 122px 122px #00464908, 0 31px 67px #00464908;
}

.qa-enviroment {
  grid-column-gap: var(--_size---padding-small);
  grid-row-gap: var(--_size---padding-small);
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.form-bank-pago-movil {
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  padding-top: .25rem;
  display: flex;
}

.main-content-upload-profile {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.spidi-logo-pre, .blur-pre {
  display: none;
}

.client-select {
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  height: 3.12rem;
  color: var(--_color---color-secondary);
  margin-bottom: 0;
}

.company-name {
  grid-column-gap: var(--_size---padding-xsmall);
  grid-row-gap: var(--_size---padding-xsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.from-btn-request {
  width: 12.68rem;
  height: 2.5rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-text-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/calendar_1.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.from-btn-request.date_start {
  font-weight: var(--_size---font-weight-regular);
}

.to-btn-request {
  width: 12.68rem;
  height: 2.5rem;
  padding: 0px 0px 0px var(--_size---padding-xsmall);
  border: 1px solid var(--_color---color-gray);
  background-color: var(--_color---color-text-terciary);
  font-family: var(--_size---font-body);
  color: var(--_color---color-text-secondary);
  font-weight: var(--_size---font-weight-medium);
  background-image: url('../images/calendar_1.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .31rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.other-amount-validation-btn {
  border: 1px solid var(--_color---color-secondary);
  width: 100%;
  height: 2.5rem;
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-medium);
  background-color: #0000;
  border-radius: .3rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.other-amount-result {
  grid-column-gap: var(--_size---padding-xmedium);
  grid-row-gap: var(--_size---padding-xmedium);
  flex-direction: column;
  align-items: center;
  width: 46%;
  display: none;
}

.notice-refund {
  width: 100%;
  padding: var(--_size---padding-small);
  grid-column-gap: var(--_size---padding-xxsmall);
  grid-row-gap: var(--_size---padding-xxsmall);
  border: 1px solid var(--_color---color-contrast);
  background-color: var(--_color---color-focus);
  border-radius: .625rem;
  flex-direction: column;
  display: flex;
}

.notice-refund-title {
  font-family: var(--_size---font-body);
  color: var(--_color---badge-text-success);
  font-size: var(--_size---font-size-s);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.notice-refund-text {
  font-family: var(--_size---font-body);
  color: var(--_color---badge-text-success);
  font-size: var(--_size---font-size-s);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.25rem;
}

.retry-amount-text {
  grid-column-gap: var(--_size---padding-tiny);
  grid-row-gap: var(--_size---padding-tiny);
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  line-height: 1.25rem;
  display: flex;
}

.retry-amount-value {
  font-family: var(--_size---font-display);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-s);
  line-height: 1.25rem;
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.retry-amount-label {
  margin-top: 0;
  margin-bottom: 0;
}

.buttons-validation-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.back-link {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  font-weight: var(--_size---font-weight-bold);
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  text-decoration: underline;
  display: flex;
}

.back-link.pago-movil {
  line-height: var(--_size---font-size-2xl);
  cursor: pointer;
  margin-top: 0;
}

.total-store-amount {
  width: 80%;
  height: 3.5rem;
  padding-right: var(--_size---padding-medium);
  padding-left: var(--_size---padding-medium);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--_size---padding-xsmall);
  background-color: var(--_color---color-terciary);
  justify-content: space-between;
  align-items: center;
  display: none;
}

.label-amount-store {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-m);
  line-height: var(--_size---font-size-2xl);
  font-weight: var(--_size---font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.text-total-amount-store {
  font-family: var(--_size---font-body);
  color: var(--_color---color-secondary);
  font-size: var(--_size---font-size-xl);
  line-height: var(--_size---font-size-xl);
  margin-top: 0;
  margin-bottom: 0;
}

.text-total-amount-store.bs-amount {
  font-family: var(--_size---font-display);
  font-size: var(--_size---font-size-2xl);
  line-height: var(--_size---font-size-4xl);
}

.text-total-amount-store.bs-amount.fallback-code {
  display: block;
}

.type-client-select, .taxing-select, .selling-select, .buying-select, .category-select {
  border-radius: var(--_size---border-radius-medium);
  background-color: var(--_color---color-bg-secondary);
  height: 3.12rem;
  color: var(--_color---color-secondary);
  margin-bottom: 0;
}

.select-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.lottie-spinner {
  z-index: 99999999;
  display: none;
  position: relative;
}

.lottie-spinner.pago-movil {
  display: none;
}

.image-89 {
  position: absolute;
}

.step-bar-dark {
  display: none;
  position: absolute;
}

.step-bar-light {
  display: block;
}

.spidi-tema-btn {
  cursor: pointer;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 0;
  display: inline-block;
  box-shadow: 0 0 0 1px #02373d;
}

.spidi-tema-btn.esquina {
  z-index: 998;
  position: fixed;
  top: 16px;
  right: 16px;
}

.failed-text-juridico, .failed-text-juridico-2 {
  display: none;
}

@media screen and (min-width: 1280px) {
  body {
    background-color: var(--_color---color-bg-primary);
  }

  .heading-style-h1 {
    padding-bottom: var(--_size---padding-small);
    padding-left: var(--_size---padding-medium);
    font-size: var(--_size---font-size-7xl);
    line-height: var(--_size---font-size-7xl);
    margin-top: 0;
    margin-bottom: 0;
    inset: auto auto 22%;
  }

  .image {
    width: 100%;
    max-width: 1280%;
    height: 100%;
    max-height: 100%;
  }

  .section-logo {
    padding-top: var(--_size---padding-small);
    padding-right: var(--_size---padding-medium);
    padding-bottom: var(--_size---padding-small);
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .image-2 {
    width: 220px;
  }

  .padding-global.padding-section-large {
    padding: var(--_size---padding-xxmedium) var(--_size---padding-xmedium) var(--_size---padding-xxmedium) var(--_size---padding-xxmedium);
  }

  .container-large.container-color {
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }

  .container-large.color-content {
    width: 100%;
    padding-top: var(--_size---padding-medium);
    padding-bottom: var(--_size---padding-medium);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }

  .container-large.color-text-content {
    width: 100%;
    height: auto;
    padding-top: var(--_size---padding-medium);
    padding-bottom: var(--_size---padding-medium);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .container-large.container-hue {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .container-large.container-font-family {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
  }

  .image-3 {
    width: 700px;
  }

  .heading-style-h2 {
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-6xl);
    line-height: var(--_size---font-size-6xl);
    position: absolute;
    right: 260px;
  }

  .heading-style-h2.index-number {
    font-family: var(--_size---font-display);
    color: var(--_color---color-primary);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18rem;
    line-height: 18rem;
    bottom: 0;
    left: 0;
    right: auto;
  }

  .primary-color-card {
    width: 18rem;
    height: 23rem;
    padding: var(--_size---padding-xxmedium);
    background-color: var(--_color---color-primary);
    box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .secondary-color-card {
    width: 18rem;
    height: 23rem;
    padding: var(--_size---padding-xxmedium);
    background-color: var(--_color---color-secondary);
    box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .terciary-color-card {
    width: 18rem;
    height: 23rem;
    padding: var(--_size---padding-xxmedium);
    background-color: var(--_color---color-terciary);
    box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .contrast-color-card {
    width: 18rem;
    height: 23rem;
    padding: var(--_size---padding-xxmedium);
    background-color: var(--_color---color-contrast);
    box-shadow: 0 0 5px 0 var(--_color---color-box-shadow);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .heading-style-h3 {
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
    font-weight: var(--_size---font-weight-semibold);
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-style-h3.text-color-terciary {
    color: var(--_color---color-bg-secondary);
  }

  .circle {
    width: 3rem;
    height: 3rem;
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    background-color: var(--_color---color-bg-secondary);
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-2xl);
    text-align: center;
    border-radius: 100px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 15px;
  }

  .circle.circle-color-background {
    background-color: var(--_color---color-primary);
  }

  .circle.circle-color-background.text-color {
    background-color: var(--_color---color-bg-secondary);
  }

  .text-size-large {
    font-family: var(--_size---font-body);
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
    font-weight: var(--_size---font-weight-medium);
  }

  .text-size-large.text-color-terciary {
    color: var(--_color---color-bg-secondary);
  }

  .color-info {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .background-color-card.color-bg-primary {
    width: 37rem;
    height: 15rem;
    padding: var(--_size---padding-xxmedium);
    background-color: var(--_color---color-bg-primary);
    box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .background-color-card.color-bg-secondary {
    width: 37rem;
    height: 15rem;
    padding: var(--_size---padding-xxmedium);
    box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .container-card.color-background-content {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .text-color-card.color-text-primary {
    width: 18rem;
    height: 18rem;
    padding: var(--_size---padding-xxmedium);
    background-color: var(--_color---color-text-secondary);
    box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .text-color-card.color-text-secondary {
    width: 18rem;
    height: 18rem;
    padding: var(--_size---padding-xxmedium);
    background-color: var(--_color---color-disabled);
    box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .text-color-card.color-text-terciary {
    width: 18rem;
    height: 18rem;
    padding: var(--_size---padding-xxmedium);
    background-color: var(--_color---color-secondary-variant);
    box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .text-color-card.color-text-contrast {
    width: 18rem;
    height: 18rem;
    padding: var(--_size---padding-xxmedium);
    background-color: var(--_color---color-primary-variant);
    box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .text-color-card.color-support-error, .text-color-card.color-support-warning, .text-color-card.color-support-info, .text-color-card.color-support-succes {
    width: 18rem;
    height: 18rem;
  }

  .text-color-info {
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-2xl);
  }

  .color-card.primary-color-main, .color-card.primary-light-1, .color-card.primary-light-2, .color-card.primary-light-3, .color-card.primary-dark-1, .color-card.primary-dark-2, .color-card.primary-dark-3, .color-card.secundary-color-main, .color-card.secundary-light-1, .color-card.secundary-light-2, .color-card.secundary-light-3, .color-card.secundary-dark-1, .color-card.secundary-dark-2, .color-card.secundary-dark-3, .color-card.terciary-color-main, .color-card.terciary-light-1, .color-card.terciary-light-2, .color-card.terciary-light-3, .color-card.terciary-dark-1, .color-card.terciary-dark-2, .color-card.terciary-dark-3 {
    width: 10rem;
    height: 10rem;
  }

  .color-card.contrast-color-main {
    background-color: var(--_color---color-contrast);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 10rem;
    height: 10rem;
    display: flex;
  }

  .color-card.contrast-light-1, .color-card.contrast-light-2, .color-card.contrast-light-3, .color-card.contrast-dark-1, .color-card.contrast-dark-2, .color-card.contrast-dark-3 {
    width: 10rem;
    height: 10rem;
  }

  .heading-style-h4 {
    font-size: var(--_size---font-size-6xl);
    line-height: var(--_size---font-size-6xl);
  }

  .card-body-bottom {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .title-h2 {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
  }

  .body {
    background-color: var(--_color---color-bg-secondary);
  }

  .body.background-color-failed {
    background-image: none;
  }

  .step-1 {
    justify-content: flex-start;
    align-items: center;
  }

  .banner-img {
    object-fit: fill;
    width: 100%;
    height: 30rem;
  }

  .main-content {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .form-medium {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: flex-start;
  }

  .bottom-section {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
  }

  .call-to-action {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .container-banner {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .tab {
    display: flex;
  }

  .field-phone {
    width: 12.8rem;
  }

  .form-medium-cripto, .form-medium-dates {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .form-medium-payment {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .modal {
    display: none;
  }

  .form-medium-awaiting, .form-medium-qr, .form-medium-dates-qr {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .form-medium-wallet {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .success {
    background-image: none;
    position: relative;
  }

  .form-medium-success {
    grid-column-gap: var(--_size---padding-0);
    grid-row-gap: var(--_size---padding-0);
  }

  .form-success {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .section-failed {
    justify-content: center;
    align-items: center;
    padding-bottom: 5rem;
    display: flex;
  }

  .blur-bg-large {
    z-index: -1;
    position: absolute;
  }

  .blur-bg {
    z-index: -1;
    width: 100%;
    max-width: 90rem;
    position: absolute;
  }

  .blur-bg-small {
    display: none;
  }

  .main-content-2, .main-content-3 {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .card-type-client {
    box-shadow: none;
  }

  .body-onboarding {
    background-color: var(--_color---color-bg-secondary);
  }

  .input-onboarding-phone, .form-phone {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .modal-otp, .modal-back-button {
    display: none;
  }

  .form-qr-medium {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: center;
  }

  .card-onboarding-login {
    box-shadow: none;
  }

  .body-3 {
    background-color: var(--_color---color-bg-secondary);
  }

  .modal-spinner-content-2 {
    width: 16rem;
    max-width: 16rem;
  }

  .modal-spinner-2 {
    display: none;
  }

  .item-concept:active, .item-amount:active, .items-content-1:active {
    color: var(--_color---color-text-success);
  }

  .container-left, .container-right {
    width: 100%;
  }

  .logo-texture {
    left: 0%;
  }

  .portrait {
    width: 23rem;
  }

  .body-4 {
    background-color: var(--_color---color-bg-secondary);
  }

  .title-content {
    flex-flow: row;
  }

  .field-phone-registration {
    width: 12.8rem;
  }

  .main-content-stop {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    margin-top: -436px;
  }

  .section-spidi-center {
    width: 100%;
  }

  .transactions-wrapped {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xsmall);
    background-color: #0000;
  }

  .header-spidi-center, .transaction-details {
    max-width: none;
  }

  .transaction-filters {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .thead {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: space-between;
    align-items: center;
    width: auto;
    max-width: none;
  }

  .tr {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: space-between;
    align-items: center;
    width: auto;
    max-width: none;
    display: none;
  }

  .pagination {
    width: 100%;
    max-width: none;
  }

  .last-tr {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: space-between;
    align-items: center;
    max-width: none;
  }

  .calendar-button {
    margin-bottom: 0;
  }

  .calendar-button.date-range-picker {
    display: block;
  }

  .transaction-filter-right {
    justify-content: flex-end;
    align-items: center;
  }

  .body-5 {
    background-color: var(--_color---color-bg-secondary);
  }

  .transaction-table-mobile {
    display: none;
  }

  .main-container {
    justify-content: center;
    align-items: flex-start;
  }

  .body-6 {
    background-color: var(--_color---color-bg-secondary);
  }

  .body-7 {
    background-color: var(--_color---color-bg-primary);
  }

  .banner-img-mispidi {
    object-fit: fill;
    width: 100%;
    height: 11rem;
  }

  .transaction-filters-mobile {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    width: 100%;
    max-width: none;
  }

  .transaction-filter-right-mobile {
    justify-content: flex-end;
    align-items: center;
  }

  .section-hero-landing {
    width: 100%;
  }

  .banner-landing {
    object-fit: cover;
    width: 100%;
    top: 0;
  }

  .navbar-landing {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }

  .main-content-landing {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    top: 83px;
  }

  .phone {
    bottom: -27%;
  }

  .text-landing-2 {
    left: 935.578px;
  }

  .text-landing-3 {
    left: 950.578px;
  }

  .section-hero-landing-2 {
    width: 100%;
    height: auto;
  }

  .paragraph-section-2 {
    font-size: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-regular);
    margin-bottom: 0;
  }

  .tabs-landing {
    grid-column-gap: 1.43rem;
    grid-row-gap: 1.43rem;
    border: 1px solid var(--_color---color-border-glass-soft);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    justify-content: flex-start;
    align-items: center;
    height: 3.37rem;
    padding: .31rem .43rem;
  }

  .tab-link-tab-1 {
    background-color: var(--_color---color-terciary);
    border-radius: 12.5rem;
    justify-content: center;
    align-items: center;
    width: 11.37rem;
    height: 2.75rem;
    padding: .19rem 1.69rem;
    display: flex;
  }

  .text-button-spidi {
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-semibold);
  }

  .text-request-spidi {
    width: auto;
    font-family: var(--_size---font-body);
    color: var(--_color---color-focus);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-semibold);
  }

  .button-tab {
    background-color: #0000;
    border-radius: 12.5rem;
    justify-content: center;
    align-items: center;
    width: 9.8rem;
    height: auto;
    padding: .19rem 1.69rem;
    display: flex;
  }

  .main-wrappe-landing {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .request-tab {
    background-color: #0000;
  }

  .request-tab.w--current {
    background-color: var(--_color---color-terciary);
    justify-content: center;
    align-items: center;
    width: 11.37rem;
    padding: 0;
    display: flex;
  }

  .text-request-spidi-white {
    width: auto;
    font-family: var(--_size---font-body);
    color: var(--_color---color-focus);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-semibold);
  }

  .client-logos {
    justify-content: center;
    align-items: center;
  }

  .quota-logo {
    width: 13rem;
  }

  .section-hero-landing-3 {
    z-index: 1;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-bottom: 6.81rem;
  }

  .ellipsis-3 {
    top: 0;
    right: auto;
  }

  .button-image-1 {
    top: auto;
    left: auto;
  }

  .iso-spidi {
    left: -133px;
  }

  .step-1-copy {
    justify-content: flex-start;
    align-items: center;
  }

  .step-2-landing, .step-1-landing, .step-3-landing {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    justify-content: flex-start;
    align-items: center;
  }

  .banner-glass {
    width: 90%;
  }

  .cunaguaro {
    inset: auto 0% -7% auto;
  }

  .hero-img {
    width: 90rem;
  }

  .paragraphah-section-3-mobile {
    display: none;
  }

  .phone-bottom {
    width: 25.2rem;
  }

  .carousel-landing {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
    height: 11rem;
  }

  .phone-768 {
    bottom: -27%;
  }

  .modal-export {
    display: none;
  }

  .detail-transactions-wrapped {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xsmall);
    background-color: #0000;
  }

  .detail-container, .propety-value {
    width: auto;
  }

  .property-value-top {
    padding-bottom: var(--_size---padding-0);
    border-bottom-style: none;
  }

  .text-link {
    width: 38rem;
  }

  .section-transaction-detail {
    width: 100%;
  }

  .mispidi-wrapped {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xsmall);
    background-color: #0000;
  }

  .header-mispidi {
    max-width: none;
  }

  .modal-transaction-filter {
    display: none;
  }

  .main-content-store {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .spidi-store-container {
    justify-content: flex-start;
    align-items: center;
  }

  .item-content-store:active {
    color: var(--_color---color-text-success);
  }

  .container-top-store {
    width: 100%;
  }

  .form-store {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .form-medium-store {
    grid-column-gap: var(--_size---padding-0);
    grid-row-gap: var(--_size---padding-0);
  }

  .form-success-copy, .store-form {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .form-block-6 {
    margin-bottom: 0;
  }

  .payment-request-content {
    max-width: none;
  }

  .transaction-filters-copy, .request-filters {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    width: 100%;
    max-width: none;
  }

  .request-filter-right {
    justify-content: flex-end;
    align-items: center;
  }

  .request-filters-mobile {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    width: 100%;
    max-width: none;
  }

  .request-thead, .request-tr, .last-request-tr {
    max-width: none;
  }

  .payment-request-wrapped {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xsmall);
    background-color: #0000;
  }

  .form-request-creation {
    display: flex;
  }

  .added-request-creation {
    display: none;
  }

  .main-content-step-1 {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .card-container {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .glass-bg {
    width: 100%;
  }

  .request-detail-container {
    flex-flow: row;
    width: auto;
  }

  .form-identification {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: flex-start;
  }

  .empty-state {
    width: 35rem;
  }

  .empty-state-subtitle.store {
    width: 45rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
  }

  .card-selection-store.card-spidi-store {
    height: 18rem;
  }

  .text-redirection, .toast-copy {
    display: none;
  }

  .request-detail-expired {
    width: auto;
    display: none;
  }

  .detail-expired-container, .request-detail-payed, .detail-payed-container {
    width: auto;
  }

  .title-detail-transaction {
    font-family: var(--_size---font-body);
    color: var(--_color---color-contrast);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-semibold);
  }

  .document-button {
    background-color: var(--_color---color-terciary);
    width: 2.8rem;
    height: 2.8rem;
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-medium);
    text-align: center;
    border-radius: 100rem;
    justify-content: center;
    align-items: center;
    display: none;
    box-shadow: 0 20px 6px #00464900, 0 13px 5px #00464900, 0 7px 4px #00464805, 0 3px 3px #00464908, 0 1px 2px #00464908;
  }

  .see-more {
    width: 48rem;
  }

  .owner-detail-container, .payed-detail-container, .payer-detail-container, .partner-detail-container {
    width: auto;
  }

  .payer-property-value {
    display: flex;
  }

  .document-button-mobile {
    background-color: var(--_color---color-terciary);
    width: 11rem;
    height: 2.8rem;
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-medium);
    text-align: center;
    border-radius: .31rem;
    justify-content: center;
    align-items: center;
    display: none;
    box-shadow: 0 20px 6px #00464900, 0 13px 5px #00464900, 0 7px 4px #00464805, 0 3px 3px #00464908, 0 1px 2px #00464908;
  }

  .title-propety-value {
    width: 48rem;
  }

  .detail-request-container {
    width: auto;
  }

  .toast-copy-link {
    display: none;
  }

  .request-property-value, .propety-value-copy {
    width: 48rem;
  }

  .form-change-user {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .form-change-mail {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .user-profile-wrapped {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xsmall);
    background-color: #0000;
  }

  .level-text {
    color: var(--_color---color-secondary);
  }

  .main-content-upload, .main-content-upload.positive-validation {
    width: 36%;
  }

  .bank-account-content {
    display: none;
  }

  .bank-card {
    box-shadow: 0 90px 90px #00464908, 0 22px 49px #00464908;
  }

  .bank-account-wrapped {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xsmall);
    background-color: #0000;
  }

  .form-pago-movil {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    justify-content: center;
    align-items: center;
  }

  .form-pagomovil {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .pago-movil-top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .pago-movil-bottom {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
  }

  .form-bank-pago, .form-id-pago, .form-phone-pago {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: flex-start;
  }

  .select-phone-pago {
    width: 35%;
  }

  .field-phone-pago {
    width: 100%;
  }

  .add-bank-buttons {
    width: 70%;
  }

  .form-bank-account {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    justify-content: center;
    align-items: center;
  }

  .bank-account-bottom {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
  }

  .toast-creaction {
    width: 100%;
    display: none;
    position: sticky;
    top: 7px;
  }

  .toast-edited, .toast-expired, .toast-reactive, .toast-delete {
    width: 100%;
    position: sticky;
    top: 7px;
  }

  .form-bank-otp {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .form-otp {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: flex-start;
  }

  .notification-wrapped {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xsmall);
    background-color: #0000;
  }

  .notification-card {
    box-shadow: 0 90px 90px #00464908, 0 22px 49px #00464908;
  }

  .main-input, .secondary-input {
    width: 60%;
  }

  .form-email-otp {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .tab-bank-dates {
    display: none;
  }

  .security-wrapped {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xsmall);
    background-color: #0000;
  }

  .security-card {
    box-shadow: 0 90px 90px #00464908, 0 22px 49px #00464908;
  }

  .toast-security {
    display: none;
  }

  .tab-security {
    display: flex;
  }

  .form-password {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: flex-start;
  }

  .form-password-validation {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .mispidi-settings-wrapped {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xsmall);
    background-color: #0000;
  }

  .settings-card {
    box-shadow: 0 90px 90px #00464908, 0 22px 49px #00464908;
  }

  .settings-buttons {
    width: 100%;
  }

  .parkeate-logo {
    width: 13rem;
  }

  .stepper-container {
    padding-top: var(--_size---padding-0);
  }

  .description-store {
    width: 12rem;
  }

  .modal-bancamiga {
    display: none;
  }

  .main-wrapped-donation {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .main-image {
    height: 59rem;
  }

  .fundation-container {
    width: 58rem;
    top: 62px;
  }

  .text-fundation-container {
    font-size: var(--_size---font-size-xl);
  }

  .fundation-card {
    width: 10rem;
  }

  .navbar--donation {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }

  .gradient-circle-2 {
    bottom: -6%;
  }

  .title-donation {
    width: 70%;
  }

  .fundation-card-info {
    width: 40%;
  }

  .donation-button {
    height: 60px;
    font-size: 1.3rem;
  }

  .login-container {
    min-height: 70vh;
  }

  .paragraph-fundation {
    font-size: 1.2rem;
  }

  .gradient-circle-4 {
    bottom: -6%;
  }

  .modal-success {
    display: none;
  }

  .button-expired {
    width: 60%;
  }

  .modal-donar {
    display: none;
  }

  .modal-text-donar {
    inset: 14% 0% auto;
  }

  .text-donar {
    font-size: var(--_size---font-size-m);
  }

  .modal-container-fundations {
    width: 38rem;
    top: 62px;
  }

  .text-modal-fundation {
    font-size: var(--_size---font-size-xl);
  }

  .modal-fundation-card {
    width: 7rem;
  }

  .modal-select-bank {
    display: none;
  }

  .modal-content-select {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .select-bank-modal {
    border-radius: .51rem;
    height: 3rem;
  }

  .toast-mail, .toast-owner {
    width: 100%;
    position: sticky;
    top: 7px;
  }

  .modal-midnight {
    display: none;
  }

  .spidi-store-content {
    max-width: none;
  }

  .modal-pago-movil {
    display: none;
  }

  .accordion-content.custom-field {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding-left: 2rem;
  }

  .format-compact.is-hidden {
    width: 98%;
  }

  .store-wrapped {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xsmall);
    background-color: #0000;
  }

  .store-table-container {
    width: 80%;
  }

  .options-store-creation {
    height: 100rem;
  }

  .form-store-creation {
    display: flex;
  }

  .form-store-product {
    flex-flow: wrap;
  }

  .form-store-dates {
    flex-flow: row;
  }

  .form-store-identifier {
    flex-flow: column;
  }

  .store-back-button {
    height: 2.81rem;
  }

  .added-store-creation {
    display: none;
  }

  .toast-delete-product, .toast-delete-store {
    width: 100%;
    position: sticky;
    top: 7px;
  }

  .modal-delete-product {
    display: none;
  }

  .validation-info, .buttons-validation {
    width: 36%;
  }

  .item-description:active, .item-description-copy:active, .due-date:active {
    color: var(--_color---color-text-success);
  }

  .total-amount-store, .modal-filter-admin {
    display: none;
  }

  .filter-content-admin {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 70%;
  }

  .main-filter-admin, .filter-header-main {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .transaction-date-admin {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
  }

  .transaction-filters-admin {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .transaction-filters-mobile-admin {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    width: 100%;
    max-width: none;
  }

  .form-medium-container {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: center;
  }

  .form-medium-reference, .form-medium-pago-movil {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: flex-start;
  }

  .item-content-stop:active {
    color: var(--_color---color-text-success);
  }

  .form-bank-pago-movil {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: flex-start;
  }

  .other-amount-result {
    width: 36%;
  }
}

@media screen and (min-width: 1440px) {
  body {
    background-color: var(--_color---color-bg-secondary);
  }

  .heading-style-h1 {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-bottom: 0;
    padding-left: 2rem;
    font-size: 5rem;
    line-height: 5rem;
    inset: auto auto 22%;
  }

  .image {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: cover;
    width: 100%;
    max-width: 1440%;
    height: 100%;
    max-height: 700px;
    position: relative;
  }

  .section-logo {
    padding-top: var(--_size---padding-small);
    padding-right: 2rem;
    padding-bottom: var(--_size---padding-small);
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .image-2 {
    width: 250px;
    max-width: none;
    overflow: visible;
  }

  .page-wrapped {
    object-fit: fill;
    overflow: visible;
  }

  .section-hero {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .padding-global {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-global.padding-section-large {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .padding-global.padding-bottom {
    padding-left: 0;
    padding-right: 0;
  }

  .container-large {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: row;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }

  .container-large.container-color {
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .container-large.color-content {
    padding-top: var(--_size---padding-medium);
    padding-bottom: var(--_size---padding-medium);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container-large.color-text-content {
    width: 100%;
    height: 100%;
    padding-top: var(--_size---padding-medium);
    padding-bottom: var(--_size---padding-medium);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container-large.container-hue {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    display: flex;
  }

  .container-large.container-font-family {
    grid-column-gap: var(--_size---padding-xlarge);
    grid-row-gap: var(--_size---padding-xlarge);
  }

  .image-3 {
    object-fit: fill;
    width: 800px;
  }

  .section-typography {
    justify-content: flex-end;
    align-items: flex-start;
    display: block;
  }

  .heading-style-h2 {
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-7xl);
    line-height: var(--_size---font-size-7xl);
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    right: 300px;
  }

  .heading-style-h2.index-number {
    font-family: var(--_size---font-display);
    color: var(--_color---color-primary);
    font-size: 20rem;
    line-height: 20rem;
    font-weight: var(--_size---font-weight-bold);
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 0;
    display: block;
    inset: auto auto 0% 0%;
  }

  .primary-color-card {
    width: 20rem;
    height: 25rem;
    padding: var(--_size---padding-xmedium);
    background-color: var(--_color---color-primary);
    box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .margin-small {
    margin-top: var(--_size---margin-small\<deleted\|variable-a7c95045-739d-49dc-cc50-e1901140b8fd\>);
  }

  .secondary-color-card {
    width: 20rem;
    height: 25rem;
    padding: var(--_size---padding-medium) var(--_size---padding-medium) var(--_size---padding-medium) var(--_size---padding-xmedium);
    background-color: var(--_color---color-secondary);
    box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .terciary-color-card {
    width: 20rem;
    height: 25rem;
    padding: var(--_size---padding-xmedium);
    background-color: var(--_color---color-terciary);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .contrast-color-card {
    width: 20rem;
    height: 25rem;
    padding: var(--_size---padding-xmedium);
    background-color: var(--_color---color-contrast);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .heading-style-h3 {
    font-family: var(--work-sans);
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
    font-weight: var(--semibold-600);
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-style-h3.text-color-terciary {
    color: var(--_color---color-text-terciary);
  }

  .circle {
    width: 4rem;
    height: 4rem;
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    background-color: var(--_color---color-bg-secondary);
    font-family: var(--work-sans);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-4xl);
    text-align: center;
    border-radius: 100px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 30px;
  }

  .circle.circle-color-background {
    background-color: var(--_color---color-primary);
  }

  .circle.circle-color-background.text-color {
    background-color: var(--_color---color-bg-secondary);
  }

  .text-size-large {
    font-family: var(--work-sans);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
    font-weight: var(--medium-500);
    margin-top: 0;
    margin-bottom: 0;
  }

  .text-size-large.text-color-terciary {
    color: var(--_color---color-text-terciary);
  }

  .color-info {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .background-color-card {
    background-color: var(--_color---color-bg-secondary);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 40rem;
    height: 20rem;
  }

  .background-color-card.color-bg-primary {
    width: 40rem;
    height: 20rem;
    padding: var(--_size---padding-medium);
    border: 0px none var(--_color---color-secondary);
    background-color: var(--_color---color-bg-primary);
    box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
    outline-offset: 0px;
    outline-width: 3px;
    outline-style: none;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .background-color-card.color-bg-secondary {
    width: 40rem;
    height: 20rem;
    padding: var(--_size---padding-medium);
    box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .container-card {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .container-card.color-background-content {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
  }

  .background-color {
    background-color: var(--_color---color-bg-secondary);
  }

  .div-block-3 {
    padding-top: var(--_size---padding-medium);
    padding-bottom: var(--_size---padding-medium);
  }

  .div-block-4 {
    margin-left: auto;
    margin-right: auto;
  }

  .text-color-card.color-text-primary {
    width: 20rem;
    height: 20rem;
    padding: var(--_size---padding-medium);
    background-color: var(--_color---color-text-secondary);
    border-radius: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .text-color-card.color-text-secondary {
    width: 20rem;
    height: 20rem;
    padding: var(--_size---padding-medium);
    background-color: var(--_color---color-button-disabled);
    border-radius: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .text-color-card.color-text-terciary {
    width: 20rem;
    height: 20rem;
    padding: var(--_size---padding-medium);
    background-color: var(--_color---color-secondary-variant);
    border-radius: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .text-color-card.color-text-contrast {
    width: 20rem;
    height: 20rem;
    padding: var(--_size---padding-medium);
    background-color: var(--_color---color-primary-variant);
    border-radius: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .text-color-card.color-support-error, .text-color-card.color-support-warning, .text-color-card.color-support-info, .text-color-card.color-support-succes {
    width: 20rem;
    height: 20rem;
  }

  .text-color-info {
    color: var(--_color---color-secondary);
  }

  .color-card.primary-color-main, .color-card.primary-light-1, .color-card.primary-light-2, .color-card.primary-light-3, .color-card.primary-dark-1, .color-card.primary-dark-2, .color-card.primary-dark-3, .color-card.secundary-color-main, .color-card.secundary-light-1, .color-card.secundary-light-2, .color-card.secundary-light-3, .color-card.secundary-dark-1, .color-card.secundary-dark-2, .color-card.secundary-dark-3, .color-card.terciary-color-main, .color-card.terciary-light-1, .color-card.terciary-light-2, .color-card.terciary-light-3, .color-card.terciary-dark-1, .color-card.terciary-dark-2, .color-card.terciary-dark-3, .color-card.contrast-color-main, .color-card.contrast-light-1, .color-card.contrast-light-2, .color-card.contrast-light-3, .color-card.contrast-dark-1, .color-card.contrast-dark-2, .color-card.contrast-dark-3 {
    width: 11rem;
    height: 11rem;
  }

  .title-h2 {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
  }

  .body.background-color-failed {
    aspect-ratio: auto;
    object-fit: cover;
    background-image: none;
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
    display: flex;
  }

  .step-1 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .banner-img {
    object-fit: fill;
    width: 100%;
    height: 30rem;
    display: block;
  }

  .main-content {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    margin-top: -160px;
  }

  .step-bar {
    display: flex;
  }

  .steps {
    flex: none;
    justify-content: center;
    align-self: center;
    align-items: center;
  }

  .step-disabled {
    width: 3.29rem;
    height: 3.29rem;
  }

  .form-wrapped {
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
  }

  .form-medium {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: flex-start;
  }

  .total-amount {
    padding-right: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
  }

  .text-total-amount.bs-amount {
    font-size: var(--_size---font-size-m);
  }

  .bottom-section, .call-to-action {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .primary-button-label:hover {
    background-color: var(--_color---color-button-primary-hover);
  }

  .container-banner {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
  }

  .bar {
    justify-content: center;
    align-items: center;
    width: 26.75rem;
    height: 1.64rem;
    display: flex;
  }

  .tab {
    display: flex;
  }

  .button-id {
    display: none;
  }

  .field-phone {
    width: 12.8rem;
  }

  .form-medium-cripto {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .form-medium-dates {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .step-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .step-bar-2 {
    display: flex;
  }

  .step-3 {
    margin-left: 0;
    margin-right: 0;
  }

  .form-medium-payment {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .card-dates-cripto {
    display: none;
  }

  .gradient-ellipse {
    background-image: linear-gradient(45deg, var(--_color---color-contrast), var(--_color---color-terciary) 50%, var(--_color---color-primary));
    filter: blur(50px);
    border-radius: 200px;
    width: 12rem;
    height: 15rem;
  }

  .text-awaiting-approval {
    width: 16.62rem;
    font-family: var(--_size---font-display);
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
    font-weight: var(--_size---font-weight-bold);
    text-align: center;
    top: 7rem;
    left: 7rem;
  }

  .form-medium-awaiting {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    width: 30rem;
  }

  .form-wrapped-awaiting, .tab--awaiting, .tabs-content-awaiting, .tab-content-awaiting {
    width: 30rem;
  }

  .primary-button-awaiting:hover {
    background-color: var(--_color---color-button-primary-hover);
  }

  .form-medium-qr {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .form-medium-dates-qr {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .primary-button--qr:hover {
    background-color: var(--_color---color-button-primary-hover);
  }

  .form-medium-wallet {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .success {
    z-index: 99;
    object-fit: cover;
    background-image: none;
    width: 100%;
    position: relative;
  }

  .form-medium-success {
    grid-column-gap: var(--_size---padding-0);
    grid-row-gap: var(--_size---padding-0);
  }

  .form-success {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .section-failed {
    justify-content: center;
    align-items: center;
    padding-bottom: 5rem;
    display: flex;
  }

  .spidi-logo {
    width: 15.62rem;
    height: 6.6rem;
  }

  .blur-bg-large {
    z-index: -1;
    object-fit: fill;
    width: 100%;
    position: absolute;
    bottom: auto;
  }

  .blur-bg {
    z-index: -1;
    object-fit: fill;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: -152px;
    position: absolute;
  }

  .blur-bg-small {
    display: none;
  }

  .image-9 {
    position: absolute;
  }

  .main-content-2, .main-content-3 {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    margin-top: auto;
  }

  .container-onboarding {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .card-type-client {
    width: 40rem;
    height: auto;
  }

  .body-2 {
    background-color: var(--_color---color-bg-primary);
  }

  .onboarding-input {
    background-color: var(--_color---color-text-terciary);
  }

  .card-email, .card-code-validation, .card-id-verification, .card-rif-verification, .card-cedula-verification, .card-cedula-validation, .card-rif-validation, .card-bank-phone {
    width: 40rem;
    height: auto;
  }

  .input-onboarding-phone, .form-phone {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .section-bank-verification {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .card-payments-code {
    width: 40rem;
    height: auto;
  }

  .section-debit-success {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .container-debit-validation {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .card-user-password {
    width: 40rem;
    height: auto;
  }

  .field-user, .field-password {
    background-color: var(--_color---color-text-terciary);
  }

  .section-success-signup {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .modal-back-button {
    display: none;
  }

  .form-qr-medium {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: center;
  }

  .container-login {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .card-user-password-login {
    width: 40rem;
    height: auto;
  }

  .login-back-button {
    display: none;
  }

  .container-onboarding-copy {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .card-change-password {
    width: 40rem;
    height: auto;
  }

  .section-success-signup-copy, .section-success-login, .section-hero-2 {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .banner-onboading-desktop {
    width: 41.87rem;
  }

  .card-type-client-copy {
    width: 40rem;
    height: auto;
  }

  .card-onboarding-login {
    width: 36.25rem;
    height: auto;
  }

  .modal-spinner-2 {
    display: none;
  }

  .container-landing {
    margin-left: 0;
    margin-right: 0;
  }

  .card-fallback {
    display: none;
  }

  .fallback-code-content {
    padding-right: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
  }

  .section-preregistration {
    justify-content: center;
    align-items: center;
  }

  .container-left {
    width: 100%;
    overflow: hidden;
  }

  .container-right {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    overflow: auto;
  }

  .logo-texture {
    width: 25rem;
    left: 0%;
  }

  .portrait {
    width: 24rem;
  }

  .glass-texture {
    width: 50rem;
  }

  .text-content {
    width: 37.81rem;
    top: 694px;
    bottom: 84px;
  }

  .text-preregistration {
    width: 25.62rem;
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-6xl);
    line-height: var(--_size---font-size-6xl);
  }

  .subtext-preregistration {
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-6xl);
  }

  .main-preregistration {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }

  .title-content {
    flex-flow: row;
  }

  .name-input, .last-name-input {
    width: 17.81rem;
  }

  .form-wrapped-preregistration {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    width: 37.62rem;
  }

  .input-phone-preregistration, .phone-input, .city-input {
    width: 17.81rem;
  }

  .button-wrapped {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    margin-bottom: 0;
  }

  .client-button-preregistration {
    width: 17.81rem;
  }

  .field-phone-registration {
    width: 12.8rem;
  }

  .main-content-stop {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    margin-top: -436px;
  }

  .card-fallback-2 {
    display: none;
  }

  .mi-spidi {
    height: 1.5rem;
  }

  .solicitud-pagos {
    display: flex;
  }

  .section-spidi-center {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: center;
    align-items: flex-start;
    height: auto;
    display: flex;
  }

  .transactions-wrapped {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    right: 0%;
  }

  .header-spidi-center, .title-spidi-center, .transaction-details {
    max-width: none;
  }

  .transaction-filters {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .thead, .tr {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: space-between;
    align-items: center;
    max-width: none;
  }

  .td-1 {
    width: 8rem;
  }

  .pagination {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .last-tr {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: space-between;
    align-items: center;
    max-width: none;
    display: none;
  }

  .transaction-filter-right {
    justify-content: flex-end;
    align-items: center;
  }

  .transaction-table-mobile {
    display: none;
  }

  .spidi-logo-banner {
    width: 15.62rem;
    height: 5rem;
  }

  .section-bank-verification-juridico {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .form-block-4 {
    margin-bottom: 0;
  }

  .section-hero-copy {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .section-terms {
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
  }

  .glass-logo {
    overflow: visible;
  }

  .main-container {
    justify-content: center;
    align-items: flex-start;
  }

  .left-container {
    position: sticky;
    top: 5%;
    left: 0%;
  }

  .right-container {
    width: auto;
  }

  .back-arrow {
    overflow: visible;
  }

  .right-container-terms {
    width: auto;
    display: flex;
  }

  .right-container-privacy {
    width: auto;
  }

  .right-container-question {
    width: 100%;
    display: none;
  }

  .card-dates-cripto-ios {
    display: none;
  }

  .banner-img-mispidi {
    object-fit: fill;
    width: 100%;
    height: 11rem;
    display: block;
  }

  .blur-logo {
    position: static;
    overflow: hidden;
  }

  .transaction-filters-mobile {
    width: 100%;
    max-width: none;
  }

  .transaction-filter-right-mobile {
    justify-content: flex-end;
    align-items: center;
  }

  .banner-landing {
    width: 100%;
    height: 12rem;
    top: 0;
  }

  .navbar-landing {
    width: 70rem;
  }

  .main-content-landing {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    top: 78px;
  }

  .phone {
    z-index: 1;
    bottom: -22%;
  }

  .text-landing-1 {
    top: 609.359px;
    left: 285.578px;
  }

  .text-landing-2 {
    left: 960.578px;
  }

  .text-landing-3 {
    left: 969.578px;
  }

  .section-hero-landing-2 {
    margin-top: -1px;
  }

  .image-23 {
    top: -23%;
    left: -3%;
  }

  .colibri {
    width: 17rem;
    inset: auto auto 0% 0%;
  }

  .paragraph-section-2 {
    font-size: var(--_size---font-size-xl);
    font-weight: var(--_size---font-weight-regular);
  }

  .tabs-content-landing, .tab-panel-1 {
    overflow: visible;
  }

  .button-container, .glass-content {
    position: relative;
    overflow: visible;
  }

  .button-image {
    width: 28rem;
    max-width: none;
    top: -80px;
    left: auto;
    overflow: visible;
  }

  .ellipsis-2 {
    position: absolute;
    inset: 41% 0% auto -119px;
  }

  .request-container {
    position: relative;
    overflow: visible;
  }

  .client-logos {
    justify-content: center;
    align-items: center;
  }

  .quota-logo {
    width: 13rem;
  }

  .section-hero-landing-3 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .ellipsis-3 {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: fill;
    object-position: 50% 50%;
    position: absolute;
    inset: 0 auto 0%;
    overflow: visible;
  }

  .button-image-copy {
    left: 17%;
    overflow: visible;
  }

  .button-image-1 {
    inset: auto auto 0%;
    overflow: visible;
  }

  .glass-content-step {
    position: static;
    overflow: visible;
  }

  .iso-spidi {
    left: -214px;
  }

  .step-1-copy {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .step-2-landing {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .step-1-landing {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .step-3-landing {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .questions-landing {
    width: 60rem;
    display: flex;
  }

  .section-hero-landing-5 {
    height: 100vh;
  }

  .banner-glass {
    width: 90%;
  }

  .banner-container-landing {
    height: 35rem;
  }

  .cunaguaro {
    width: 30rem;
    inset: auto 0% -1% auto;
  }

  .section-hero-landing-6 {
    height: 70vh;
  }

  .logo-spidi-large {
    width: 100%;
    top: 52px;
  }

  .footer-landing {
    height: 18rem;
  }

  .hero-img {
    width: 90rem;
    top: -82px;
  }

  .section-phone-botton {
    height: auto;
    padding-top: var(--_size---padding-large);
    justify-content: center;
    align-items: flex-start;
  }

  .image-30 {
    left: 18.4%;
  }

  .paragraphah-section-3-mobile {
    display: none;
  }

  .phone-bottom {
    width: 25.2rem;
    left: auto;
  }

  .carousel-landing {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
    height: 12rem;
  }

  .ellipsis-5 {
    top: -60px;
  }

  .phone-768 {
    z-index: 1;
    bottom: -22%;
  }

  .modal-filters {
    display: none;
  }

  .from-btn.date_start, .to-btn.date_end {
    width: 14rem;
  }

  .modal-export {
    display: none;
  }

  .detail-transactions-wrapped {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    right: 0%;
  }

  .detail-container, .propety-value {
    width: auto;
  }

  .text-link {
    width: 42rem;
  }

  .section-transaction-detail {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: center;
    align-items: flex-start;
    height: auto;
    display: flex;
  }

  .mispidi-wrapped {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    right: 0%;
  }

  .header-mispidi {
    max-width: none;
  }

  .selected-mispidi {
    top: 15%;
  }

  .selected-transaction {
    top: 60%;
  }

  .mispidi-bg {
    width: 80%;
    bottom: -8%;
  }

  .spidi-main-content {
    position: sticky;
    top: 40px;
  }

  .modal-filters-copy, .modal-transaction-filter, .modal-mispidi-settings {
    display: none;
  }

  .main-content-store {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    margin-top: -179px;
  }

  .spidi-store-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .card-amount-store.card-spidi-store {
    display: flex;
  }

  .container-top-store {
    width: 100%;
  }

  .form-store {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .form-medium-store {
    grid-column-gap: var(--_size---padding-0);
    grid-row-gap: var(--_size---padding-0);
  }

  .form-success-copy, .store-form {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .payment-request-content {
    max-width: none;
  }

  .transaction-filters-copy, .request-filters {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .request-filter-right {
    justify-content: flex-end;
    align-items: center;
  }

  .request-filters-mobile {
    width: 100%;
    max-width: none;
  }

  .request-thead, .request-tr {
    max-width: none;
  }

  .th-1 {
    width: 8rem;
  }

  .last-request-tr {
    max-width: none;
  }

  .payment-request-wrapped {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    right: 0%;
  }

  .card-request-creation {
    justify-content: flex-start;
    align-items: stretch;
  }

  .form-request-creation {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .card-add-request {
    justify-content: flex-start;
    align-items: stretch;
  }

  .added-request-creation {
    padding-left: 8rem;
    padding-right: 8rem;
    display: none;
  }

  .change-bank-button {
    display: flex;
  }

  .main-content-step-1 {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    margin-top: -160px;
  }

  .card-container {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .glass-bg {
    width: 100%;
  }

  .bcv-detail {
    display: flex;
  }

  .request-detail-container {
    flex-flow: row;
    width: auto;
  }

  .description-actions {
    width: auto;
  }

  .form-identification {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: flex-start;
  }

  .td-identificator {
    width: 8rem;
  }

  .text-link-mispidi {
    width: 59rem;
  }

  .empty-state {
    width: 40rem;
  }

  .empty-state-title.store {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-5xl);
  }

  .empty-state-subtitle.store {
    width: 55rem;
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-3xl);
  }

  .text-link-request {
    width: 40rem;
  }

  .card-selection-store.card-spidi-store {
    height: 18rem;
    display: flex;
  }

  .text-redirection, .toast-copy, .modal-mispidi-settings-copy, .modal-request-creation {
    display: none;
  }

  .request-detail-expired {
    flex-flow: row;
    width: auto;
  }

  .detail-expired-container {
    width: 50rem;
  }

  .request-detail-payed {
    flex-flow: row;
    width: auto;
  }

  .detail-payed-container {
    width: 50rem;
  }

  .modal-expired {
    display: none;
  }

  .request-image {
    width: 33em;
    max-width: none;
    bottom: 2px;
    left: auto;
    overflow: hidden;
  }

  .see-more {
    width: 55rem;
  }

  .owner-detail-container, .payed-detail-container, .payer-detail-container, .partner-detail-container {
    width: auto;
  }

  .product-container, .document-button-mobile {
    display: none;
  }

  .title-propety-value {
    width: 55rem;
  }

  .detail-request-container {
    width: auto;
  }

  .modal-documents {
    display: none;
  }

  .toast-copy-link {
    width: 100%;
    display: none;
  }

  .modal-binance-receipt, .modal-export-2, .card-fallback-3 {
    display: none;
  }

  .avatar-skeleton.skeleton-element {
    width: 3.2rem;
    height: 3.2rem;
    display: none;
    top: 2%;
  }

  .user-name-skeleton.skeleton-element {
    top: 20.0156px;
    left: 4.5%;
  }

  .request-property-value {
    width: auto;
  }

  .propety-value-copy {
    width: 55rem;
  }

  .icon-bank.bankicon {
    display: none;
  }

  .form-change-user {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .form-change-mail {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .field-mail {
    background-color: var(--_color---color-text-terciary);
  }

  .selected-settings {
    top: 47%;
  }

  .user-profile-wrapped {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    right: 0%;
  }

  .modal-upload-image {
    display: none;
  }

  .main-content-upload, .main-content-upload.positive-validation {
    width: 33%;
  }

  .bank-card {
    box-shadow: 0 201px 121px #00464905, 0 90px 90px #00464908, 0 22px 49px #00464908;
  }

  .bank-account-wrapped {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    right: 0%;
  }

  .form-pago-movil {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    justify-content: center;
    align-items: center;
  }

  .form-pagomovil {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .pago-movil-top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .pago-movil-bottom {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .form-bank-pago, .form-id-pago, .form-phone-pago {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: flex-start;
    width: 50%;
  }

  .form-id-container {
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
  }

  .select-id-pago, .select-phone-pago {
    width: 30%;
  }

  .field-phone-pago {
    width: 100%;
  }

  .add-bank-buttons {
    width: 70%;
  }

  .form-bank-account {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    justify-content: center;
    align-items: center;
  }

  .bank-account-bottom {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
  }

  .toast-creaction, .toast-edited {
    width: 100%;
    display: none;
    position: sticky;
    top: 7px;
  }

  .toast-expired, .toast-reactive, .toast-delete {
    width: 100%;
    position: sticky;
    top: 7px;
  }

  .modal-bank-otp {
    display: none;
  }

  .form-bank-otp {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .form-otp {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: flex-start;
  }

  .notification-wrapped {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    right: 0%;
  }

  .notification-card {
    box-shadow: 0 201px 121px #00464905, 0 90px 90px #00464908, 0 22px 49px #00464908;
  }

  .main-input, .secondary-input {
    width: 60%;
  }

  .modal-email-otp {
    display: none;
  }

  .form-email-otp {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .tab-bank-dates {
    display: none;
  }

  .security-wrapped {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    right: 0%;
  }

  .security-card {
    box-shadow: 0 201px 121px #00464905, 0 90px 90px #00464908, 0 22px 49px #00464908;
  }

  .toast-security {
    width: 79%;
    display: none;
  }

  .tab-security {
    display: flex;
  }

  .modal-password-validation {
    display: none;
  }

  .form-password {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: flex-start;
  }

  .form-password-validation {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .code-button:hover {
    background-color: var(--_color---color-button-primary-hover);
  }

  .mispidi-settings-wrapped {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    right: 0%;
  }

  .settings-card {
    box-shadow: 0 201px 121px #00464905, 0 90px 90px #00464908, 0 22px 49px #00464908;
  }

  .settings-buttons {
    width: 100%;
  }

  .parkeate-logo {
    width: 13rem;
  }

  .modal-bancamiga {
    display: none;
  }

  .main-image {
    height: 69rem;
    top: -108.125px;
  }

  .main-content-donation {
    top: 9px;
  }

  .main-button-donation {
    width: 16rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
  }

  .fundation-container {
    width: 58rem;
    top: 82px;
  }

  .text-fundation-container {
    font-size: var(--_size---font-size-xl);
  }

  .fundation-card {
    width: 10rem;
  }

  .navbar--donation {
    width: 70rem;
    top: 1rem;
  }

  .donation-container {
    display: none;
  }

  .gradient-circle-1 {
    top: 0%;
    left: 0%;
  }

  .gradient-circle-2 {
    bottom: -4%;
  }

  .donation-content-left {
    width: 40%;
  }

  .title-donation {
    width: 60%;
    line-height: var(--_size---font-size-5xl);
  }

  .text-donation {
    font-size: 1.2rem;
  }

  .fundation-section {
    justify-content: center;
    align-items: center;
    padding: 4rem;
  }

  .heading-fundations {
    font-size: var(--_size---font-size-6xl);
    line-height: 3.5rem;
  }

  .fundation-heading {
    width: 80%;
  }

  .paragraph-409 {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-4xl);
  }

  .donation-card {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: var(--_color---color-secondary);
    width: 80%;
  }

  .text-dontaion-card {
    color: var(--_color---color-bg-secondary);
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-4xl);
  }

  .fundation-row-1 {
    font-size: var(--_size---font-size-2xl);
  }

  .fundation-card-info {
    width: 40%;
    height: 660px;
  }

  .fundation-card-info.last {
    height: 660px;
  }

  .image-fundation {
    height: 16rem;
  }

  .fundation-name {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-4xl);
  }

  .donation-button {
    height: 60px;
    font-size: var(--_size---font-size-2xl);
    line-height: 1.7rem;
  }

  .login-container {
    min-height: 70vh;
  }

  .text-login {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-5xl);
  }

  .login-btn {
    width: 60%;
    height: 60px;
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-4xl);
  }

  .description-fundation {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-4xl);
  }

  .image-76 {
    top: auto;
  }

  .image-77 {
    position: relative;
  }

  .paragraph-fundation {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-4xl);
  }

  .scrolll-section {
    justify-content: center;
    align-items: flex-start;
    height: 500vh;
  }

  .iphone-container {
    justify-content: flex-end;
    align-items: center;
  }

  .iphone {
    width: 40%;
  }

  .screen-1 {
    width: 36%;
    right: 15px;
  }

  .text-1 {
    display: flex;
  }

  .heading-text {
    width: 80%;
  }

  .paragraph-text {
    width: 53%;
  }

  .paragraph-text.first {
    width: 61%;
  }

  .text-2 {
    opacity: 0;
  }

  .gradient-circle-3 {
    top: 0%;
    left: 0%;
  }

  .gradient-circle-4 {
    bottom: 0%;
  }

  .screen-2, .screen-3 {
    width: 36%;
    right: 15px;
  }

  .scroll-section {
    justify-content: center;
    align-items: flex-start;
    height: 500vh;
  }

  .modal-success {
    display: none;
  }

  .success-message {
    height: auto;
  }

  .text-btn-fundation {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
  }

  .illustration-split {
    border-radius: .5rem;
  }

  .main-container-expired {
    width: 40%;
  }

  .modal-donar {
    display: none;
  }

  .modal-text-donar {
    grid-column-gap: .87rem;
    grid-row-gap: .87rem;
    inset: 16% 0% auto;
  }

  .spidi-logo-dark {
    width: 30%;
  }

  .modal-button-donar {
    width: 16rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
  }

  .modal-container-fundations {
    width: 39rem;
    top: 82px;
  }

  .text-modal-fundation {
    font-size: var(--_size---font-size-xl);
  }

  .modal-fundation-card {
    width: 7rem;
  }

  .logo-fundations.santa {
    width: 75%;
  }

  .logo-fundations.asoviluz {
    width: 50%;
  }

  .logo-fundations.tierra-viva {
    width: 90%;
  }

  .check-modal-success {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .check-text {
    font-family: var(--_size---font-body);
    color: var(--_color---color-text-secondary);
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-m);
    text-align: left;
  }

  .form-block-19 {
    margin-bottom: 0;
  }

  .toast-mail, .toast-owner {
    width: 100%;
    display: none;
    position: sticky;
    top: 7px;
  }

  .modal-midnight {
    display: none;
  }

  .spidi-store-content {
    max-width: none;
  }

  .modal-pago-movil {
    display: none;
  }

  .accordion-content.custom-field {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding-left: 2rem;
  }

  .format-compact.is-hidden {
    width: 98%;
  }

  .right-container-notice {
    width: auto;
    display: flex;
  }

  .store-wrapped {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    right: 0%;
  }

  .store-table-container {
    width: 80%;
  }

  .card-store-creation {
    justify-content: flex-start;
    align-items: stretch;
  }

  .form-store-creation {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .add-product-btn {
    text-align: center;
  }

  .added-store-creation {
    justify-content: flex-start;
    align-items: center;
    padding-left: 8rem;
    padding-right: 8rem;
    display: none;
  }

  .toast-delete-product, .toast-delete-store {
    width: 100%;
    position: sticky;
    top: 7px;
  }

  .empty-state-store-content {
    width: 80%;
  }

  .step-span {
    font-size: var(--_size---font-size-s);
    line-height: 1.2rem;
  }

  .step-store-title {
    font-size: 1.2rem;
    line-height: 1.7rem;
  }

  .step-description {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
  }

  .create-store-button {
    width: 18rem;
    height: 3.5rem;
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-3xl);
  }

  .validation-info, .buttons-validation {
    width: 33%;
  }

  .negative-validation-btn, .positive-validation-btn {
    width: 50%;
  }

  .total-amount-stop {
    padding-right: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
  }

  .total-amount-store {
    padding-right: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
    display: flex;
  }

  .modal-filter-admin {
    display: none;
  }

  .filter-content-admin {
    width: 70%;
  }

  .select-status, .text-input {
    width: 14rem;
  }

  .transaction-filters-admin {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .transaction-filters-mobile-admin {
    width: 100%;
    max-width: none;
  }

  .form-medium-container {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: center;
  }

  .form-medium-reference, .form-medium-pago-movil {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: flex-start;
  }

  .from-btn-main.date_start, .to-btn-main.date_end {
    width: 12.68rem;
  }

  .form-bank-pago-movil {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: flex-start;
    width: 70%;
  }

  .from-btn-request.date_start, .to-btn-request.date_end {
    width: 12.68rem;
  }

  .other-amount-result {
    width: 33%;
  }

  .total-store-amount {
    padding-right: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
  }
}

@media screen and (min-width: 1920px) {
  .page-wrapped {
    overflow: visible;
  }

  .step-1 {
    justify-content: flex-start;
    align-items: center;
  }

  .banner-img {
    object-fit: fill;
  }

  .user-photo.commerce-logo {
    width: 6.25rem;
  }

  .select-phone {
    justify-content: flex-start;
    align-items: center;
    width: 4.5rem;
  }

  .field-phone {
    width: 13.1rem;
  }

  .section-failed {
    padding-bottom: 5rem;
  }

  .container-failed {
    max-width: none;
  }

  .checkbox-dates-text {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .modal-back-button, .modal-spinner-2 {
    display: none;
  }

  .section-landing {
    width: 100vw;
  }

  .container-landing {
    object-fit: fill;
    width: 100vw;
  }

  .container-left {
    width: 75rem;
  }

  .container-right {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 75rem;
  }

  .logo-texture {
    width: 40rem;
    top: -7%;
    left: -44px;
  }

  .portrait {
    width: 28rem;
  }

  .glass-texture {
    width: 50rem;
  }

  .text-content {
    width: 45rem;
    top: 986px;
    bottom: 144px;
  }

  .text-preregistration {
    width: 35rem;
    font-size: var(--_size---font-size-7xl);
    line-height: var(--_size---font-size-7xl);
  }

  .subtext-preregistration {
    width: 37.81rem;
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
  }

  .isotype-texture {
    width: 7.5rem;
    height: 7.5rem;
  }

  .main-preregistration {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 50rem;
    display: flex;
  }

  .title-preregistration {
    font-family: var(--_size---font-display);
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
    font-weight: var(--_size---font-weight-semibold);
    margin-top: 0;
    margin-bottom: 0;
  }

  .title-content {
    flex-flow: row;
  }

  .logo-spidi {
    width: 6rem;
    height: 3rem;
  }

  .subtitle-preregistration {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .form-preregistration {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    width: 40rem;
  }

  .name-input, .last-name-input {
    width: 20rem;
  }

  .form-wrapped-preregistration {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    width: 40rem;
  }

  .field-medium {
    height: 4rem;
    font-size: var(--_size---font-size-m);
  }

  .label-preregistration {
    font-size: var(--_size---font-size-m);
  }

  .sunmit-button, .field-large {
    height: 4rem;
  }

  .input-phone-preregistration {
    width: 20rem;
    height: 4rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    justify-content: flex-start;
    align-items: center;
  }

  .phone-input, .city-input {
    width: 20rem;
  }

  .button-wrapped {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: center;
    align-items: center;
    width: 40rem;
    margin-bottom: 10px;
  }

  .client-button-preregistration {
    width: 20rem;
    height: 4rem;
    font-size: var(--_size---font-size-m);
  }

  .select-preregistration {
    width: 40rem;
  }

  .find-out-select {
    height: 4rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .field-phone-registration {
    width: 10rem;
    height: 3.5rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .sidebar {
    justify-content: flex-start;
    align-items: center;
  }

  .solicitud-pagos {
    display: flex;
  }

  .sidebar-content {
    height: 80rem;
  }

  .section-spidi-center {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
  }

  .transactions-wrapped {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xxmedium);
    padding-bottom: var(--_size---padding-xxmedium);
    right: 1%;
  }

  .header-spidi-center, .transaction-details {
    max-width: none;
  }

  .transaction-filters {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .thead {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: auto;
    max-width: none;
  }

  .tr {
    grid-column-gap: 10rem;
    grid-row-gap: 10rem;
    width: auto;
    max-width: none;
  }

  .pagination {
    width: 100%;
    max-width: none;
  }

  .last-tr {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: space-between;
    align-items: center;
    max-width: none;
    display: none;
  }

  .transaction-filter-right {
    justify-content: flex-end;
    align-items: center;
  }

  .transaction-table-mobile {
    display: none;
  }

  .spidi-logo-banner {
    height: 6rem;
  }

  .form-block-4 {
    margin-bottom: 0;
  }

  .section-terms, .glass-logo {
    overflow: visible;
  }

  .main-container {
    justify-content: center;
    align-items: flex-start;
    overflow: visible;
  }

  .left-container {
    position: sticky;
    top: 5%;
    left: 0;
  }

  .right-container {
    position: relative;
  }

  .back-arrow {
    overflow: visible;
  }

  .right-container-terms, .right-container-privacy, .right-container-question {
    position: relative;
  }

  .banner-img-mispidi {
    object-fit: fill;
    height: 11rem;
  }

  .spidi-logo-skeleton.skeleton-element {
    height: 6rem;
  }

  .transaction-filters-mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .transaction-filter-right-mobile {
    justify-content: flex-end;
    align-items: center;
  }

  .banner-landing {
    object-fit: cover;
    width: 100%;
    height: 12rem;
    top: 0;
  }

  .navbar-landing {
    width: 90rem;
  }

  .main-content-landing {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    top: 76px;
  }

  .ellipsis-1 {
    bottom: -13%;
  }

  .phone {
    bottom: -23%;
  }

  .text-landing-1 {
    top: 639.359px;
    left: 444.578px;
  }

  .text-landing-2 {
    top: 500.359px;
    left: 1223.58px;
  }

  .text-landing-3 {
    top: 819.359px;
    left: 1226.58px;
  }

  .section-hero-landing-2 {
    height: auto;
  }

  .colibri {
    width: 22rem;
    inset: auto auto 0% 0%;
  }

  .button-image {
    left: auto;
  }

  .ellipsis-2 {
    width: auto;
    top: 200px;
    left: -91px;
  }

  .client-logos {
    justify-content: center;
    align-items: center;
  }

  .quota-logo {
    width: 13rem;
  }

  .section-hero-landing-3 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .progress-line {
    left: 18.42rem;
  }

  .button-image-1 {
    inset: auto auto 0%;
  }

  .iso-spidi {
    left: -287px;
  }

  .step-1-copy, .step-2-landing, .step-1-landing, .step-3-landing {
    justify-content: flex-start;
    align-items: center;
  }

  .section-hero-landing-4 {
    height: auto;
  }

  .questions-landing {
    position: relative;
  }

  .section-hero-landing-5 {
    height: 100vh;
  }

  .banner-container-landing {
    height: 45rem;
  }

  .cunaguaro {
    width: 35rem;
    inset: auto 0% -2% auto;
  }

  .section-hero-landing-6 {
    height: 80vh;
  }

  .ellipsis-4 {
    width: 100%;
  }

  .logo-spidi-large {
    width: 100%;
    top: 138px;
  }

  .footer-landing {
    height: 20rem;
  }

  .hero-img {
    width: 94.5rem;
    top: -90px;
  }

  .section-phone-botton {
    height: auto;
    padding-bottom: var(--_size---padding-xxhuge);
  }

  .paragraphah-section-3-mobile {
    display: none;
  }

  .phone-bottom {
    width: auto;
    top: 0%;
    left: auto;
  }

  .carousel-landing {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
  }

  .phone-768 {
    bottom: -23%;
  }

  .ellipsis-768 {
    bottom: -13%;
  }

  .from-btn.date_start, .to-btn.date_end {
    width: 16rem;
  }

  .modal-export {
    display: none;
  }

  .amount-detail {
    width: 100%;
  }

  .detail-transactions-wrapped {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xxmedium);
    padding-bottom: var(--_size---padding-xxmedium);
    right: 1%;
  }

  .detail-container, .propety-value {
    width: auto;
  }

  .text-link {
    width: 50rem;
  }

  .section-transaction-detail {
    justify-content: center;
    align-items: flex-start;
  }

  .mispidi-wrapped {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xxmedium);
    padding-bottom: var(--_size---padding-xxmedium);
    right: 1%;
  }

  .header-mispidi {
    max-width: none;
  }

  .user-content-header {
    top: -13%;
  }

  .selected-mispidi {
    top: 15%;
  }

  .selected-transaction {
    top: 60%;
  }

  .mispidi-bg {
    width: 80%;
    bottom: -21%;
  }

  .main-text-spidi {
    font-size: var(--_size---font-size-6xl);
    line-height: var(--_size---font-size-6xl);
  }

  .secondary-text-spidi {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .tertiary-text-spidi {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .spidi-card-text {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .heading-10 {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .card-spidi-text {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .modal-transaction-filter {
    display: none;
  }

  .buttons-settings {
    flex-flow: row;
  }

  .sidebar-mispidi-content {
    height: 80rem;
  }

  .main-content-store {
    margin-top: -190px;
  }

  .spidi-store-container {
    justify-content: flex-start;
    align-items: center;
  }

  .section-spidi-store {
    min-height: 100vh;
  }

  .container-top-store {
    width: 100%;
    display: flex;
  }

  .payment-request-content {
    max-width: none;
  }

  .transaction-filters-copy, .request-filters {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .request-filter-right {
    justify-content: flex-end;
    align-items: center;
  }

  .request-filters-mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .request-thead {
    max-width: none;
  }

  .request-tr {
    max-width: none;
    display: none;
  }

  .last-request-tr {
    max-width: none;
  }

  .payment-request-wrapped {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xxmedium);
    padding-bottom: var(--_size---padding-xxmedium);
    right: 1%;
  }

  .form-request-creation {
    padding-left: 20rem;
    padding-right: 20rem;
    display: flex;
  }

  .added-request-creation {
    padding-left: 20rem;
    padding-right: 20rem;
    display: none;
  }

  .change-bank-button {
    display: flex;
  }

  .card-container {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
  }

  .glass-bg {
    object-fit: cover;
    width: 100%;
  }

  .checkbox-product-text {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .amount-request-detail {
    width: 100%;
  }

  .request-detail-container, .description-actions {
    width: auto;
  }

  .td-identificator {
    width: 12rem;
  }

  .text-link-mispidi {
    width: 89rem;
  }

  .empty-state {
    width: 45rem;
  }

  .empty-state-content {
    display: flex;
  }

  .empty-state-title.store {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-5xl);
  }

  .empty-state-subtitle.store {
    width: 65rem;
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-4xl);
  }

  .text-link-request {
    width: 46rem;
  }

  .card-selection-store.card-spidi-store {
    height: 18rem;
  }

  .text-redirection, .toast-copy {
    display: none;
  }

  .buttons-logout, .buttons-timeout {
    flex-flow: row;
  }

  .request-detail-expired {
    width: auto;
  }

  .detail-expired-container {
    width: 55rem;
  }

  .request-detail-payed {
    width: auto;
  }

  .detail-payed-container {
    width: 55rem;
  }

  .buttons-expired, .buttons-delete, .buttons-reactive, .buttons-repeat {
    flex-flow: row;
  }

  .request-image {
    left: auto;
  }

  .document-button {
    display: none;
  }

  .see-more {
    width: 70rem;
  }

  .owner-detail-container, .payed-detail-container, .payer-detail-container, .partner-detail-container {
    width: auto;
  }

  .document-button-mobile {
    display: none;
  }

  .title-propety-value {
    width: 70rem;
  }

  .detail-request-container {
    width: auto;
  }

  .modal-documents {
    display: none;
  }

  .buttons-documents {
    flex-flow: row;
  }

  .toast-copy-link {
    width: 100%;
    display: none;
  }

  .avatar-skeleton.skeleton-element {
    width: 3.2rem;
    height: 3.2rem;
    top: 1.5%;
  }

  .user-name-skeleton.skeleton-element {
    top: 25.0156px;
    left: 3.5%;
  }

  .property-value-skeleton.skeleton-element {
    display: none;
  }

  .request-property-value {
    width: auto;
  }

  .propety-value-copy {
    width: 70rem;
  }

  .form-change-user {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .selected-settings {
    top: 47%;
  }

  .user-profile-wrapped {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xxmedium);
    padding-bottom: var(--_size---padding-xxmedium);
    right: 1%;
  }

  .main-content-upload, .main-content-upload.positive-validation {
    width: 25%;
  }

  .bank-card {
    width: 60%;
    box-shadow: 0 358px 143px #00464900, 0 201px 121px #00464905, 0 90px 90px #00464908, 0 22px 49px #00464908;
  }

  .bank-account-wrapped {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xxmedium);
    padding-bottom: var(--_size---padding-xxmedium);
    right: 1%;
  }

  .form-pago-movil {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    justify-content: center;
    align-items: center;
  }

  .form-pagomovil {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .select-phone-pago {
    justify-content: flex-start;
    align-items: center;
    width: 30%;
  }

  .field-phone-pago {
    width: 100%;
  }

  .add-bank-buttons {
    justify-content: flex-end;
    align-items: center;
    width: 70%;
  }

  .form-bank-account {
    justify-content: center;
    align-items: center;
  }

  .toast-creaction, .toast-edited, .toast-expired, .toast-reactive, .toast-delete {
    width: 100%;
    display: none;
    position: sticky;
    top: 7px;
  }

  .notification-wrapped {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xxmedium);
    padding-bottom: var(--_size---padding-xxmedium);
    right: 1%;
  }

  .notification-card {
    width: 60%;
    box-shadow: 0 358px 143px #00464900, 0 201px 121px #00464905, 0 90px 90px #00464908, 0 22px 49px #00464908;
  }

  .tab-bank-dates {
    display: none;
  }

  .security-wrapped {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xxmedium);
    padding-bottom: var(--_size---padding-xxmedium);
    right: 1%;
  }

  .security-card {
    width: 60%;
    box-shadow: 0 358px 143px #00464900, 0 201px 121px #00464905, 0 90px 90px #00464908, 0 22px 49px #00464908;
  }

  .toast-security {
    width: 82.5%;
    display: none;
  }

  .mispidi-settings-wrapped {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xxmedium);
    padding-bottom: var(--_size---padding-xxmedium);
    right: 1%;
  }

  .settings-card {
    width: 60%;
    box-shadow: 0 358px 143px #00464900, 0 201px 121px #00464905, 0 90px 90px #00464908, 0 22px 49px #00464908;
  }

  .buttons-change {
    flex-flow: row;
  }

  .parkeate-logo {
    width: 13rem;
  }

  .modal-bancamiga {
    display: none;
  }

  .main-image {
    height: 86rem;
    top: -52px;
  }

  .main-content-donation {
    width: 45rem;
  }

  .main-heading-donation {
    font-size: var(--_size---font-size-7xl);
    line-height: 4.5rem;
  }

  .main-paragraph-donation {
    font-size: var(--_size---font-size-4xl);
  }

  .main-button-donation {
    width: 20rem;
    height: 3em;
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-4xl);
  }

  .spidi-logo-donation {
    width: 25rem;
  }

  .fundation-container {
    width: 90rem;
    line-height: var(--_size---font-size-4xl);
  }

  .text-fundation-container {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-6xl);
  }

  .fundation-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .fundation-card {
    width: 10rem;
    height: 4rem;
  }

  .image-71 {
    width: 5rem;
  }

  .navbar--donation {
    width: 90rem;
  }

  .photo-author {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
  }

  .gradient-circle-1 {
    top: -1%;
    left: 0%;
  }

  .gradient-circle-2 {
    bottom: 0%;
    right: 0%;
  }

  .donation-content {
    justify-content: center;
    align-items: center;
  }

  .donation-content-left {
    width: 50%;
  }

  .donation-content--right {
    width: 40%;
  }

  .donation-heading {
    font-size: var(--_size---font-size-6xl);
    line-height: var(--_size---font-size-7xl);
  }

  .title-donation {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-5xl);
  }

  .text-donation {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-4xl);
  }

  .heading-fundations {
    font-size: var(--_size---font-size-7xl);
    line-height: 4.5rem;
  }

  .paragraph-409, .text-dontaion-card {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-5xl);
  }

  .fundation-card-info {
    width: 40%;
    height: 730px;
  }

  .image-fundation {
    height: 15rem;
  }

  .fundation-name {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-5xl);
  }

  .donation-button {
    width: 100%;
    height: 70px;
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-4xl);
  }

  .paragraph-410 {
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-4xl);
  }

  .login-bg {
    width: 50%;
  }

  .text-login {
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-5xl);
  }

  .login-btn {
    height: 60px;
    font-size: 1.5em;
    line-height: var(--_size---font-size-4xl);
  }

  .image-72 {
    width: 80%;
  }

  .description-fundation {
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-4xl);
  }

  .image-73 {
    object-fit: contain;
  }

  .logo-dv, .logo-aso {
    width: 4rem;
  }

  .logo-syf {
    width: 7rem;
  }

  .logo-ftv {
    width: 6rem;
  }

  .paragraph-fundation {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-5xl);
  }

  .sticky-wrapped, .sticky-wrapper, .text-container {
    justify-content: center;
    align-items: center;
  }

  .gradient-circle-3 {
    top: -1%;
    left: 0%;
  }

  .gradient-circle-4 {
    bottom: 0%;
    right: 0%;
  }

  .modal-success {
    display: none;
  }

  .banner-login {
    object-fit: contain;
  }

  .button-expired {
    width: 50%;
  }

  .modal-donar {
    display: none;
  }

  .modal-content-donar {
    max-width: 60rem;
  }

  .title-modal-donar {
    font-size: 2.8rem;
    line-height: var(--_size---font-size-6xl);
  }

  .modal-text-donar {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .text-donar {
    font-size: var(--_size---font-size-2xl);
  }

  .modal-button-donar {
    width: 18rem;
    height: 3em;
    font-size: 1.2rem;
    line-height: var(--_size---font-size-4xl);
  }

  .modal-container-fundations {
    width: 52rem;
    line-height: var(--_size---font-size-4xl);
  }

  .text-modal-fundation {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-6xl);
  }

  .modal-fundation-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .modal-fundation-card {
    width: 9rem;
    height: 4rem;
  }

  .logo-fundations {
    width: 7rem;
  }

  .logo-fundations.dvc {
    width: 55%;
  }

  .logo-fundations.santa {
    width: 75%;
  }

  .logo-fundations.asoviluz {
    width: 50%;
  }

  .logo-fundations.tierra-viva {
    width: 80%;
  }

  .buttons-select {
    flex-flow: row;
  }

  .toast-mail, .toast-owner {
    width: 100%;
    display: none;
    position: sticky;
    top: 7px;
  }

  .modal-midnight {
    display: none;
  }

  .spidi-store-content {
    max-width: none;
  }

  .modal-pago-movil {
    display: none;
  }

  .buttons-transport {
    flex-flow: row;
  }

  .format-compact.is-hidden {
    justify-content: space-between;
  }

  .right-container-notice {
    position: relative;
  }

  .store-wrapped {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: var(--_size---padding-0);
    margin-bottom: var(--_size---padding-0);
    padding-top: var(--_size---padding-xxmedium);
    padding-bottom: var(--_size---padding-xxmedium);
    right: 1%;
  }

  .store-table-container {
    width: 80%;
  }

  .form-store-creation {
    padding-left: 20rem;
    padding-right: 20rem;
    display: flex;
  }

  .added-store-creation {
    padding-left: 20rem;
    padding-right: 20rem;
    display: none;
  }

  .toast-delete-product, .toast-delete-store {
    width: 100%;
    display: none;
    position: sticky;
    top: 7px;
  }

  .empty-state-store-content {
    display: flex;
  }

  .steps-container {
    border-width: 4px;
    border-radius: 1rem;
    padding: 2rem;
  }

  .step-span {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-3xl);
  }

  .step-store-title {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-5xl);
  }

  .step-description {
    font-size: var(--_size---font-size-2xl);
    line-height: 2.7rem;
  }

  .create-store-button {
    width: 25rem;
    height: 4.5rem;
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-4xl);
  }

  .bold-text-6 {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-5xl);
  }

  .validation-info, .buttons-validation {
    width: 25%;
  }

  .modal-filter-admin {
    display: none;
  }

  .filter-content-admin {
    width: 60%;
  }

  .select-status, .text-input {
    width: 16rem;
  }

  .transaction-filters-admin {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .transaction-filters-mobile-admin {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .from-btn-main.date_start, .to-btn-main.date_end {
    width: 12.68rem;
  }

  .client-select {
    height: 4rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .from-btn-request.date_start, .to-btn-request.date_end {
    width: 12.68rem;
  }

  .other-amount-result {
    width: 25%;
  }

  .type-client-select, .taxing-select, .selling-select, .buying-select, .category-select {
    height: 4rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }
}

@media screen and (max-width: 991px) {
  .heading-style-h1 {
    padding-left: var(--_size---padding-xxmedium);
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
    inset: auto auto 52%;
  }

  .image {
    width: 100%;
    max-width: 768%;
  }

  .image-2 {
    width: 140px;
  }

  .container-large.container-color {
    padding-top: var(--_size---padding-xmedium);
    padding-bottom: var(--_size---padding-xmedium);
  }

  .container-large.color-content {
    padding-top: var(--_size---padding-xxmedium);
    padding-bottom: var(--_size---padding-xxmedium);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: row;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .container-large.color-text-content {
    padding-top: var(--_size---padding-xxmedium);
    padding-bottom: var(--_size---padding-xxmedium);
  }

  .container-large.container-hue {
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-xxmedium);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .container-large.container-font-family {
    padding-top: var(--_size---padding-medium);
    padding-bottom: var(--_size---padding-medium);
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
  }

  .container-large.heading-content {
    justify-content: space-between;
    align-items: center;
  }

  .image-3 {
    width: 450px;
  }

  .heading-style-h2 {
    right: 180px;
  }

  .heading-style-h2.index-number {
    font-size: 12rem;
    line-height: 12rem;
  }

  .heading-style-h2.text-typography {
    right: 128px;
  }

  .heading-style-h2.index-number-2 {
    font-size: 12rem;
    line-height: 12rem;
  }

  .primary-color-card {
    width: 12rem;
    height: 15rem;
    padding: var(--_size---padding-small);
    border-radius: 10px;
    transform: translate(0);
  }

  .secondary-color-card, .terciary-color-card, .contrast-color-card {
    width: 12rem;
    height: 15rem;
    padding: var(--_size---padding-small);
    border-radius: 10px;
  }

  .heading-style-h3 {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .heading-style-h3.text-style-unbounded, .heading-style-h3.text-style-worksans {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .circle {
    width: 2rem;
    height: 2rem;
    font-size: var(--_size---font-size-m);
    line-height: 0;
  }

  .text-size-large, .text-size-large.text-color-terciary {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .color-info {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .background-color-card.color-bg-primary, .background-color-card.color-bg-secondary {
    border-radius: 10px;
    height: 10rem;
  }

  .text-color-card.color-text-primary, .text-color-card.color-text-secondary, .text-color-card.color-text-terciary, .text-color-card.color-text-contrast, .text-color-card.color-support-error, .text-color-card.color-support-warning, .text-color-card.color-support-info, .text-color-card.color-support-succes {
    border-radius: 10px;
    width: 12rem;
    height: 12rem;
  }

  .text-color-info {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .color-card.primary-color-main, .color-card.primary-light-1, .color-card.primary-light-2, .color-card.primary-light-3, .color-card.primary-dark-1, .color-card.primary-dark-2, .color-card.primary-dark-3, .color-card.secundary-color-main, .color-card.secundary-light-1, .color-card.secundary-light-2, .color-card.secundary-light-3, .color-card.secundary-dark-1, .color-card.secundary-dark-2, .color-card.secundary-dark-3, .color-card.terciary-color-main, .color-card.terciary-light-1, .color-card.terciary-light-2, .color-card.terciary-light-3, .color-card.terciary-dark-1, .color-card.terciary-dark-2, .color-card.terciary-dark-3, .color-card.contrast-color-main, .color-card.contrast-light-1, .color-card.contrast-light-2, .color-card.contrast-light-3, .color-card.contrast-dark-1, .color-card.contrast-dark-2, .color-card.contrast-dark-3 {
    width: 6rem;
    height: 6rem;
  }

  .heading-style-h4 {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .heading-style-h4.card-text-body, .heading-style-h4.card-text-body-2 {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .card-family-font {
    border-radius: 10px;
    width: 28rem;
    height: 18rem;
  }

  .card-body-bottom {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .heading-block {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 22rem;
    height: 6rem;
    display: flex;
  }

  .heading-style-h5 {
    font-family: var(--_size---font-display);
    margin-top: 0;
    margin-bottom: 0;
    font-size: .874rem;
    line-height: .874rem;
  }

  .heading-style-h5.text-style-worksans {
    font-family: var(--_size---font-body);
  }

  .title {
    padding: var(--_size---padding-xxsmall);
    background-color: var(--_color---color-primary);
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  .text-style-large {
    font-family: var(--_size---font-display);
    font-size: var(--_size---font-size-7xl);
    line-height: var(--_size---font-size-7xl);
    margin-top: 0;
    margin-bottom: 0;
  }

  .text-style-large.text-style-worksans {
    font-family: var(--_size---font-body);
  }

  .text-style-xxmedium {
    font-family: var(--_size---font-display);
    font-size: var(--_size---font-size-6xl);
    line-height: var(--_size---font-size-6xl);
  }

  .text-style-xxmedium.text-style-worksans {
    font-family: var(--_size---font-body);
    line-height: var(--_size---font-size-6xl);
    margin-top: 0;
    margin-bottom: 0;
  }

  .text-style-medium {
    font-family: var(--_size---font-display);
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .text-style-medium.text-style-worksans {
    font-family: var(--_size---font-body);
  }

  .text-style-small {
    font-family: var(--_size---font-display);
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .text-style-small.text-style-worksans {
    font-family: var(--_size---font-body);
  }

  .text-style-xsmall {
    font-family: var(--_size---font-display);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .text-style-xmedium {
    font-family: var(--_size---font-display);
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
  }

  .text-style-xmedium.text-style-worksans {
    font-family: var(--_size---font-body);
  }

  .banner-img {
    height: 20rem;
  }

  .main-content {
    margin-top: -138px;
  }

  .isotipo {
    width: 13.5rem;
  }

  .card-user {
    width: 22.5rem;
  }

  .user-photo-box {
    width: 6.75rem;
    height: 6.75rem;
  }

  .user-info-container {
    width: 15.5rem;
  }

  .heading-user-h1 {
    width: auto;
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .heading-user-h1.commerce-short-name {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .text-user-info {
    font-size: var(--_size---padding-regular);
    line-height: var(--_size---padding-regular);
  }

  .step-bar {
    width: 22.5rem;
  }

  .steps {
    grid-column-gap: 3.62rem;
    grid-row-gap: 3.62rem;
  }

  .step-active {
    width: 2.5rem;
    height: 2.5rem;
  }

  .text-step-active {
    font-size: var(--_size---font-size-xl);
  }

  .step-disabled {
    justify-content: center;
    align-items: center;
    width: 2.76rem;
    height: 2.76rem;
    display: flex;
  }

  .text-step-disabled {
    font-size: var(--_size---font-size-m);
  }

  .card-amount {
    width: 36.25rem;
  }

  .form-wrapped {
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
  }

  .title-card {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    display: flex;
  }

  .title-card.description-center {
    white-space: nowrap;
    word-break: normal;
    width: 26.75rem;
  }

  .label-amount {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-s);
  }

  .user-photo {
    width: 4.25rem;
    height: 4.25rem;
  }

  .user-photo.commerce-logo {
    width: 5.25rem;
    height: 5.255rem;
  }

  .badges {
    width: 1.5rem;
    height: 1.43rem;
  }

  .step-bar-medium {
    object-fit: cover;
    width: 22.5rem;
    height: 1.64rem;
  }

  .bar {
    justify-content: center;
    align-items: center;
    width: 22.5rem;
    height: 1.64rem;
    display: flex;
  }

  .tab {
    display: flex;
  }

  .field-phone {
    width: 12.8rem;
  }

  .detail-list-cripto {
    width: 17.81rem;
  }

  .title-detail-list, .value-detail-list.ref-amount, .value-detail-list.bcv-amount {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .card-dates {
    width: 36.25rem;
  }

  .step-bar-2 {
    width: 22.5rem;
  }

  .step-active-copy {
    width: 2.5rem;
    height: 2.5rem;
  }

  .toast-modal {
    width: 100%;
    max-width: 33.12rem;
  }

  .link-modal-payment {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .label-resend-key, .link-resend-key {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .accordion-panel {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .modal {
    display: none;
  }

  .modal-content {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal {
    font-size: var(--_size---font-size-xl);
  }

  .image-4 {
    width: 5rem;
  }

  .modal-spinner-content {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .modal-spinner {
    display: none;
  }

  .modal-content-cripto {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .modal-cripto {
    display: none;
  }

  .title-modal-cripto {
    font-size: var(--_size---font-size-xl);
  }

  .badges-user {
    width: 5rem;
  }

  .toast-modall-cripto {
    width: 100%;
    max-width: 33.12rem;
  }

  .card-dates-copy {
    width: 36.25rem;
  }

  .card-dates-cripto {
    width: 36.25rem;
    display: none;
  }

  .card-dates-qr {
    width: 36.25rem;
  }

  .form-medium-wallet {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .header-section {
    grid-column-gap: .87rem;
    grid-row-gap: .87rem;
    width: 22.5rem;
  }

  .spidi-logotype {
    width: 12.81rem;
    height: 4.25rem;
  }

  .title-success {
    font-size: var(--_size---font-size-l);
    line-height: var(--_size---font-size-l);
  }

  .text-transaction {
    font-size: .97rem;
    line-height: .97rem;
  }

  .text-transaction.pago-movil {
    font-size: var(--_size---font-size-m);
    text-align: center;
    line-height: 1.5rem;
  }

  .text-transaction-bold {
    color: var(--_color---color-secondary);
    font-size: .97rem;
    line-height: .97rem;
  }

  .container-dates-hour {
    width: 22.5rem;
  }

  .text-date-hour {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .container-total-amount {
    max-width: 22.5rem;
  }

  .total-amount-success {
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .container-receiver {
    width: 22.5rem;
  }

  .label-receiver, .receiver {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .container-submit {
    width: 22.5rem;
    padding-bottom: var(--_size---padding-0);
  }

  .user-ask, .user-ask-bold {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .button-submit {
    justify-content: center;
    align-items: center;
    width: 7.18rem;
    height: 2.18rem;
    display: flex;
  }

  .qr-section {
    width: 22.5rem;
  }

  .title-qr-section {
    font-size: .97rem;
    line-height: .97rem;
  }

  .share-button {
    width: 10.18rem;
    height: 3.12rem;
  }

  .container-qr-payer {
    width: 22.5rem;
  }

  .label-payer, .payer {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .title-bottom-section {
    font-size: .97rem;
    line-height: .97rem;
  }

  .list-bottom-detail.pago-movil {
    grid-column-gap: .125rem;
    grid-row-gap: .125rem;
  }

  .container-bottom-detail {
    width: 22.5rem;
  }

  .container-bottom-detail.pago-movil {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-block-9 {
    width: 22.5rem;
  }

  .image-5 {
    width: 9.25rem;
    height: 9.25rem;
  }

  .qr {
    width: 10.18rem;
    height: 10.18rem;
  }

  .container-failed {
    max-width: 22.5rem;
  }

  .spidi-logo {
    width: 14rem;
  }

  .title-failed {
    font-size: var(--_size---font-size-l);
    line-height: var(--_size---font-size-l);
    text-align: center;
  }

  .failed-icon {
    width: 9.25rem;
    height: 9.25rem;
  }

  .text-error-code {
    color: var(--_color---color-text-error);
    font-size: .97rem;
    line-height: .97rem;
  }

  .section-header {
    grid-column-gap: .87rem;
    grid-row-gap: .87rem;
  }

  .total-amount-failed {
    color: var(--_color---color-text-error);
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .button-try-again {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .text-support, .link-support {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .title-receiver {
    font-size: var(--_size---font-size-l);
    line-height: var(--_size---font-size-l);
  }

  .container-line {
    max-width: 22.5rem;
  }

  .button-detail {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .blur-bg-large {
    display: none;
  }

  .blur-bg {
    max-width: 50rem;
    display: none;
    top: auto;
  }

  .blur-bg-medium {
    z-index: -1;
    object-fit: fill;
    align-self: stretch;
    width: 100%;
    margin-top: -82px;
    display: block;
    position: absolute;
  }

  .image-8 {
    width: 100%;
  }

  .image-10 {
    z-index: -1;
    position: absolute;
  }

  .button-login, .login-button {
    justify-content: center;
    align-items: center;
    width: 7.18rem;
    height: 2.18rem;
    display: flex;
  }

  .icon-success {
    width: 9.25rem;
    height: 9.25rem;
  }

  .main-content-2, .main-content-3 {
    margin-top: auto;
  }

  .amount-wrapped {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .main-text {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .card-type-client {
    width: 30rem;
    box-shadow: none;
  }

  .card-email {
    width: 30rem;
  }

  .card-code-validation, .card-id-verification, .card-rif-verification, .card-cedula-verification, .card-cedula-validation, .card-rif-validation {
    width: 32rem;
  }

  .text-label, .link-text {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .card-bank-phone {
    width: 30rem;
  }

  .title-bank-verification {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .section-bank-verification {
    background-image: url('../images/bg-texture.avif');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .card-payments-code {
    width: 30rem;
  }

  .main-text-success {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .bold-text-success {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
  }

  .card-user-password {
    width: 30rem;
  }

  .section-success-signup {
    background-image: url('../images/confetti.svg'), url('../images/bg-texture.avif');
    background-position: 50%, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .detail-list-ref, .detail-list-bcv {
    width: 17.81rem;
  }

  .detail-list-ref-2 {
    width: 17.815rem;
  }

  .detail-list-bcv-2, .detail-list-ref-3, .detail-list-bcv-3, .detail-list-cripto, .ref-bcv-list {
    width: 17.81rem;
  }

  .ref-list, .bcv-list {
    width: 22.5rem;
  }

  .container-error-message {
    width: 24rem;
  }

  .link-wallet-cripto {
    flex-flow: column;
    display: flex;
  }

  .submit-section {
    width: 22.5rem;
    padding-bottom: var(--_size---padding-small);
    border-bottom: 1px dashed var(--_color---color-secondary);
  }

  .link-repayments {
    justify-content: space-between;
    align-items: center;
    width: 22.5rem;
  }

  .label-repayments, .link-repayments-cta, .cta-repayments {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .modal-content-user {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .image-4-copy, .icon-info {
    width: 5rem;
  }

  .modal-otp {
    display: none;
  }

  .modal-content-otp {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .modal-back-button {
    display: none;
  }

  .modal-content-back {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .card-user-password-login, .card-change-password {
    width: 30rem;
  }

  .section-success-signup-copy {
    background-image: url('../images/confetti.svg'), url('../images/bg-texture.avif');
    background-position: 50%, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .section-success-login {
    background-image: url('../images/bg-texture.avif');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .label-cripto, .link-cripto {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .section-hero-2 {
    background-image: none;
  }

  .onboarding-content {
    display: none;
  }

  .card-type-client-copy, .card-onboarding-login {
    width: 30rem;
  }

  .modal-spinner-content-2 {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .spidi-transaction {
    justify-content: flex-start;
    align-items: center;
  }

  .modal-spinner-2 {
    display: none;
  }

  .user-photo-background {
    width: 5.6rem;
    height: 5.6rem;
  }

  .section-landing {
    height: auto;
    min-height: 100vh;
  }

  .card-amount-landing {
    width: 36.25rem;
  }

  .stop-isotype {
    width: 13.5rem;
  }

  .card-fallback {
    width: 36.25rem;
    display: none;
  }

  .text-transaction-fallback {
    font-size: .97rem;
    line-height: .97rem;
  }

  .text-transaction-fallback-bold {
    color: var(--_color---color-secondary);
    font-size: .97rem;
    line-height: .97rem;
  }

  .fallback-dates-hour-copy {
    width: 22.5rem;
  }

  .title-card-fallback {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .heading-6 {
    width: 18rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .button-section {
    width: 22.5rem;
    padding-bottom: var(--_size---padding-small);
    border-bottom: 1px dashed var(--_color---color-secondary);
  }

  .subtitle-process, .text-process {
    width: 18rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .text-proces-bottom {
    width: 18rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .paragraph-invitation-process {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .footer {
    height: 16rem;
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
  }

  .spidi-name, .spidi-rif {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .spidi-info-content {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .links-content {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    display: flex;
  }

  .terms-condition {
    width: 9rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    display: block;
  }

  .privacy-politics {
    width: 8.7rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .frequents-ask {
    width: 8rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    text-align: right;
  }

  .button-3 {
    border-radius: var(--_size---padding-xxsmall);
    width: 7.18rem;
    height: 2.1rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .cta-wrapped {
    width: 28rem;
  }

  .top-footer {
    height: 8rem;
    padding-bottom: var(--_size---padding-0);
  }

  .spidi-contact, .spidi-copyright {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .container-left {
    display: none;
  }

  .field-phone-registration {
    width: 12.8rem;
  }

  .main-content-stop {
    margin-top: -139px;
  }

  .card-fallback-2 {
    width: 36.25rem;
  }

  .sidebar {
    display: none;
  }

  .section-spidi-center {
    margin-right: var(--_size---margin-0);
    background-image: none;
    justify-content: center;
    align-items: flex-start;
  }

  .transactions-wrapped {
    width: 88%;
    max-width: none;
    margin-left: var(--_size---padding-0);
    right: 2%;
  }

  .header-spidi-center {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .mispidi-button {
    height: 2.75rem;
  }

  .title-spidi-center {
    font-size: var(--_size---font-size-4xl);
  }

  .amount-ref {
    width: 14rem;
    padding-left: var(--_size---padding-small);
  }

  .transaction-filters {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .request-th-1 {
    width: 5rem;
  }

  .th-4 {
    display: none;
  }

  .tr {
    justify-content: space-between;
    align-items: center;
    display: none;
  }

  .td-1 {
    width: 9rem;
  }

  .td-text {
    grid-column-gap: .12rem;
    grid-row-gap: .12rem;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    overflow: hidden;
  }

  .td-3 {
    grid-column-gap: .12rem;
    grid-row-gap: .12rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: none;
  }

  .td-4 {
    display: none;
  }

  .pagination {
    width: 100%;
    max-width: none;
  }

  .pagination-buttons {
    width: 22rem;
  }

  .transaction-filter-left, .transaction-filter-right {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .filter-button, .export-filter {
    display: none;
  }

  .ref-select {
    width: 5.5rem;
  }

  .navbar-2 {
    display: flex;
  }

  .sidebar-tablet {
    z-index: 1;
    width: 5.16rem;
    height: 100vh;
    min-height: 100vh;
    padding: var(--_size---padding-xxsmall) var(--_size---padding-xxmedium);
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    background-color: var(--_color---color-bg-secondary);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: sticky;
    top: 0;
    box-shadow: -43px 302px 85px #00464900, -28px 193px 78px #00464903, -16px 109px 66px #00464908, -7px 48px 49px #0046490d, -2px 12px 27px #0046490f;
  }

  .container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 5.18rem;
    display: flex;
  }

  .brand {
    cursor: pointer;
  }

  .iso-tablet {
    border-style: solid;
    border-width: 0 0 1px;
    border-color: var(--_color---color-secondary) var(--_color---color-secondary) var(--_color---color-button-disabled);
    width: 2.63rem;
    height: 3.63rem;
  }

  .filter-buttons-tablet {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .filter-button-tablet, .export-filter-tablet {
    display: flex;
  }

  .td-3-tablet {
    grid-column-gap: .12rem;
    grid-row-gap: .12rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .pagination-variant {
    display: none;
  }

  .sidebar-menu-tablet-top {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    font-size: .68rem;
    line-height: .68rem;
    display: flex;
  }

  .sidebar-menu-tablet-bottom {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .sidebar-menu-tablet-bottom.admin {
    display: none;
  }

  .sidebar-menu-tablet {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .menu-title-tablet {
    color: var(--_color---color-secondary);
    font-size: .68rem;
    line-height: .68rem;
    display: flex;
  }

  .mi-spid-tablet {
    justify-content: center;
    align-items: center;
    width: 2.68rem;
    height: 2.68rem;
    display: flex;
  }

  .mi-spid-tablet.admin {
    display: none;
  }

  .link-block-2, .request-tablet {
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: flex;
  }

  .request-tablet.admin {
    display: none;
  }

  .link-block-3 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .transaction-tablet {
    background-color: #0000;
    border-radius: .31rem;
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: flex;
  }

  .spidi-express-tablet {
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: none;
  }

  .setting-tablet {
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: flex;
  }

  .support-tablet {
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: none;
  }

  .sidebar-content-tablet {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .user-menu-tablet {
    border-top: 1px solid var(--_color---color-button-disabled);
    justify-content: center;
    align-items: center;
    width: 2.69rem;
    height: 3.63rem;
    display: flex;
    position: relative;
  }

  .image-16 {
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .header-spidi-center-mobile, .thead-mobile {
    display: none;
  }

  .spidi-logo-banner {
    width: 14rem;
    height: 4rem;
  }

  .section-bank-verification-juridico {
    background-image: url('../images/bg-texture.avif');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .glass-logo {
    width: 13.4rem;
  }

  .sign-up-button {
    width: 13.8rem;
  }

  .log-in-terms {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .main-container {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .left-container {
    z-index: 1;
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    background-color: #0000;
    position: static;
  }

  .back-text, .title-terms {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .image-17 {
    display: none;
  }

  .card-dates-cripto-ios {
    width: 36.25rem;
    display: none;
  }

  .request-iso {
    width: 18.5rem;
  }

  .banner-img-mispidi {
    height: 10rem;
  }

  .card-content {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .info-content {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: flex-start;
    align-items: center;
  }

  .title-info {
    color: var(--_color---color-secondary);
  }

  .paragraph-info {
    text-align: center;
  }

  .doodle-arrow {
    display: none;
  }

  .wrapped-content {
    margin-top: -160px;
    padding-top: 0;
  }

  .title-skeleton.skeleton-element {
    height: 1.5rem;
  }

  .icon-skeleton.skeleton-element {
    height: 9.5rem;
  }

  .qr-skeleton.skeleton-element {
    height: 11rem;
  }

  .share-skeleton.skeleton-element {
    height: 3.2rem;
  }

  .title-bottom-skeleton.skeleton-element {
    height: 1.2rem;
  }

  .list-bottom-fail-skeleton.skeleton-element {
    height: 5rem;
  }

  .spidi-logo-skeleton.skeleton-element {
    height: 4.5rem;
  }

  .list-bottom-skeleton-copy.skeleton-element {
    height: 5rem;
  }

  .text-process-skeleton.skeleton-element {
    height: 2rem;
  }

  .main-title-skeleton.skeleton-element {
    height: 1rem;
  }

  .text-process-skeleton-2.skeleton-element {
    height: 2rem;
  }

  .card-user-skeleton.skeleton-element {
    height: 7rem;
  }

  .transaction-filters-mobile {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 5rem;
    display: none;
  }

  .filter-button-mobile, .export-filter-tablet-copy, .export-filter-tablet-copy-copy, .export-filter-mobile {
    display: flex;
  }

  .transaction-filter-right-mobile {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .card-user-nodos {
    width: 22.5rem;
  }

  .banner-landing {
    height: 10rem;
  }

  .navbar-landing {
    width: 45rem;
  }

  .title-landing {
    width: 48rem;
    font-size: var(--_size---font-size-6xl);
    line-height: var(--_size---font-size-6xl);
    text-align: center;
  }

  .main-content-landing {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
    top: 70px;
  }

  .phone {
    width: 16rem;
    bottom: -26%;
  }

  .phone-container {
    display: none;
  }

  .text-landing-1 {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
    display: none;
    top: 434.359px;
    left: 42.578px;
  }

  .text-landing-2 {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
    display: none;
    top: 394.359px;
    left: 596.578px;
  }

  .text-landing-3 {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
    display: none;
    top: 584.359px;
    left: 606.578px;
  }

  .section-hero-landing-2 {
    height: auto;
    padding-top: var(--_size---padding-xmedium);
  }

  .colibri {
    z-index: 2;
    box-sizing: border-box;
    width: 12rem;
    inset: 34% auto auto 19%;
  }

  .title-section-2 {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
    margin-top: 0;
    margin-bottom: 0;
  }

  .paragraph-section-2 {
    width: 45rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-regular);
  }

  .tabs-content-landing {
    margin-top: 4rem;
  }

  .tab-panel-1 {
    position: static;
  }

  .button-container {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column-reverse wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .glass-content {
    width: 35rem;
    height: 30rem;
  }

  .button-spidi-info {
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .button-image {
    width: 25rem;
    top: auto;
    left: auto;
    right: auto;
  }

  .ellipsis-2 {
    inset: 0%;
  }

  .tab-paragraph {
    font-weight: var(--_size---font-weight-regular);
    text-align: center;
  }

  .request-container {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column-reverse wrap;
  }

  .clients-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .title-clients {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .client-logos {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .quota-logo {
    width: 8rem;
  }

  .section-hero-landing-3 {
    height: auto;
    padding-bottom: 6.81rem;
  }

  .title-section-3 {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-5xl);
  }

  .title-section-3.bottom {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-4xl);
  }

  .paragraphah-section-3 {
    width: 40rem;
    display: none;
  }

  .progress-line {
    display: none;
  }

  .step-title {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-m);
  }

  .paragraph-step {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .ellipsis-3 {
    width: 35rem;
    inset: 0% auto auto;
  }

  .button-image-1 {
    width: 18rem;
    height: 22.3rem;
    inset: 0 auto;
  }

  .glass-content-step {
    width: 22rem;
    height: 18rem;
  }

  .iso-spidi {
    display: none;
    left: -9px;
  }

  .step-2-landing, .step-1-landing, .step-3-landing {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .title-section-4 {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
  }

  .questions-landing {
    width: 40rem;
  }

  .section-hero-landing-5 {
    height: auto;
  }

  .heading-8 {
    font-size: var(--_size---font-size-5xl);
    line-height: var(--_size---font-size-5xl);
  }

  .banner-glass {
    width: 45rem;
  }

  .text-section-5 {
    font-size: var(--_size---font-size-6xl);
    line-height: var(--_size---font-size-6xl);
  }

  .banner-container-landing {
    height: 18rem;
  }

  .cunaguaro {
    width: 22rem;
    inset: auto 0% -50% auto;
  }

  .logo-spidi-large {
    top: 159px;
  }

  .footer-landing {
    height: 18rem;
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
  }

  .button-registro {
    border-radius: var(--_size---padding-xxsmall);
    width: 7.18rem;
    height: 2.1rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .image-27, .image-28, .image-29 {
    width: 8rem;
  }

  .hero-img {
    display: none;
    position: relative;
    top: 0;
    bottom: 0;
  }

  .section-phone-botton {
    z-index: 1;
    height: auto;
    padding-top: var(--_size---padding-xxmedium);
    padding-bottom: var(--_size---padding-xlarge);
    justify-content: center;
    align-items: flex-start;
  }

  .paragraphah-section-3-mobile {
    width: 35rem;
    font-weight: var(--_size---font-weight-regular);
    display: flex;
  }

  .phone-bottom {
    width: 19.9rem;
    inset: 0% auto;
  }

  .carousel-landing {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    height: 11rem;
  }

  .card-landing {
    width: 12rem;
    height: 8rem;
  }

  .text-card-landing {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .ellipsis-5 {
    width: 25rem;
    top: -66px;
  }

  .phone-768 {
    z-index: 1;
    width: 22.5rem;
    display: block;
    position: absolute;
    inset: auto auto -145px;
  }

  .ellipsis-768 {
    display: block;
    position: relative;
    inset: auto 0%;
  }

  .phone-tablet {
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    display: flex;
    position: absolute;
    bottom: 0;
  }

  .modal-filters {
    display: none;
  }

  .modal-content-filters {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .header {
    padding-bottom: var(--_size---padding-xsmall);
  }

  .title-modal-filter {
    font-size: var(--_size---font-size-m);
  }

  .modal-export {
    display: none;
  }

  .modal-content-export {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .breadcrumb-text-mobile {
    text-decoration: none;
    display: flex;
  }

  .breadcrumb-text-variant {
    display: none;
  }

  .amount-detail {
    flex-flow: wrap;
    justify-content: flex-end;
    align-items: center;
  }

  .amount-detail-left {
    width: 100%;
  }

  .detail-transactions-wrapped {
    width: 100%;
    max-width: none;
    margin-left: var(--_size---padding-0);
    padding-right: var(--_size---padding-0);
    right: 2%;
  }

  .detail-container {
    justify-content: space-between;
    align-items: center;
  }

  .detail-transaction-card {
    width: 100%;
    padding-bottom: var(--_size---padding-xxmedium);
  }

  .propety-value {
    width: 100%;
  }

  .detail-value.identifier {
    text-align: right;
    width: 20rem;
  }

  .property-value-bottom {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .copy-link-content {
    width: 100%;
    position: relative;
  }

  .text-link {
    width: 28.5rem;
  }

  .copy-link-mobile {
    display: none;
  }

  .section-transaction-detail {
    margin-right: var(--_size---padding-xmedium);
    background-image: none;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .mispidi-wrapped {
    width: 88%;
    max-width: none;
    margin-left: var(--_size---padding-0);
    justify-content: flex-start;
    align-items: stretch;
    right: 2%;
  }

  .header-spidi-center-mobile-copy, .header-mispidi-mobile {
    display: none;
  }

  .header-mispidi {
    width: 100%;
    max-width: none;
    padding-left: var(--_size---padding-small);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    justify-content: space-between;
    align-items: center;
  }

  .user-name-header {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .welcome-text {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .transaction-tablet-active {
    background-color: var(--_color---color-terciary);
    border-radius: .31rem;
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: flex;
  }

  .mi-spid-tablet-active {
    background-color: var(--_color---color-terciary);
    border-radius: .3rem;
    justify-content: center;
    align-items: center;
    width: 2.68rem;
    height: 2.68rem;
    display: none;
  }

  .request-tablet-active, .spidi-express-tablet-active {
    background-color: var(--_color---color-terciary);
    border-radius: .3rem;
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: none;
  }

  .mispidi-bg {
    width: 100%;
    bottom: 0;
  }

  .main-text-spidi {
    font-size: var(--_size---font-size-4xl);
  }

  .spidi-main-content {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .spidi-card {
    width: 17.5rem;
  }

  .bottom-buttons {
    flex-flow: column;
  }

  .download-btn, .print-btn {
    width: 15rem;
  }

  .mispidi-bg-mobile, .modal-filters-copy, .modal-transaction-filter {
    display: none;
  }

  .modal-content-filter {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .modal-mispidi-settings {
    display: none;
  }

  .modal-content-filter-copy, .modal-content-settings {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal-filter-copy, .title-modal-settings {
    font-size: var(--_size---font-size-m);
  }

  .sidebar-copy, .sidebar-mispidi {
    display: none;
  }

  .mi-spidi-option-tablet {
    justify-content: center;
    align-items: center;
    width: 2.68rem;
    height: 2.68rem;
    display: none;
  }

  .mi-spidi-option-tablet-active {
    background-color: var(--_color---color-terciary);
    border-radius: .3rem;
    justify-content: center;
    align-items: center;
    width: 2.68rem;
    height: 2.68rem;
    display: flex;
  }

  .transaction-option-tablet {
    background-color: #0000;
    border-radius: .31rem;
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: flex;
  }

  .transaction-option-tablet-active-copy {
    background-color: var(--_color---color-terciary);
    border-radius: .31rem;
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: none;
  }

  .main-content-store {
    margin-top: -157px;
  }

  .card-amount-store {
    width: 36.25rem;
  }

  .card-amount-store.card-spidi-store {
    display: flex;
  }

  .payment-quest-button {
    width: 14.5rem;
    height: 3rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    background-position: 10%;
  }

  .transaction-filters-copy, .request-filters {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .request-filter-left {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .request-filter-right {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .request-filters-mobile {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 5rem;
    display: none;
  }

  .transaction-filter-left-copy, .request-filter-left-mobile {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .request-tab-mobile {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .request-th-2 {
    width: 7rem;
  }

  .request-th-4 {
    display: flex;
  }

  .request-th-5 {
    display: none;
  }

  .request-td-1 {
    width: 7.5rem;
  }

  .request-tr {
    display: none;
  }

  .th-1 {
    width: 9rem;
  }

  .request-td-2 {
    width: 8.5rem;
  }

  .request-td-3 {
    grid-column-gap: .12rem;
    grid-row-gap: .12rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: none;
  }

  .request-td-4 {
    display: none;
  }

  .request-td-5 {
    width: 8rem;
  }

  .request-tablet-option {
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: none;
  }

  .request-tablet-active-option {
    background-color: var(--_color---color-terciary);
    border-radius: .3rem;
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: flex;
  }

  .transaction-tablet-option {
    background-color: #0000;
    border-radius: .31rem;
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: flex;
  }

  .transaction-tablet-active-option {
    background-color: var(--_color---color-terciary);
    border-radius: .31rem;
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: none;
  }

  .td-amount {
    grid-column-gap: .12rem;
    grid-row-gap: .12rem;
    white-space: nowrap;
    word-break: normal;
    display: flex;
  }

  .request-th-1-mobile {
    width: 5rem;
  }

  .payment-request-wrapped {
    width: 88%;
    max-width: none;
    height: auto;
    margin-left: var(--_size---padding-0);
    right: 2%;
  }

  .tabs-content-2, .request-thead-mobile {
    display: none;
  }

  .request-th-1-copy {
    width: 5rem;
  }

  .card-request-creation {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .form-request-creation {
    padding-right: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
    display: flex;
  }

  .options-request-creation {
    grid-column-gap: var(--_size---padding-giant);
    grid-row-gap: var(--_size---padding-giant);
    border-bottom: 1px solid var(--_color---color-divider);
    border-right-style: none;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    width: 97%;
    height: 3rem;
    padding-bottom: 1rem;
  }

  .search-users {
    padding-right: var(--_size---padding-medium);
    padding-left: var(--_size---padding-0);
  }

  .enter-data {
    width: 17.2rem;
  }

  .added-request {
    padding-right: var(--_size---padding-xsmall);
  }

  .enter-data-active {
    width: 17.2rem;
    padding-right: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xmedium);
    border-bottom: 2px solid var(--_color---color-contrast);
    border-right-style: none;
  }

  .added-request-active {
    padding-right: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xmedium);
    border-bottom: 2px solid var(--_color---color-contrast);
    border-right-style: none;
  }

  .input-request {
    width: 16.68rem;
  }

  .form-top-elements {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .card-add-request {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .added-request-creation {
    padding-right: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
    display: none;
  }

  .add-top-elements {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .added-user {
    width: 100%;
  }

  .bank-name {
    width: 9rem;
    font-size: var(--_size---font-size-s);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .account-name {
    width: 8.7rem;
    font-size: var(--_size---font-size-s);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .main-content-step-1 {
    margin-top: -174px;
  }

  .card-container {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .qr-info-container {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
    width: 12rem;
  }

  .user-name-card.commerce_short_name, .id-user-card.commerce_rif, .profile-name-card.commerce_short_alias {
    width: 8rem;
  }

  .spidi-card-2, .spidi-card-3 {
    width: 17.5rem;
  }

  .image-34 {
    width: 4.87rem;
    height: 4.87rem;
  }

  .mispidi-logo-card {
    width: 4.5rem;
  }

  .icon_spidi {
    width: 4.87rem;
    height: 4.87rem;
  }

  .badges-enviroments {
    z-index: 10;
    display: none;
  }

  ._404 {
    font-size: 10rem;
    line-height: 8rem;
  }

  .heading-12 {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .paragraph-8 {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .colibri-img {
    width: 13rem;
    top: -54%;
    left: -25%;
  }

  .cunaguaro-img {
    width: 18rem;
    height: auto;
    right: -40%;
  }

  ._404-btn {
    width: 18rem;
    height: 3rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .detail-request-card {
    width: 100%;
    padding-bottom: var(--_size---padding-xxmedium);
  }

  .amount-request-detail {
    flex-flow: wrap;
    justify-content: flex-end;
    align-items: center;
  }

  .qr-request-detail {
    width: 100%;
  }

  .request-detail-container {
    flex-flow: wrap;
    display: flex;
  }

  .download-button, .share-btn {
    width: 13.75rem;
  }

  .property-value-request {
    width: 100%;
  }

  .minus-btn, .plus-btn {
    width: var(--_size---padding-xmedium);
    height: var(--_size---padding-xmedium);
  }

  .form-block-mobile {
    display: none;
  }

  .td-identificator {
    width: 7rem;
  }

  .main-menu-title-tablet {
    color: var(--_color---color-secondary);
    font-size: .68rem;
    line-height: .68rem;
  }

  .menu-title-tablet-copy {
    color: var(--_color---color-secondary);
    font-size: .68rem;
    line-height: .68rem;
    display: none;
  }

  .text-link-mispidi {
    width: 28.5rem;
  }

  .empty-state {
    width: 30rem;
  }

  .empty-state-title {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .empty-state-subtitle {
    font-size: var(--_size---font-size-m);
  }

  .logout-tablet {
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: flex;
  }

  .logout-user {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    display: flex;
    position: relative;
  }

  .text-link-request {
    width: 28.5rem;
  }

  .td-text-amount, .td-text-ref {
    grid-column-gap: .12rem;
    grid-row-gap: .12rem;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    overflow: hidden;
  }

  .card-selection-store {
    width: 36.25rem;
  }

  .card-selection-store.card-spidi-store {
    height: 18rem;
  }

  .toast-copy {
    width: 100%;
    display: none;
  }

  .modal-mispidi-settings-copy {
    display: none;
  }

  .modal-content-logout {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal-logout {
    font-size: var(--_size---font-size-m);
  }

  .modal-content-timeout {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal-timeout {
    font-size: var(--_size---font-size-m);
  }

  .modal-request-creation {
    display: none;
  }

  .modal-content-creation {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .api-documentation {
    width: 8rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    text-align: right;
    display: none;
  }

  .api-documentation-desktop {
    width: 8rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    text-align: right;
  }

  .request-detail-expired {
    flex-flow: wrap;
  }

  .request-detail-payed {
    flex-flow: wrap;
    display: none;
  }

  .modal-content-expired {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal-expired {
    font-size: var(--_size---font-size-m);
  }

  .badges-creaction, .badges-expired, .badges-reactive, .badges-delete {
    width: 87%;
    display: none;
  }

  .modal-content-delete {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal-delete {
    font-size: var(--_size---font-size-m);
  }

  .modal-content-reactive, .modal-content-repeat {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal-repeat, .title-modal-reactive {
    font-size: var(--_size---font-size-m);
  }

  .request-image {
    width: 25rem;
    top: auto;
    left: auto;
    right: auto;
  }

  .see-more {
    width: 100%;
  }

  .product-container {
    width: 100%;
    display: none;
  }

  .document-button-mobile {
    display: none;
  }

  .title-propety-value {
    width: auto;
  }

  .detail-request-container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .modal-content-documents {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal-documents {
    font-size: var(--_size---font-size-m);
  }

  .toast-copy-link {
    width: 100%;
    display: none;
  }

  .card-upload-receipt {
    width: 36.25rem;
  }

  .modal-binance-receipt {
    display: none;
  }

  .modal-content-binance {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal-binance {
    font-size: var(--_size---font-size-m);
  }

  .modal-export-2 {
    display: none;
  }

  .header-2 {
    padding-bottom: .5rem;
  }

  .modal-content-export-2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    max-width: 33.5rem;
  }

  .title-modal-filter-2 {
    font-size: var(--_size---font-size-m);
  }

  .card-fallback-3 {
    width: 36.25rem;
  }

  .form-block-14 {
    display: none;
  }

  .input-description-change {
    width: 16.68rem;
  }

  .avatar-skeleton.skeleton-element {
    width: 3.3rem;
    height: 3.3rem;
    top: 1%;
    left: 2%;
  }

  .user-name-skeleton.skeleton-element {
    width: 7.4rem;
    left: 9.5%;
  }

  .qr-mispidi-skeleton.skeleton-element {
    width: 4.87rem;
    height: 4.87rem;
  }

  .user-menu-skeleton {
    border-radius: 100px;
    width: 3.12em;
    height: 3.12rem;
    position: absolute;
    top: 57px;
  }

  .user-menu-skeleton.skeleton-element {
    border-radius: 100rem;
    width: 3em;
    height: 3rem;
    display: none;
    top: 59px;
    left: 10%;
  }

  .text-link-skeleton.skeleton-element {
    width: 16rem;
    height: 1rem;
    top: 34%;
    left: 2%;
  }

  .total-transaction-skeleton.skeleton-element, .amount-ref-skeleton.skeleton-element, .tr-skeleton.skeleton-element, .property-value-skeleton.skeleton-element, .request-tr-skeleton.skeleton-element, .description-actions-skeleton.skeleton-element {
    display: none;
  }

  .request-property-value, .propety-value-copy {
    width: 100%;
  }

  .spidi-copyright-2 {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .privacy-politics-2 {
    width: 8.7rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .frequents-ask-2 {
    width: 8rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    text-align: right;
  }

  .footer-2 {
    height: 16rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .terms-condition-2 {
    width: 9rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    display: block;
  }

  .spidi-rif-2, .spidi-contact-2, .spidi-name-2 {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .top-footer-2 {
    height: 8rem;
    padding-bottom: 0;
  }

  .cta-wrapped-2 {
    width: 28rem;
  }

  .spidi-info-content-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .button-registro-2 {
    width: 7.18rem;
    height: 2.1rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    border-radius: .25rem;
  }

  .links-content-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
  }

  .spidi-copyright-3 {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .frequents-ask-3 {
    width: 8rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    text-align: right;
  }

  .footer-3 {
    height: 16rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .spidi-rif-3, .spidi-contact-3, .spidi-name-3 {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .links-content-3 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
  }

  .spidi-copyright-4 {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .frequents-ask-4 {
    width: 8rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    text-align: right;
  }

  .footer-4 {
    height: 16rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .spidi-rif-4, .spidi-name-4 {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .links-content-4 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
  }

  .user-profile-wrapped {
    width: 88%;
    max-width: none;
    margin-left: var(--_size---padding-0);
    right: 2%;
  }

  .level-container {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .colibri-level {
    width: 3.31rem;
    height: 3.62rem;
  }

  .level-text {
    font-size: var(--_size---font-size-xl);
  }

  .link-level {
    font-size: var(--_size---font-size-s);
  }

  .user-profile-container {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .user-profile-background {
    width: 8rem;
    height: 8rem;
    top: -53px;
    left: -56.281px;
  }

  .user-profile-image {
    width: 7.5rem;
    height: 7.5rem;
    top: 5px;
    left: 4px;
  }

  .user-profile-image.commerce_logo {
    width: 7.5rem;
    height: 7.5rem;
    top: -48px;
    left: -52px;
  }

  .username-profile, .heading-14 {
    width: 16rem;
  }

  .username-profile-container {
    left: 94px;
  }

  .buttons-profile-container {
    display: flex;
  }

  .username-buttons-container {
    padding-right: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .image-profile-container {
    justify-content: center;
    align-items: center;
  }

  .badges-user-profile {
    width: 2.5rem;
    height: 2.5rem;
    top: 80px;
    left: 94px;
  }

  .profile-menu-settings {
    margin-top: var(--_size---padding-0);
  }

  .image-username {
    position: relative;
  }

  .ref-amount-input {
    width: 16.68rem;
  }

  .input-amount-ref {
    width: 9.55rem;
  }

  .setting-tablet-active {
    background-color: var(--_color---color-terciary);
    border-radius: .3rem;
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: flex;
  }

  .modal-upload-image {
    display: none;
  }

  .modal-content-upload {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal-upload {
    font-size: var(--_size---font-size-m);
  }

  .main-content-upload, .main-content-upload.positive-validation {
    width: 55%;
  }

  .bank-card {
    width: 90%;
  }

  .bank-account-wrapped {
    width: 88%;
    max-width: none;
    margin-left: var(--_size---padding-0);
    right: 2%;
  }

  .tittle-bank-account {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .subtittle-bank-account {
    font-size: var(--_size---font-size-s);
  }

  .pago-movil-top, .form-bank-pago {
    width: 90%;
  }

  .form-id-container {
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
  }

  .select-phone-pago {
    width: 35%;
    font-size: var(--_size---font-size-2xs);
  }

  .field-phone-pago {
    width: 100%;
  }

  .add-bank-buttons, .bank-account-bottom {
    width: 90%;
  }

  .badges-edited, .toast-creaction, .toast-edited, .toast-expired, .toast-reactive, .toast-delete, .badges-creaction-copy {
    width: 87%;
    display: none;
  }

  .modal-bank-otp {
    display: none;
  }

  .modal-content-bank-otp {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal-otp {
    font-size: var(--_size---font-size-m);
  }

  .link-bank-otp {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .toast-bank {
    width: 87%;
    display: none;
  }

  .notification-wrapped {
    width: 88%;
    max-width: none;
    margin-left: var(--_size---padding-0);
    right: 2%;
  }

  .notification-card {
    width: 90%;
  }

  .tittle-notification {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .subtittle-notification {
    font-size: var(--_size---font-size-s);
  }

  .toast-notification {
    width: 87%;
    display: none;
  }

  .modal-email-otp {
    display: none;
  }

  .modal-content-email-otp {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .link-email-otp {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .tab-bank-dates {
    display: none;
  }

  .security-wrapped {
    width: 88%;
    max-width: none;
    margin-left: var(--_size---padding-0);
    right: 2%;
  }

  .security-card {
    width: 90%;
  }

  .tittle-security {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .subtittle-security {
    font-size: var(--_size---font-size-s);
  }

  .toast-security {
    width: 87%;
    display: none;
  }

  .tab-security {
    display: flex;
  }

  .modal-password-validation {
    display: none;
  }

  .modal-content-password-validation {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal-password {
    font-size: var(--_size---font-size-m);
  }

  .link-password-validation {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .mispidi-settings-wrapped {
    width: 88%;
    max-width: none;
    margin-left: var(--_size---padding-0);
    right: 2%;
  }

  .settings-card {
    width: 90%;
  }

  .tittle-settings {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .subtittle-settings {
    font-size: var(--_size---font-size-s);
  }

  .settings-buttons {
    width: 100%;
  }

  .modal-content-change {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal-change {
    font-size: var(--_size---font-size-m);
  }

  .toast-change-bank {
    width: 87%;
    display: none;
  }

  .minds-logo {
    width: 10rem;
  }

  .vnet-logo {
    width: 8rem;
  }

  .ticketplate-logo, .parkeate-logo {
    width: 10rem;
  }

  .mil-logo {
    width: 6rem;
  }

  .cusica-logo {
    width: 12rem;
  }

  .enpunto-logo, .tiquemax-logo {
    width: 10rem;
  }

  .description-store {
    width: 8rem;
    font-size: var(--_size---font-size-xl);
  }

  .concept-store {
    width: 8rem;
    font-size: var(--_size---font-size-m);
  }

  .amount-store {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .main-product-content {
    width: 90%;
  }

  .stop-ref-select {
    width: 5.5rem;
  }

  .modal-bancamiga {
    display: none;
  }

  .container-4, .container-5 {
    max-width: 728px;
  }

  .main-image {
    height: 56.8rem;
  }

  .main-content-donation {
    top: -73px;
  }

  .main-heading-donation {
    font-size: var(--_size---font-size-5xl);
    line-height: var(--_size---font-size-6xl);
  }

  .main-paragraph-donation {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
  }

  .main-button-donation {
    width: 12rem;
    height: 2.5em;
  }

  .spidi-logo-donation {
    width: 15rem;
  }

  .fundation-container {
    flex-flow: row-reverse wrap;
    width: 90%;
    top: 50px;
  }

  .fundation-card {
    width: 8rem;
    height: 4rem;
  }

  .navbar--donation {
    width: 45rem;
  }

  .gradient-circle-2 {
    bottom: -30%;
  }

  .donation-card {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .fundation-name {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
  }

  .text-login {
    font-size: 1.2rem;
  }

  .description-fundation {
    font-size: var(--_size---font-size-s);
    line-height: 1.3rem;
  }

  .bold-text-4 {
    line-height: var(--_size---font-size-2xl);
  }

  .gradient-circle-4 {
    bottom: -5%;
  }

  .modal-success {
    display: none;
  }

  .modal-content-success {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal-success {
    font-size: var(--_size---font-size-xl);
  }

  .guacamaya {
    width: 32%;
  }

  .button-expired {
    width: 80%;
  }

  .toast-store {
    width: 90%;
  }

  .modal-donar {
    display: none;
  }

  .modal-content-donar {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal-donar {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .modal-text-donar {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    inset: 11% 0% auto;
  }

  .modal-button-donar {
    width: 12rem;
    height: 2.5em;
  }

  .close-icon-donar {
    z-index: 10;
  }

  .modal-container-fundations {
    flex-flow: row-reverse wrap;
    width: 85%;
    top: 50px;
  }

  .modal-fundation-card {
    width: 5rem;
    height: 2.5rem;
  }

  .modal-content-select {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .toast-mail, .toast-owner {
    width: 87%;
    display: none;
  }

  .modal-midnight {
    display: none;
  }

  .store-tablet {
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: flex;
  }

  .store-tablet.admin {
    display: none;
  }

  .spidi-store-button {
    width: 13.5rem;
    height: 3rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    background-position: 10%;
  }

  .store-tablet-active {
    background-color: var(--_color---color-terciary);
    border-radius: .3rem;
    justify-content: center;
    align-items: center;
    width: 2.65rem;
    height: 2.65rem;
    display: flex;
  }

  .label-pago-movil {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .modal-pago-movil {
    display: none;
  }

  .modal-content-pago-movil {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    max-width: 33.5rem;
  }

  .pago-movil-info {
    width: 80%;
  }

  .transport-content {
    display: flex;
  }

  .label-transport {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .toast-transport.is-done {
    background-color: var(--_color---color-bg-error-soft);
    display: none;
  }

  .title-transport-info.is-done {
    color: var(--_color---color-dark-red);
  }

  .swipe-track {
    background-color: var(--_color---color-disabled);
    border-radius: 100px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 3.25rem;
    display: flex;
    position: relative;
    box-shadow: inset 0 4px 4px #65656540;
  }

  .swipe-btn {
    background-image: url('../images/arrow-right-icon.svg'), linear-gradient(137deg, var(--_color---color-terciary), var(--_color---color-primary) 51%, var(--_color---color-contrast));
    cursor: grab;
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: auto, auto;
    border-radius: 100px;
    width: 2.62rem;
    height: 2.62rem;
    position: absolute;
    top: 9%;
    left: 2%;
  }

  .modal-transport {
    display: none;
  }

  .modal-content-transport {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 33.5rem;
  }

  .title-modal-transport {
    font-size: var(--_size---font-size-m);
  }

  .main-content-transport {
    justify-content: center;
    align-items: center;
  }

  .modal-text-transport {
    width: 70%;
  }

  .buttons-transport {
    flex-flow: column;
    width: 100%;
  }

  .product-button {
    width: 100%;
  }

  .qr-button {
    background-color: var(--_color---color-terciary);
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: 14px;
    font-weight: var(--_size---font-weight-medium);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .code-content {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .code-transport {
    font-family: var(--_size---font-body);
    color: var(--_color---color-gray-dark);
    font-size: 5rem;
    line-height: 5.5rem;
  }

  .color-content {
    border-left: 1px solid var(--_color---color-secondary);
    padding-left: 1rem;
  }

  .color {
    background-color: #fcee21;
    border-radius: .4rem;
    width: 3.75rem;
    height: 3.75rem;
  }

  .code-block {
    padding-right: 1rem;
  }

  .date-hours-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-items: center;
    width: 43%;
    display: flex;
  }

  .profile-transport-info {
    background-color: var(--_color---color-focus);
    border-radius: .6rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 1rem;
    display: flex;
  }

  .user-transport-background {
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    display: flex;
    position: static;
  }

  .transport-image {
    width: 3.8rem;
    height: 3.8rem;
  }

  .code-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .qr-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: none;
  }

  .qr-code-content {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .close-button {
    width: 100%;
    display: none;
  }

  .toast-transport-done.is-done {
    background-color: var(--_color---color-bg-error-soft);
    display: none;
  }

  .back-button-transport {
    background-color: var(--_color---color-terciary);
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: 14px;
    font-weight: var(--_size---font-weight-medium);
    justify-content: center;
    align-items: center;
    display: none;
  }

  .store-wrapped {
    width: 88%;
    max-width: none;
    height: auto;
    margin-left: var(--_size---padding-0);
    right: 2%;
  }

  .store-table-container {
    width: 90%;
  }

  .card-store-creation {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .options-store-creation {
    grid-column-gap: var(--_size---padding-giant);
    grid-row-gap: var(--_size---padding-giant);
    border-bottom: 1px solid var(--_color---color-divider);
    border-right-style: none;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 3rem;
    padding-bottom: 1rem;
  }

  .form-store-creation {
    width: 90%;
    padding-right: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
    display: flex;
  }

  .added-store {
    width: 12rem;
    padding-right: var(--_size---padding-xsmall);
    justify-content: center;
    align-items: center;
  }

  .added-store-active {
    width: 12rem;
    padding-right: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xmedium);
    border-bottom: 2px solid var(--_color---color-contrast);
    border-right-style: none;
  }

  .input-store-creation {
    width: 90%;
  }

  .input-request-copy {
    width: 16.68rem;
  }

  .select-identificator {
    width: 90%;
  }

  .identifier-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .form-store-identifier {
    width: 100%;
  }

  .added-store-creation {
    width: 90%;
    padding-right: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
    display: none;
  }

  .store-top-elements, .form-elements {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .toast-delete-product, .toast-delete-store {
    width: 87%;
    display: none;
  }

  .current-count {
    width: 90%;
  }

  .validation-info, .buttons-validation {
    width: 55%;
  }

  .negative-form-validation {
    display: none;
  }

  .text-transaction-validation {
    font-size: .97rem;
    line-height: .97rem;
  }

  .text-transaction-validation.pago-movil {
    font-size: var(--_size---font-size-m);
    text-align: center;
    line-height: 1.5rem;
    display: none;
  }

  .detail-list-stop {
    width: 100%;
  }

  .total-amount-store {
    width: 90%;
  }

  .modal-filter-admin {
    display: none;
  }

  .filter-content-admin {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    width: 70%;
    max-width: 100%;
  }

  .main-filter-admin {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .transaction-date-admin {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
  }

  .buttons-filter-admin {
    justify-content: center;
    align-items: center;
  }

  .text-input-container, .from-input-admin, .to-input-admin {
    grid-column-gap: .15rem;
    grid-row-gap: .15rem;
  }

  .transaction-filters-admin {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: auto;
  }

  .transaction-filters-mobile-admin {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 5rem;
    display: none;
  }

  .form-medium-reference {
    display: none;
  }

  .form-bank-pago-movil {
    width: 90%;
  }

  .other-amount-result {
    width: 55%;
  }

  .total-store-amount {
    width: 90%;
    padding-right: var(--_size---padding-xmedium);
    padding-left: var(--_size---padding-xmedium);
  }

  .label-amount-store {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-xl);
  }

  .text-total-amount-store.bs-amount {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-3xl);
  }
}

@media screen and (max-width: 767px) {
  .heading-style-h1 {
    z-index: auto;
    padding-left: var(--_size---padding-small);
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
    position: absolute;
    inset: auto auto 84px;
  }

  .image {
    width: 100%;
    max-width: 568px;
  }

  .image-2 {
    width: 120px;
  }

  .container-large.container-color {
    padding-top: var(--_size---padding-xxmedium);
    padding-bottom: var(--_size---padding-xxmedium);
  }

  .container-large.color-content {
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    flex-flow: row;
  }

  .container-large.color-text-content {
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
  }

  .container-large.container-hero {
    position: relative;
  }

  .container-large.container-hue {
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
  }

  .container-large.container-font-family {
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .container-large.heading-content {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .image-3 {
    width: 350px;
  }

  .heading-style-h2 {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
    right: 140px;
  }

  .heading-style-h2.index-number {
    font-size: 8rem;
    line-height: 8rem;
  }

  .heading-style-h2.text-typography {
    right: 108px;
  }

  .heading-style-h2.index-number-2 {
    font-size: 8rem;
    line-height: 8rem;
  }

  .primary-color-card, .secondary-color-card, .terciary-color-card, .contrast-color-card {
    border-radius: 10px;
    width: 10rem;
    height: 12rem;
  }

  .heading-style-h3 {
    font-size: .874rem;
    line-height: .874rem;
  }

  .heading-style-h3.text-style-unbounded, .heading-style-h3.text-style-worksans {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .text-size-large, .text-size-large.text-color-terciary {
    font-size: .874rem;
    line-height: .874rem;
  }

  .color-info {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .background-color-card.color-bg-primary, .background-color-card.color-bg-secondary {
    border-radius: 10px;
    height: 8rem;
  }

  .text-color-card.color-text-primary, .text-color-card.color-text-secondary, .text-color-card.color-text-terciary, .text-color-card.color-text-contrast, .text-color-card.color-support-error, .text-color-card.color-support-warning, .text-color-card.color-support-info, .text-color-card.color-support-succes {
    border-radius: 10px;
    width: 8rem;
    height: 8rem;
  }

  .text-color-info {
    font-size: .874rem;
  }

  .color-card.primary-color-main, .color-card.primary-light-1, .color-card.primary-light-2, .color-card.primary-light-3, .color-card.primary-dark-1, .color-card.primary-dark-2, .color-card.primary-dark-3, .color-card.secundary-color-main, .color-card.secundary-light-1, .color-card.secundary-light-2, .color-card.secundary-light-3, .color-card.secundary-dark-1, .color-card.secundary-dark-2, .color-card.secundary-dark-3, .color-card.terciary-color-main, .color-card.terciary-light-1, .color-card.terciary-light-2, .color-card.terciary-light-3, .color-card.terciary-dark-1, .color-card.terciary-dark-2, .color-card.terciary-dark-3, .color-card.contrast-color-main, .color-card.contrast-light-1, .color-card.contrast-light-2, .color-card.contrast-light-3, .color-card.contrast-dark-1, .color-card.contrast-dark-2, .color-card.contrast-dark-3 {
    width: 4rem;
    height: 4rem;
  }

  .heading-style-h4 {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .heading-style-h4.card-text-body {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .card-family-font {
    border-radius: 10px;
    width: 26rem;
    height: 16rem;
  }

  .card-body-bottom {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 10rem;
  }

  .paragraph-medium {
    font-size: .874rem;
  }

  .paragraph-medium.paragraph-style-2 {
    line-height: .874rem;
  }

  .title-h2 {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .main-content {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    width: 30rem;
    margin-top: -126px;
  }

  .heading-user-h1.commerce-short-name {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .card-amount {
    width: 30rem;
  }

  .form-wrapped {
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
  }

  .title-card {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    display: flex;
  }

  .title-card.description-center {
    width: 22.375rem;
    font-size: var(--_size---font-size-3xl);
    line-height: var(--_size---font-size-3xl);
  }

  .label-amount {
    font-size: var(--_size---font-size-2xs);
  }

  .user-photo.commerce-logo {
    width: 5.25rem;
    height: 5.255rem;
  }

  .tab {
    display: flex;
  }

  .value-detail-list.ref-amount {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .card-dates {
    width: 30rem;
  }

  .step-3 {
    margin-top: auto;
  }

  .link-modal-payment {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .label-resend-key, .link-resend-key {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .modal, .modal-cripto {
    display: none;
  }

  .card-dates-copy {
    width: 30rem;
  }

  .card-dates-cripto {
    width: 30rem;
    display: none;
  }

  .card-dates-qr {
    width: 30rem;
    display: flex;
  }

  .form-medium-wallet {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .header-section {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .title-success {
    font-size: var(--_size---font-size-l);
    line-height: var(--_size---font-size-l);
  }

  .text-transaction {
    font-size: .97rem;
    line-height: .97rem;
  }

  .text-transaction.pago-movil {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
    text-align: center;
  }

  .text-transaction-bold {
    font-size: .97rem;
    line-height: .97rem;
  }

  .text-date-hour {
    font-size: var(--_size---font-size-s);
  }

  .total-amount-success {
    font-size: var(--_size---font-size-xl);
  }

  .list-bottom-detail.pago-movil {
    grid-column-gap: .125rem;
    grid-row-gap: .125rem;
    padding-left: 0;
  }

  .container-bottom-detail.pago-movil {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .image-5 {
    width: 9.25rem;
    height: 9.25rem;
  }

  .spidi-logo {
    width: 13rem;
    height: 5.2rem;
  }

  .title-failed {
    text-align: center;
  }

  .text-error-code {
    font-size: .97rem;
    line-height: .97rem;
  }

  .section-header {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .total-amount-failed {
    font-size: var(--_size---font-size-xl);
  }

  .container-total-amount-failed {
    max-width: 22.5rem;
    padding-right: var(--_size---padding-0);
    padding-left: var(--_size---padding-0);
  }

  .button-detail:hover {
    background-color: var(--_color---color-secondary-variant);
  }

  .blur-bg-medium {
    margin-top: 0;
  }

  .icon-success {
    width: 6.87rem;
    height: 6.87rem;
  }

  .main-content-2, .main-content-3 {
    width: 32rem;
  }

  .amount.bs-amount {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
  }

  .detail-content {
    width: 22.375rem;
  }

  .button {
    width: 17.81rem;
  }

  .progress-bar {
    width: 17.5rem;
    height: 1.5rem;
  }

  .main-text {
    font-size: var(--_size---font-size-xl);
  }

  .onboarding-header {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .card-type-client {
    width: 30rem;
    box-shadow: none;
  }

  .title-card-onboarding {
    font-size: var(--_size---font-size-xl);
  }

  .card-email {
    width: 30rem;
  }

  .progress-bar-email {
    width: 17.5rem;
    height: 1.5rem;
  }

  .card-code-validation {
    width: 30rem;
  }

  .progress-bar-id-validation {
    width: 17.5rem;
    height: 1.5rem;
  }

  .card-id-verification, .card-rif-verification, .card-cedula-verification, .card-cedula-validation, .card-rif-validation {
    width: 30rem;
  }

  .text-label, .link-text {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .card-bank-phone {
    width: 30rem;
  }

  .title-bank-verification {
    font-size: var(--_size---font-size-xl);
  }

  .success-icon-onboarding {
    width: 8rem;
    height: 8rem;
  }

  .card-payments-code {
    width: 30rem;
  }

  .main-text-success {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .bold-text-success {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .card-user-password {
    width: 30rem;
  }

  .link-wallet-cripto {
    flex-flow: column;
    display: flex;
  }

  .label-repayments, .link-repayments-cta, .cta-repayments {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .modal-content-user {
    display: flex;
  }

  .modal-otp {
    display: none;
  }

  .modal-content-otp {
    display: flex;
  }

  .modal-back-button {
    display: none;
  }

  .modal-content-back {
    display: flex;
  }

  .login-header {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .card-user-password-login {
    width: 30rem;
  }

  .title-card-login {
    font-size: var(--_size---font-size-xl);
  }

  .card-change-password {
    width: 30rem;
  }

  .success-icon-login {
    width: 8rem;
    height: 8rem;
  }

  .label-cripto {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .link-cripto {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .card-type-client-copy {
    width: 30rem;
  }

  .card-onboarding-login {
    width: 30rem;
    box-shadow: none;
  }

  .user-photo-background {
    width: 5.6rem;
    height: 5.6rem;
  }

  .title-card-landing {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .card-amount-landing {
    width: 30rem;
  }

  .card-amount-landing.card-amount-request {
    width: 38rem;
  }

  .detail-content-landing {
    width: 22.375rem;
  }

  .user-image {
    width: 3rem;
    height: 3rem;
  }

  .user-name {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .user-profile {
    font-size: var(--_size---font-size-s);
  }

  .items-list {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .item-concept {
    width: 12rem;
  }

  .item-wrapped, .items-content-1 {
    width: 100%;
  }

  .image-12 {
    width: 2rem;
    height: 2rem;
  }

  .stop-isotype {
    width: 12rem;
  }

  .user-unregistered-image {
    width: 3rem;
    height: 3rem;
  }

  .user-unregistered-profile {
    font-size: var(--_size---font-size-s);
  }

  .user-unregistered-name {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .card-fallback {
    width: 30rem;
    display: none;
  }

  .text-transaction-fallback, .text-transaction-fallback-bold {
    font-size: .97rem;
    line-height: .97rem;
  }

  .footer {
    height: 20rem;
    padding-top: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .logo-spidi-white {
    width: 7.5rem;
  }

  .spidi-name, .spidi-rif {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
  }

  .spidi-info-content {
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
    justify-content: center;
    align-items: center;
  }

  .info-spidi {
    justify-content: center;
    align-items: center;
  }

  .links-content {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
  }

  .terms-condition, .privacy-politics, .frequents-ask {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
    text-align: center;
  }

  .cta-wrapped {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: center;
    align-items: center;
  }

  .top-footer {
    height: 12rem;
    padding-bottom: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    border-bottom-style: none;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .bottom-footer {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .spidi-contact, .spidi-copyright {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
  }

  .main-content-stop, .card-fallback-2 {
    width: 30rem;
  }

  .user-name-spidi, .user-profile-spidi {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .section-spidi-center {
    margin-right: var(--_size---padding-0);
  }

  .transactions-wrapped {
    width: 100%;
    max-width: none;
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    inset: 0% 0% 0% 1.5%;
  }

  .header-spidi-center {
    width: 100%;
    max-width: none;
    padding-left: var(--_size---padding-small);
  }

  .search-button {
    display: none;
  }

  .mispidi-button {
    width: 11.5rem;
  }

  .title-spidi-center {
    padding-left: var(--_size---padding-small);
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .transaction-details {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .amount-ref {
    width: 13rem;
  }

  .transaction-filters {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    height: auto;
  }

  .input-search {
    width: 7rem;
  }

  .search-filter {
    width: 8.75rem;
  }

  .thead {
    display: none;
  }

  .request-th-1 {
    width: 5rem;
  }

  .th-2 {
    width: 8rem;
  }

  .th-3 {
    width: 6.5rem;
  }

  .tr {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
    display: none;
  }

  .td-1 {
    width: 7rem;
  }

  .pagination-content {
    justify-content: space-between;
    align-items: center;
  }

  .pagination {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .pagination-text {
    display: none;
  }

  .pagination-buttons {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .last-tr, .select-pagination {
    display: none;
  }

  .transaction-filter-left {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .select-week {
    display: none;
  }

  .calendar-button {
    background-position: 8px;
    border-left-width: 1px;
    border-radius: .31rem;
    width: 8.81rem;
  }

  .calendar-button.date-range-picker {
    width: 11rem;
    font-size: var(--_size---font-size-2xs);
  }

  .transaction-filter-right {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    height: 4rem;
  }

  .ref-select {
    width: 5.5rem;
  }

  .sidebar-tablet {
    background-color: #0000;
    display: none;
  }

  .filter-buttons-tablet {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .navbar-3 {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .sidebar-mobile {
    z-index: 5;
    background-color: var(--_color---color-bg-secondary);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .header-spidi-center-mobile {
    width: 100%;
    max-width: 100%;
    height: 2.75rem;
    padding-right: var(--_size---padding-xsmall);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .menu-button {
    background-color: var(--_color---color-bg-secondary);
    width: 100%;
    position: static;
  }

  .menu-button.w--open {
    background-color: var(--_color---color-bg-secondary);
  }

  .search-button-mobile {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    position: relative;
  }

  .last-tr-mobile {
    border-bottom-style: none;
  }

  .thead-mobile {
    width: 100%;
    max-width: none;
    display: flex;
  }

  .spidi-logo-banner {
    width: 13rem;
    height: 4rem;
  }

  .glass-logo {
    width: 9.3rem;
  }

  .buttons-content {
    display: none;
  }

  .back-text {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
  }

  .title-terms-conditions {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .paragraph-terms {
    font-size: var(--_size---font-size-2xs);
  }

  .image-17 {
    display: block;
  }

  .burger-menu {
    display: none;
  }

  .right-container-question {
    justify-content: center;
    align-items: center;
  }

  .card-dates-cripto-ios {
    width: 30rem;
    display: none;
  }

  .accordion-question {
    width: 30rem;
  }

  .plus {
    top: 2.5px;
  }

  .accordion-last-question {
    width: 30rem;
  }

  .card-content {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .title-info {
    color: var(--_color---color-secondary);
  }

  .wrapped-content {
    margin-top: -156px;
  }

  .icon-content {
    padding-right: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    border-right-width: 0;
  }

  .icon-skeleton.skeleton-element {
    height: 7rem;
  }

  .qr-skeleton.skeleton-element {
    height: 10.5rem;
  }

  .list-bottom-content.pago-movil {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .error-skeleton.skeleton-element, .order-skeleton.skeleton-element {
    height: 1.5rem;
  }

  .transaction-filters-mobile {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    height: 4.2rem;
    display: none;
  }

  .transaction-filter-right-mobile {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    height: 4rem;
  }

  .calendar-button-mobile {
    background-position: 8px;
    border-left-width: 1px;
    border-radius: .31rem;
    width: 8.81rem;
  }

  .search-filter-mobile {
    width: 8.75rem;
  }

  .banner-landing {
    height: 15rem;
    top: 0;
  }

  .navbar-landing {
    width: 90%;
    padding: 0rem var(--_size---padding-xmedium) 0rem var(--_size---padding-xsmall);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.08rem;
    position: sticky;
    top: 2rem;
    left: 0;
  }

  .navbar-menu {
    padding: var(--_size---padding-xsmall) var(--_size---padding-small);
    background-color: var(--_color---color-veil-green-80);
    display: flex;
  }

  .navbar-buttons {
    display: none;
  }

  .home-link {
    padding-bottom: var(--_size---padding-xxsmall);
  }

  .solution-link {
    padding-top: var(--_size---padding-xxsmall);
  }

  .spidi-nav-logo, .container-menu {
    display: flex;
  }

  .title-landing {
    width: auto;
    color: var(--_color---color-secondary);
    text-align: left;
    font-size: 2.8rem;
  }

  .main-content-landing {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 1rem;
    top: 52px;
  }

  .subtitle-landing {
    text-align: left;
    width: 30rem;
  }

  .ellipsis-1 {
    bottom: 0%;
  }

  .phone {
    z-index: 1;
    width: 20rem;
    bottom: -14%;
  }

  .phone-container {
    display: flex;
  }

  .text-landing-1, .text-landing-2, .text-landing-3 {
    display: none;
  }

  .section-hero-landing-2 {
    height: auto;
    padding-top: var(--_size---padding-medium);
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .colibri {
    z-index: 2;
    width: 13rem;
    inset: 41% auto auto 0%;
  }

  .main-content-landing-2 {
    width: 35rem;
  }

  .title-section-2 {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
    text-align: center;
  }

  .paragraph-section-2 {
    width: 25rem;
  }

  .main-wrappe-landing {
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
  }

  .button-container {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    flex-flow: column-reverse;
    position: relative;
  }

  .glass-content {
    width: 30rem;
    height: 24.6rem;
  }

  .button-spidi-info {
    z-index: 1;
    width: 40em;
    padding-left: var(--_size---padding-xmedium);
    justify-content: center;
    align-items: flex-start;
    position: relative;
  }

  .button-image {
    width: 22rem;
    top: auto;
    left: auto;
    right: auto;
  }

  .ellipsis-2 {
    width: 100%;
    inset: 0 auto auto;
  }

  .tab-paragraph {
    width: 24rem;
    margin-bottom: 0;
  }

  .request-container {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    flex-flow: column-reverse wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .client-logos {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .quota-logo {
    width: 5rem;
  }

  .section-hero-landing-3 {
    height: auto;
  }

  .progress-asset {
    right: -66px;
  }

  .main-content-landing-3 {
    padding-left: var(--_size---padding-xmedium);
    justify-content: center;
    align-items: flex-start;
  }

  .title-section-3 {
    width: 35rem;
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-5xl);
  }

  .title-section-3.bottom {
    width: 36rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
  }

  .paragraphah-section-3 {
    width: 35rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .progress-line {
    display: none;
  }

  .step-title {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }

  .step-content-info {
    width: 100%;
    padding-left: var(--_size---padding-xmedium);
    justify-content: center;
    align-items: flex-start;
  }

  .paragraph-step {
    width: 29rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .ellipsis-3 {
    top: auto;
    left: auto;
  }

  .button-image-1 {
    top: auto;
    left: auto;
    right: auto;
  }

  .glass-content-step {
    width: 25rem;
    height: 20rem;
  }

  .iso-spidi {
    display: none;
  }

  .step-2-landing {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 0;
  }

  .step-1-landing {
    width: 100%;
    padding-top: 0;
    padding-left: var(--_size---padding-xmedium);
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .step-3-landing {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 0;
  }

  .steps-landing {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    justify-content: flex-start;
    align-items: stretch;
  }

  .questions-landing {
    justify-content: center;
    align-items: center;
    width: 32rem;
  }

  .accordion-question-landing, .accordion-question-copy, .accordion-question--lamdimg, .question-1, .question-2, .question-3, .question-4, .question-5 {
    width: 30rem;
  }

  .section-hero-landing-5 {
    height: 100vh;
  }

  .banner-glass {
    width: 31.6rem;
    height: 31.6rem;
  }

  .text-section-5 {
    width: 25rem;
    font-size: var(--_size---font-size-6xl);
    line-height: var(--_size---font-size-6xl);
  }

  .banner-container-landing {
    height: 31.6rem;
  }

  .cunaguaro {
    width: 20rem;
    inset: auto 0% -16% auto;
  }

  .section-hero-landing-6 {
    height: 30vh;
  }

  .logo-spidi-large {
    width: 100%;
    top: 34px;
  }

  .footer-landing {
    height: 28rem;
    padding-top: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mispiidi-text {
    font-family: var(--_size---font-body);
    color: var(--_color---color-text-secondary);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
  }

  .menu-express {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: none;
  }

  .menu-express:hover {
    background-color: var(--_color---color-focus);
  }

  .profile-option {
    height: var(--_size---padding-xlarge);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    border-top: 1px solid var(--_color---color-button-disabled);
    background-color: var(--_color---color-text-terciary);
    border-bottom-right-radius: .6rem;
    border-bottom-left-radius: .6rem;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .profile-option:hover {
    background-color: var(--_color---color-focus);
  }

  .profile-text.commerce_short_name {
    font-family: var(--_size---font-display);
    color: var(--_color---color-secondary);
    font-weight: var(--_size---font-weight-medium);
  }

  .user-text.commerce_short_alias {
    font-family: var(--_size---font-body);
    color: var(--_color---color-text-secondary);
    font-weight: var(--_size---font-weight-regular);
  }

  .navbar-menu-mobile {
    background-color: var(--_color---color-bg-secondary);
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .profile-setting {
    width: 3rem;
    height: 3rem;
    position: relative;
  }

  .image-26 {
    position: absolute;
    bottom: 839px;
    right: 188.594px;
  }

  .badges-profile {
    position: absolute;
    bottom: -5px;
    right: -5px;
  }

  .background-menu {
    z-index: 4;
    background-color: var(--_color---color-veil-dark-50);
    display: none;
    position: absolute;
    inset: 60px 0 0;
  }

  .image-27, .image-28, .image-29 {
    width: 5rem;
  }

  .hero-img {
    display: none;
    top: 199px;
  }

  .menu-button-2 {
    background-image: url('../images/burger-menu.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
  }

  .menu-button-2.w--open {
    background-color: #ffffff1a;
  }

  .section-phone-botton {
    z-index: 2;
    padding-bottom: var(--_size---padding-xxlarge);
  }

  .paragraphah-section-3-mobile {
    width: 28rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .phone-bottom {
    width: 17.6rem;
  }

  .carousel-landing {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    height: 8rem;
  }

  .card-landing {
    width: 9rem;
    height: 6rem;
  }

  .text-card-landing {
    font-size: var(--_size---font-size-m);
  }

  .phone-768 {
    z-index: 1;
    width: 20rem;
    display: none;
    bottom: -14%;
  }

  .ellipsis-768 {
    bottom: 0%;
  }

  .phone-tablet, .modal-filters {
    display: none;
  }

  .modal-content-filters {
    display: flex;
  }

  .modal-export {
    display: none;
  }

  .modal-content-export {
    display: flex;
  }

  .breadcrumb-text-mobile {
    text-decoration: none;
    display: flex;
  }

  .amount-detail {
    justify-content: center;
    align-items: center;
  }

  .receiver-icon {
    width: 2.5rem;
    height: 2.5rem;
  }

  .text-receiver {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .amount-content {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: center;
  }

  .amount-detail-text {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .amount-detail-left {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .detail-transactions-wrapped {
    width: 100%;
    max-width: none;
    padding-right: var(--_size---padding-small);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: flex-start;
    align-items: center;
    inset: 0% 0% 0% 1.5%;
  }

  .detail-container, .propety-value {
    width: 100%;
  }

  .detail-value.identifier {
    text-align: right;
    width: 15rem;
  }

  .property-value-top, .property-value-bottom {
    width: 100%;
  }

  .copy-link-content {
    position: relative;
  }

  .copy-btn {
    border-bottom-width: 1px;
  }

  .text-link {
    width: 22rem;
  }

  .copy-link-mobile {
    display: none;
  }

  .bold-text-2 {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .section-transaction-detail {
    margin-right: var(--_size---padding-0);
  }

  .mispidi-wrapped {
    width: 100%;
    max-width: none;
    padding-left: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    inset: 0% 0% 0% 1.5%;
  }

  .header-spidi-center-mobile-copy {
    width: 100%;
    max-width: 100%;
    height: 2.75rem;
    padding-right: var(--_size---padding-xsmall);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .header-mispidi-mobile {
    width: 100%;
    max-width: 100%;
    height: 2.75rem;
    padding-right: var(--_size---padding-xxmedium);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .header-mispidi {
    width: 100%;
    max-width: none;
    padding-left: var(--_size---padding-small);
    display: none;
  }

  .badges-user-header {
    position: absolute;
    bottom: -5px;
    right: -5px;
  }

  .spidi-card {
    width: 15rem;
  }

  .card-spidi-text {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .mispidi-bg-mobile, .modal-filters-copy, .modal-transaction-filter {
    display: none;
  }

  .modal-content-filter {
    display: flex;
  }

  .modal-mispidi-settings {
    display: none;
  }

  .modal-content-filter-copy, .modal-content-settings {
    display: flex;
  }

  .main-content-store, .card-amount-store {
    width: 30rem;
  }

  .card-amount-store.card-spidi-store {
    display: flex;
  }

  .item-content-store {
    width: 20.5rem;
  }

  .payment-button {
    width: 17.81rem;
  }

  .icon-content-detail {
    padding-right: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    border-right-width: 0;
  }

  .payment-request-content {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .payment-quest-button {
    width: 14rem;
    height: 3rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    background-position: 6%;
  }

  .transaction-filters-copy {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    height: auto;
  }

  .request-filters {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    height: auto;
  }

  .request-filter-left {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .request-filter-right {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 2rem;
  }

  .request-filters-mobile {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    height: 4.2rem;
    display: none;
  }

  .transaction-filter-left-copy, .request-filter-left-mobile {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .request-search-mobile {
    width: 8.75rem;
  }

  .request-input-search {
    width: 7rem;
  }

  .request-tab-mobile {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .request-td-1 {
    width: 7.5rem;
  }

  .request-thead {
    display: none;
  }

  .request-tr {
    width: 100%;
    max-width: none;
    display: none;
  }

  .th-1-copy, .th-1 {
    width: 7rem;
  }

  .request-td-2 {
    display: none;
  }

  .last-request-tr {
    width: 100%;
    max-width: none;
  }

  .request-th-1-mobile {
    width: 6.5rem;
  }

  .payment-request-wrapped {
    width: 100%;
    max-width: none;
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    inset: 0% 0% 0% 1.5%;
  }

  .input-search-copy, .request-search-input {
    width: 7rem;
  }

  .request-thead-mobile {
    width: 100%;
    max-width: none;
    display: flex;
  }

  .request-th-1-copy {
    width: 5rem;
  }

  .search-users {
    padding-right: var(--_size---padding-xmedium);
    padding-left: var(--_size---padding-xsmall);
  }

  .enter-data {
    width: 14rem;
  }

  .added-request {
    padding-right: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
  }

  .search-text, .data-text {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .data-active-text, .add-text {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    text-align: center;
  }

  .add-active-text {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .enter-data-active {
    width: 14rem;
    padding-right: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xmedium);
  }

  .header-add-request {
    justify-content: space-between;
    align-items: center;
  }

  .form-creation {
    flex-flow: row;
  }

  .input-request {
    width: 14.65rem;
  }

  .added-request-creation {
    display: none;
  }

  .header-added-request {
    justify-content: space-between;
    align-items: center;
  }

  .added-user {
    flex-flow: row;
    width: 100%;
  }

  .bank-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10rem;
    overflow: hidden;
  }

  .account-name {
    width: 8.8rem;
  }

  .main-content-step-1 {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    width: 30rem;
    margin-top: -169px;
  }

  .card-container {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
  }

  .qr-info-container {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    width: 10rem;
  }

  .user-name-card {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .user-name-card.commerce_short_name {
    width: 7rem;
  }

  .id-user-card {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .id-user-card.commerce_rif {
    width: 7rem;
  }

  .profile-name-card {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
  }

  .profile-name-card.commerce_short_alias {
    width: 7rem;
  }

  .spidi-card-2, .spidi-card-3 {
    width: 15rem;
  }

  .image-34 {
    width: 4rem;
    height: 4rem;
  }

  .mispidi-logo-card {
    width: 4rem;
  }

  .icon_spidi {
    width: 3.8rem;
    height: 3.8rem;
  }

  .main-content-404 {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  ._404 {
    font-size: 8rem;
    line-height: 6rem;
  }

  .heading-12 {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .paragraph-8 {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .colibri-img {
    width: 10rem;
    top: -59%;
  }

  .cunaguaro-img {
    width: 15rem;
    top: 84px;
    right: -44%;
  }

  ._404-btn {
    width: 15rem;
    height: 2.5rem;
  }

  .icon-request-detail {
    padding-right: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    border-right-width: 0;
  }

  .active-icon {
    width: 2.5rem;
    height: 2.5rem;
  }

  .amount-request-detail-text {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .amount-request-detail, .badges-date-content {
    justify-content: center;
    align-items: center;
  }

  .request-detail-container {
    display: flex;
  }

  .description-actions {
    width: 100%;
  }

  .request-description {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .actions-content {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .edit-request-icon, .share-request-icon, .expire-request-icon, .delete-request-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .form-block-mobile {
    display: none;
  }

  .menu-home {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-home:hover {
    background-color: var(--_color---color-focus);
  }

  .menu-home.w--current {
    background-color: var(--_color---color-terciary);
  }

  .menu-home.admin {
    display: none;
  }

  .menu-request {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-request:hover {
    background-color: var(--_color---color-focus);
  }

  .menu-request.admin {
    display: none;
  }

  .menu-transaction {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-transaction:hover {
    background-color: var(--_color---color-focus);
  }

  .menu-transaction.w--current {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    background-color: var(--_color---color-terciary);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-settings {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-settings:hover {
    background-color: var(--_color---color-focus);
  }

  .menu-settings.admin {
    display: none;
  }

  .menu-help {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: none;
  }

  .menu-help:hover {
    background-color: var(--_color---color-focus);
  }

  .text-link-mispidi {
    width: 22rem;
  }

  .empty-state {
    width: 30rem;
  }

  .empty-state-content {
    display: flex;
  }

  .empty-state-subtitle.store {
    width: 37rem;
  }

  .menu-logout {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-logout:hover {
    background-color: var(--_color---color-focus);
  }

  .container-3 {
    width: 100%;
  }

  .link-request {
    display: none;
  }

  .link-request.w--current {
    display: flex;
  }

  .text-link-request {
    width: 22rem;
  }

  .card-selection-store {
    width: 30rem;
  }

  .card-selection-store.card-spidi-store {
    height: 18rem;
  }

  .buttons-navbar {
    padding-top: var(--_size---padding-small);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .button-signup {
    width: 100%;
  }

  .toast-copy {
    z-index: 1000;
    width: 97%;
    display: none;
    top: 5px;
  }

  .button-navbar-signup.bg-colot {
    width: 100%;
  }

  .modal-mispidi-settings-copy {
    display: none;
  }

  .modal-content-logout, .modal-content-timeout {
    display: flex;
  }

  .modal-request-creation {
    display: none;
  }

  .modal-content-creation {
    display: flex;
  }

  .api-documentation {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .api-documentation-desktop {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
    text-align: center;
    display: none;
  }

  .detail-expired-container {
    width: 100%;
  }

  .reactive-request-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .request-detail-payed {
    display: none;
  }

  .detail-payed-container {
    width: 100%;
  }

  .modal-content-expired {
    display: flex;
  }

  .badges-creaction, .badges-expired, .badges-reactive, .badges-delete {
    z-index: 1000;
    width: 97%;
    display: none;
    top: 63px;
  }

  .modal-content-delete, .modal-content-reactive, .modal-content-repeat {
    display: flex;
  }

  .request-image {
    width: 22rem;
    top: auto;
    left: auto;
    right: auto;
  }

  .see-more {
    width: 100%;
  }

  .right-icon {
    display: none;
  }

  .owner-detail-container, .payed-detail-container, .payer-detail-container {
    width: 100%;
  }

  .split-content-detail {
    padding-right: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    border-right-width: 0;
  }

  .partner-detail-container, .product-container, .title-propety-value, .detail-request-container {
    width: 100%;
  }

  .modal-content-documents {
    display: flex;
  }

  .toast-copy-link {
    z-index: 1000;
    width: 100%;
    display: none;
    top: 6px;
  }

  .card-upload-receipt {
    width: 30rem;
  }

  .modal-binance-receipt {
    display: none;
  }

  .modal-content-binance {
    display: flex;
  }

  .modal-export-2 {
    display: none;
  }

  .modal-content-export-2 {
    display: flex;
  }

  .card-fallback-3 {
    width: 30rem;
  }

  .form-block-14 {
    display: none;
  }

  .input-description-change {
    width: 14.65rem;
  }

  .qr-mispidi-skeleton.skeleton-element {
    width: 3.8rem;
    height: 3.8rem;
  }

  .profile-card-skeleton.skeleton-element {
    top: 41px;
  }

  .profile-photo-skeleton {
    border-radius: 200px;
    width: 3.12rem;
    height: 3.12rem;
    position: absolute;
    left: -2.906px;
  }

  .profile-photo-skeleton.skeleton-element {
    border-radius: 100rem;
    display: none;
  }

  .text-link-skeleton {
    width: 16rem;
    height: 1rem;
    position: absolute;
  }

  .text-link-skeleton.skeleton-element {
    top: 34%;
    left: 2%;
  }

  .total-transaction-skeleton.skeleton-element, .amount-ref-skeleton.skeleton-element, .tr-skeleton.skeleton-element, .property-value-skeleton.skeleton-element, .request-tr-skeleton.skeleton-element, .description-actions-skeleton.skeleton-element {
    display: none;
  }

  .request-property-value, .propety-value-copy {
    width: 100%;
  }

  .transaction-text {
    font-family: var(--_size---font-body);
    color: var(--_color---color-text-secondary);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
  }

  .image-49 {
    display: block;
  }

  .image-50 {
    display: none;
  }

  .home-text {
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
  }

  .image-51 {
    display: none;
  }

  .menu-request-active {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    background-color: var(--_color---color-terciary);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-request-active:hover {
    background-color: var(--_color---color-focus);
  }

  .request-text {
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
  }

  .image-52 {
    display: none;
  }

  .menu-transaction-active {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    background-color: var(--_color---color-terciary);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-transaction-active:hover {
    background-color: var(--_color---color-focus);
  }

  .menu-transaction-active.w--current {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    background-color: var(--_color---color-text-terciary);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-request-active-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    height: 3rem;
    padding-left: 1rem;
    text-decoration: none;
    display: flex;
  }

  .menu-request-active-2:hover {
    background-color: var(--_color---color-focus);
  }

  .image-53 {
    display: none;
  }

  .request-text-2 {
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
  }

  .spidi-copyright-2 {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
  }

  .privacy-politics-2, .frequents-ask-2 {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
    text-align: center;
  }

  .footer-2 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 20rem;
    padding-top: 1rem;
    display: flex;
  }

  .terms-condition-2 {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
    text-align: center;
  }

  .spidi-rif-2, .spidi-contact-2, .spidi-name-2 {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
  }

  .info-spidi-2 {
    justify-content: center;
    align-items: center;
  }

  .bottom-footer-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .top-footer-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom-style: none;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: 12rem;
    padding-bottom: 1rem;
  }

  .cta-wrapped-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
  }

  .spidi-info-content-2 {
    grid-column-gap: .125rem;
    grid-row-gap: .125rem;
    justify-content: center;
    align-items: center;
  }

  .links-content-2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
  }

  .spidi-copyright-3 {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
  }

  .frequents-ask-3 {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
    text-align: center;
  }

  .footer-3 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 20rem;
    padding-top: 1rem;
    display: flex;
  }

  .spidi-rif-3, .spidi-contact-3, .spidi-name-3 {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
  }

  .links-content-3 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
  }

  .spidi-copyright-4 {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
  }

  .frequents-ask-4 {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
    text-align: center;
  }

  .footer-4 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 20rem;
    padding-top: 1rem;
    display: flex;
  }

  .spidi-rif-4, .spidi-name-4 {
    font-size: var(--_size---font-size-3xs);
    line-height: var(--_size---font-size-3xs);
  }

  .links-content-4 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
  }

  .user-profile-wrapped {
    width: 100%;
    max-width: none;
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    inset: 0% 0% 0% 1.5%;
  }

  .user-profile-background {
    width: 7.5rem;
    height: 7.5rem;
    top: -63px;
    left: -30.281px;
  }

  .user-profile-image {
    width: 7rem;
    height: 7rem;
    top: 4px;
    left: 4.5px;
  }

  .user-profile-image.commerce_logo {
    width: 7rem;
    height: 7rem;
    top: -59px;
    left: -27px;
  }

  .username-profile {
    width: 14rem;
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .heading-14 {
    width: 14rem;
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-2xl);
  }

  .username-profile-container {
    left: 101px;
  }

  .badges-user-profile {
    width: 2rem;
    height: 2rem;
    top: 81px;
    left: 88px;
  }

  .ref-amount-input {
    width: 14.65rem;
  }

  .input-amount-ref {
    width: 7.55rem;
  }

  .menu-settings-active {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    background-color: var(--_color---color-terciary);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-settings-active:hover {
    background-color: var(--_color---color-focus);
  }

  .setting-text-active, .transaction-text-active {
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
  }

  .image-57 {
    display: none;
  }

  .sidebar-mobile-setting {
    z-index: 1;
    width: 100%;
  }

  .modal-upload-image {
    display: none;
  }

  .modal-content-upload {
    display: flex;
  }

  .bank-account-wrapped {
    width: 100%;
    max-width: none;
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    inset: 0% 0% 0% 1.5%;
  }

  .tittle-bank-account {
    font-size: var(--_size---font-size-xl);
  }

  .subtittle-bank-account {
    line-height: var(--_size---font-size-m);
  }

  .pago-movil-top, .form-bank-pago {
    width: 100%;
  }

  .form-id-container {
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
  }

  .field-phone-pago, .add-bank-buttons, .bank-account-bottom {
    width: 100%;
  }

  .badges-edited, .toast-creaction, .toast-edited, .toast-expired, .toast-reactive, .toast-delete, .badges-creaction-copy {
    z-index: 1000;
    width: 97%;
    display: none;
    top: 63px;
  }

  .modal-bank-otp {
    display: none;
  }

  .modal-content-bank-otp {
    display: flex;
  }

  .link-bank-otp {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .toast-bank {
    z-index: 1000;
    width: 97%;
    display: none;
    top: 63px;
  }

  .input-change-name-bank, .main-change-bank-name {
    font-family: var(--_size---font-body);
    font-size: var(--_size---font-size-m);
  }

  .notification-wrapped {
    width: 100%;
    max-width: none;
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    inset: 0% 0% 0% 1.5%;
  }

  .tittle-notification {
    font-size: var(--_size---font-size-xl);
  }

  .subtittle-notification {
    line-height: var(--_size---font-size-m);
  }

  .toast-notification {
    z-index: 1000;
    width: 97%;
    display: none;
    top: 63px;
  }

  .modal-email-otp {
    display: none;
  }

  .modal-content-email-otp {
    display: flex;
  }

  .link-email-otp {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .tab-bank-dates {
    display: none;
  }

  .security-wrapped {
    width: 100%;
    max-width: none;
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    inset: 0% 0% 0% 1.5%;
  }

  .tittle-security {
    font-size: var(--_size---font-size-xl);
  }

  .subtittle-security {
    line-height: var(--_size---font-size-m);
  }

  .toast-security {
    z-index: 1000;
    width: 97%;
    display: none;
    top: 63px;
  }

  .tab-security {
    display: flex;
  }

  .modal-password-validation {
    display: none;
  }

  .modal-content-password-validation {
    display: flex;
  }

  .link-password-validation {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .mispidi-settings-wrapped {
    width: 100%;
    max-width: none;
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    inset: 0% 0% 0% 1.5%;
  }

  .tittle-settings {
    font-size: var(--_size---font-size-xl);
  }

  .subtittle-settings {
    line-height: var(--_size---font-size-m);
  }

  .settings-buttons {
    width: 100%;
  }

  .modal-content-change {
    display: flex;
  }

  .toast-change-bank {
    z-index: 1000;
    width: 97%;
    display: none;
    top: 63px;
  }

  .minds-logo, .vnet-logo, .ticketplate-logo, .parkeate-logo {
    width: 8rem;
  }

  .mil-logo {
    width: 5rem;
  }

  .cusica-logo {
    width: 10rem;
  }

  .enpunto-logo {
    width: 8rem;
  }

  .progress-bar-store {
    left: 119.75px;
  }

  .product-content {
    width: 100%;
  }

  .description-store {
    font-size: var(--_size---font-size-xl);
  }

  .concept-store {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .amount-store {
    font-size: var(--_size---font-size-m);
  }

  .product-content-mobile, .main-product-content, .main-product-mobile {
    width: 100%;
  }

  .bs-flag {
    width: 2rem;
    height: 2rem;
  }

  .stop-ref-select {
    width: 5.5rem;
  }

  .modal-bancamiga {
    display: none;
  }

  .hero-without-image {
    padding: 60px 15px;
  }

  .main-wrapped-donation {
    justify-content: flex-start;
    align-items: center;
    overflow: visible;
  }

  .main-image {
    height: 47rem;
    top: -84.125px;
  }

  .fundation-card {
    width: 7rem;
    height: 3rem;
  }

  .image-71 {
    width: 3rem;
  }

  .navbar--donation {
    width: 90%;
    padding: 0rem var(--_size---padding-xmedium) 0rem var(--_size---padding-xsmall);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.08rem;
    position: sticky;
    top: 2rem;
    left: 0;
  }

  .inicio-link {
    padding-bottom: var(--_size---padding-xxsmall);
  }

  .donation-link {
    padding-top: var(--_size---padding-xxsmall);
  }

  .text-donation {
    width: 100%;
  }

  .image-fundation {
    height: 8rem;
  }

  .text-login {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
  }

  .login-btn {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-m);
  }

  .logo-dv {
    width: 2.5rem;
  }

  .logo-aso {
    width: 2rem;
  }

  .logo-ftv {
    width: 4rem;
  }

  .image-74 {
    top: -18px;
  }

  .image-76 {
    top: auto;
  }

  .image-78, .main-image-mobile {
    display: none;
  }

  .gradient-circle-4 {
    bottom: 0%;
  }

  .modal-success {
    display: none;
  }

  .modal-content-success {
    display: flex;
  }

  .button-expired {
    width: 100%;
  }

  .toast-store {
    width: 100%;
    padding-top: .87rem;
    padding-bottom: .87rem;
  }

  .toast-text {
    font-size: var(--_size---font-size-s);
  }

  .modal-donar {
    display: none;
  }

  .modal-content-donar {
    display: flex;
  }

  .modal-fundation-card {
    width: 5rem;
    height: 2.5rem;
  }

  .modal-content-select {
    display: flex;
  }

  .foundation-text {
    font-size: var(--_size---font-size-xl);
    line-height: 1.7rem;
  }

  .toast-mail, .toast-owner {
    z-index: 1000;
    width: 97%;
    display: none;
    top: 63px;
  }

  .modal-midnight {
    display: none;
  }

  .menu-store {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-store:hover {
    background-color: var(--_color---color-focus);
  }

  .menu-store.admin {
    display: none;
  }

  .spidi-store-content {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .spidi-store-button {
    width: 13rem;
    height: 3rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    background-position: 6%;
  }

  .menu-store-active {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-store-active:hover {
    background-color: var(--_color---color-focus);
  }

  .label-pago-movil {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .modal-pago-movil {
    display: none;
  }

  .modal-content-pago-movil {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    display: flex;
  }

  .swipe-track {
    background-color: var(--_color---color-disabled);
    border-radius: 100px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 3.25rem;
    display: flex;
    position: relative;
    box-shadow: inset 0 4px 4px #65656540;
  }

  .swipe-btn {
    width: 2.62rem;
    height: 2.62rem;
    position: absolute;
  }

  .modal-content-transport {
    display: flex;
  }

  .profile-transport-info {
    justify-content: center;
    align-items: center;
  }

  .user-transport-background {
    width: 4rem;
    height: 4rem;
  }

  .store-wrapped {
    width: 100%;
    max-width: none;
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    inset: 0% 0% 0% 1.5%;
  }

  .store-table-container {
    width: 100%;
  }

  .store-title {
    font-size: var(--_size---font-size-xl);
  }

  .store-description {
    font-size: var(--_size---font-size-s);
  }

  .options-store-creation {
    width: 100%;
  }

  .form-store-creation {
    display: flex;
  }

  .added-store {
    width: 16rem;
    padding-right: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
  }

  .added-store-active {
    width: 16rem;
  }

  .header-add-store {
    justify-content: space-between;
    align-items: center;
  }

  .link-store {
    display: none;
  }

  .link-store.w--current {
    display: flex;
  }

  .input-store-creation {
    width: 90%;
  }

  .input-request-copy {
    width: 14.65rem;
  }

  .select-identificator {
    width: 90%;
  }

  .identifier-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .form-store-identifier {
    width: 100%;
  }

  .added-store-creation {
    width: 90%;
    display: none;
  }

  .toast-delete-product, .toast-delete-store {
    z-index: 1000;
    width: 97%;
    display: none;
    top: 63px;
  }

  .empty-state-store-content {
    display: flex;
  }

  .current-count {
    width: 90%;
  }

  .negative-validation-btn, .positive-validation-btn {
    width: 50%;
    font-size: var(--_size---font-size-s);
  }

  .negative-form-validation {
    display: none;
  }

  .text-transaction-validation {
    font-size: .97rem;
    line-height: .97rem;
  }

  .text-transaction-validation.pago-movil {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
    text-align: center;
    display: none;
  }

  .user-unregistered-id {
    font-size: var(--_size---font-size-s);
  }

  .parada-btn {
    width: 17.81rem;
  }

  .total-amount-store {
    width: 100%;
  }

  .modal-filter-admin {
    display: none;
  }

  .filter-content-admin {
    display: flex;
  }

  .status-input, .text-input-container {
    grid-column-gap: .15rem;
    grid-row-gap: .15rem;
  }

  .transaction-filters-admin {
    flex-flow: wrap;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: none;
    height: auto;
  }

  .transaction-filters-mobile-admin {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    height: 4.2rem;
    display: none;
  }

  .form-medium-reference {
    display: none;
  }

  .item-content-stop {
    width: 20.5rem;
  }

  .btn-pay-stop {
    width: 17.81rem;
  }

  .form-bank-pago-movil, .total-store-amount {
    width: 100%;
  }

  .label-amount-store {
    font-size: var(--_size---font-size-2xs);
  }

  .text-total-amount-store.bs-amount {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
  }

  .container-6 {
    margin-left: 0;
    margin-right: auto;
  }
}

@media screen and (max-width: 479px) {
  .heading-style-h1 {
    z-index: 9999;
    padding-left: var(--_size---padding-xsmall);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    bottom: 52px;
  }

  .image {
    vertical-align: baseline;
    width: 100%;
    max-width: 320px;
    max-height: none;
  }

  .section-logo {
    padding-top: var(--_size---padding-xsmall);
    padding-right: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-xsmall);
  }

  .image-2 {
    width: 80px;
  }

  .padding-global.padding-section-large {
    padding: var(--_size---padding-xsmall);
  }

  .container-large {
    flex-flow: wrap;
  }

  .container-large.container-color {
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
  }

  .container-large.color-content {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: wrap;
  }

  .container-large.color-text-content {
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    flex-flow: wrap;
  }

  .container-large.container-hue {
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .container-large.color-secundary-content {
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
    flex-flow: column;
  }

  .container-large.container-font-family {
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-small);
  }

  .container-large.heading-content {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .image-3 {
    object-fit: fill;
    width: 220px;
  }

  .heading-style-h2 {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    right: 85px;
  }

  .heading-style-h2.index-number {
    font-size: 5rem;
    line-height: 5rem;
  }

  .heading-style-h2.text-typography {
    right: 68px;
  }

  .heading-style-h2.index-number-2 {
    font-size: 5rem;
    line-height: 5rem;
  }

  .primary-color-card {
    width: 8rem;
    height: 10rem;
    padding-top: var(--_size---padding-small);
    border-radius: 10px;
  }

  .secondary-color-card, .terciary-color-card, .contrast-color-card {
    border-radius: 10px;
    width: 8rem;
    height: 10rem;
  }

  .heading-style-h3 {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .heading-style-h3.text-style-unbounded, .heading-style-h3.text-style-worksans {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .circle {
    border-radius: 200px;
    width: 2rem;
    height: 2rem;
    font-size: .874rem;
  }

  .text-size-large {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .text-size-large.text-color-terciary {
    font-size: .754rem;
    line-height: var(--_size---font-size-2xs);
  }

  .color-info {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    justify-content: center;
    align-items: center;
  }

  .background-color-card.color-bg-primary {
    border-radius: 10px;
    width: 17rem;
    height: 6rem;
  }

  .background-color-card.color-bg-secondary {
    width: 17rem;
    height: 6rem;
    padding: var(--_size---padding-small);
    border-radius: 10px;
  }

  .container-card.color-background-content {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: wrap;
  }

  .text-color-card.color-text-primary, .text-color-card.color-text-secondary, .text-color-card.color-text-terciary, .text-color-card.color-text-contrast, .text-color-card.color-support-error, .text-color-card.color-support-warning, .text-color-card.color-support-info, .text-color-card.color-support-succes {
    padding: var(--_size---padding-small);
    border-radius: 10px;
  }

  .text-color-info {
    font-size: var(--_size---font-size-2xs);
    margin-top: 0;
    margin-bottom: 0;
  }

  .color-card.primary-color-main, .color-card.primary-light-1, .color-card.primary-light-2, .color-card.primary-light-3, .color-card.primary-dark-1, .color-card.primary-dark-2, .color-card.primary-dark-3, .color-card.secundary-color-main, .color-card.secundary-light-1, .color-card.secundary-light-2, .color-card.secundary-light-3, .color-card.secundary-dark-1, .color-card.secundary-dark-2, .color-card.secundary-dark-3, .color-card.terciary-color-main, .color-card.terciary-light-1, .color-card.terciary-light-2, .color-card.terciary-light-3, .color-card.terciary-dark-1, .color-card.terciary-dark-2, .color-card.terciary-dark-3, .color-card.contrast-color-main, .color-card.contrast-light-1, .color-card.contrast-light-2, .color-card.contrast-light-3, .color-card.contrast-dark-1, .color-card.contrast-dark-2, .color-card.contrast-dark-3 {
    width: 2rem;
    height: 2rem;
  }

  .heading-style-h4 {
    font-size: 1ch;
    line-height: var(--_size---font-size-m);
  }

  .heading-style-h4.card-text-body, .heading-style-h4.card-text-body-2 {
    font-size: .874rem;
    line-height: .874rem;
  }

  .card-family-font {
    border-radius: 10px;
    width: 24rem;
    height: 14rem;
  }

  .card-body-bottom {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .paragraph-medium {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .paragraph-medium.paragraph-style-2 {
    line-height: var(--_size---font-size-2xs);
  }

  .title-h2 {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .heading-block {
    justify-content: space-between;
    align-items: center;
  }

  .step-1 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 5rem;
    display: flex;
    position: static;
    overflow: visible;
  }

  .banner-img {
    height: 15rem;
  }

  .main-content {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    width: 20rem;
    margin-top: -121px;
    left: auto;
    right: auto;
    overflow: visible;
  }

  .isotipo {
    width: 8rem;
    height: 2.75rem;
  }

  .card-user {
    border-radius: var(--_size---padding-xsmall);
    justify-content: center;
    align-items: center;
    width: 16.25rem;
    height: 5.37rem;
    display: flex;
  }

  .user-photo-box {
    border-top-left-radius: var(--_size---padding-xsmall);
    border-bottom-right-radius: var(--_size---padding-xsmall);
    background-color: var(--_color---color-secondary-variant);
    width: 5.37rem;
    height: 5.37rem;
  }

  .user-info-container {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    width: 10.43rem;
    height: 2.75rem;
  }

  .heading-user-h1, .heading-user-h1.commerce-short-name {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .user-info {
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
    width: 10.43rem;
  }

  .text-user-info {
    font-size: .62rem;
    line-height: .62rem;
  }

  .info-icon {
    width: var(--_size---padding-small);
    height: var(--_size---padding-small);
    padding-top: var(--_size---padding-tiny);
    padding-right: var(--_size---padding-tiny);
  }

  .steps {
    padding-left: var(--_size---padding-xxmedium);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .step-active {
    width: 2rem;
    height: 2rem;
  }

  .text-step-active {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .step-disabled {
    width: 2rem;
    height: 2rem;
  }

  .text-step-disabled {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-xl);
  }

  .card-amount {
    width: 20rem;
  }

  .form-wrapped {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    padding-top: 0;
  }

  .title-card {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .title-card.description-center {
    width: 17.43rem;
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }

  .form-medium {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .input-medium.select-bank {
    border-radius: var(--_size---padding-xsmall);
    width: 100%;
    height: 3.12rem;
  }

  .text-total-amount.bs-amount {
    font-size: var(--_size---font-size-s);
  }

  .bottom-section, .call-to-action {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .user-photo {
    width: 2.87rem;
    height: 2.87rem;
  }

  .user-photo.commerce-logo {
    width: 4.2rem;
    height: 4.2rem;
  }

  .badges {
    width: 1rem;
    height: .95rem;
    display: none;
  }

  .bar {
    width: 16.25rem;
    height: 1.25rem;
  }

  .back-button {
    left: var(--_size---padding-small);
    top: var(--_size---padding-xxmedium);
    background-color: var(--_color---color-terciary);
    border-radius: 100px;
    width: 1.5rem;
    height: 1.5rem;
    padding-top: 0;
    padding-left: 0;
  }

  .tab {
    display: flex;
  }

  .detail-list-cripto {
    width: 17.18rem;
  }

  .title-detail-list, .value-detail-list.ref-amount, .value-detail-list.bcv-amount {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .form-medium-cripto, .form-medium-dates {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .card-dates {
    width: 20rem;
  }

  .step-2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 5rem;
    display: flex;
    position: static;
    overflow: visible;
  }

  .link-block {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .step-bar-2 {
    width: 20rem;
  }

  .step-active-copy {
    width: 2rem;
    height: 2rem;
  }

  .step-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 5rem;
    display: flex;
    position: static;
    overflow: visible;
  }

  .toast-modal {
    max-width: 16.37rem;
  }

  .paraghaph-toast {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .link-modal-payment {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .label-resend-key, .link-resend-key {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .form-medium-payment {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .modal {
    display: none;
  }

  .modal-content {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    max-width: 20.37rem;
  }

  .title-modal {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .close-icon {
    top: var(--_size---padding-small);
    right: var(--_size---padding-xxmedium);
    width: 24px;
    height: 24px;
  }

  .text-politics {
    width: 15rem;
  }

  .text-style-politics {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .link-style-modal {
    width: 8rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .image-4 {
    width: 4rem;
  }

  .modal-spinner-content {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    max-width: 20.37rem;
  }

  .modal-spinner {
    display: none;
  }

  .modal-content-cripto {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    max-width: 20.37rem;
  }

  .modal-cripto {
    display: none;
  }

  .title-modal-cripto {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .close-icon--cripto {
    top: var(--_size---padding-small);
    right: var(--_size---padding-xsmall);
    width: 24px;
    height: 24px;
  }

  .badges-user {
    width: 4rem;
  }

  .toast-modall-cripto {
    max-width: 16.37rem;
  }

  .paraghaph-toast-cripto {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .icon-info-cripto {
    right: var(--_size---padding-small);
    width: 1.5rem;
    height: 1.5rem;
  }

  .card-dates-copy {
    width: 20rem;
  }

  .card-dates-cripto {
    width: 20rem;
    display: none;
  }

  .text-awaiting-approval {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
    font-weight: var(--_size---font-weight-medium);
  }

  .form-medium-awaiting {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .form-wrapped-awaiting {
    width: 20rem;
    padding-top: 0;
  }

  .tab--awaiting, .tabs-content-awaiting {
    width: 20rem;
  }

  .card-dates-qr {
    width: 20rem;
    display: none;
  }

  .form-medium-qr {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .form-wrapped-qr {
    padding-top: 0;
  }

  .form-medium-dates-qr {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .form-medium-wallet {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .currency-bs {
    display: flex;
  }

  .bs-currency-desabled {
    display: block;
  }

  .success {
    position: relative;
  }

  .header-section {
    grid-column-gap: .87rem;
    grid-row-gap: .87rem;
    width: 17.81rem;
    position: relative;
  }

  .spidi-logotype {
    width: 8rem;
  }

  .title-success {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-2xl);
  }

  .text-transaction.pago-movil {
    width: 80%;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
    text-align: center;
  }

  .container-dates-hour {
    width: 17.18rem;
  }

  .container-total-amount {
    max-width: 17.81rem;
  }

  .total-amount-success {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .container-receiver {
    width: 17.81rem;
  }

  .container-submit {
    width: 17.81rem;
    padding-bottom: var(--_size---padding-0);
    border-bottom-style: none;
  }

  .button-submit:hover {
    background-color: var(--_color---color-button-primary-hover);
  }

  .qr-section {
    width: 17.81rem;
  }

  .share-button:hover {
    background-color: var(--_color---color-secondary-variant);
    color: var(--_color---color-primary);
  }

  .container-qr-payer, .container-bottom-detail, .div-block-9 {
    width: 17.81rem;
  }

  .form-medium-success {
    grid-column-gap: var(--_size---padding-0);
    grid-row-gap: var(--_size---padding-0);
    width: 17.81rem;
  }

  .form-success {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    width: 17.81rem;
  }

  .button-download {
    width: 17.81rem;
    height: 3.12rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .image-5 {
    width: 6.87rem;
    height: 6.87rem;
  }

  .input-success {
    width: 17.81rem;
  }

  .spidi-logo {
    width: 12.81rem;
    height: 4.25rem;
  }

  .title-failed {
    text-align: center;
  }

  .failed-icon {
    width: 6.87rem;
    height: 6.87rem;
  }

  .section-header {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .total-amount-failed {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .container-total-amount-failed {
    max-width: 17.81rem;
  }

  .button-try-again {
    height: 3.12rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    cursor: pointer;
  }

  .button-try-again:hover {
    background-color: var(--_color---color-secondary-variant);
    color: var(--_color---color-primary);
  }

  .container-line {
    max-width: 17.81rem;
  }

  .button-detail {
    max-width: 17.81rem;
    height: 3.12rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    cursor: pointer;
  }

  .button-detail:hover {
    background-color: var(--_color---color-secondary-variant);
    color: var(--_color---color-primary);
  }

  .container-security-note {
    max-width: 17.81rem;
  }

  .paragraph-security-note {
    font-size: .7rem;
  }

  .container-paragraph {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .div-block-10 {
    position: relative;
  }

  .blur-bg {
    width: 100%;
    max-width: 30rem;
    display: none;
  }

  .blur-bg-small {
    z-index: -1;
    width: 100%;
    margin-top: 0;
    display: block;
    position: absolute;
    top: -50px;
  }

  .blur-bg-medium {
    display: none;
  }

  .button-login:hover, .login-button:hover {
    background-color: var(--_color---color-button-primary-hover);
  }

  .icon-success {
    width: 6.87rem;
    height: 6.87rem;
  }

  .main-content-2, .main-content-3 {
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
    width: 20.31rem;
    margin-top: auto;
  }

  .checkbox-dates.check-payment-bank-data-parent {
    padding-top: var(--_size---padding-0);
    padding-left: var(--_size---padding-0);
    justify-content: flex-start;
    align-items: center;
  }

  .checkbox-dates-text {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .checkbox.check-payment-bank-data {
    width: var(--_size---padding-xxmedium);
    height: var(--_size---padding-xxmedium);
    margin-left: 0;
  }

  .checkbox.check-onboarding {
    border-color: var(--_color---color-text-secondary);
  }

  .title-amount {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .amount {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
  }

  .amount.bs-amount {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .rate-content {
    width: 100%;
  }

  .rate-property, .rate-value {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .detail-content {
    width: 17.43rem;
  }

  .date-text {
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .concept-property {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .concept-value {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .concept-value.concept-value-2 {
    text-align: center;
  }

  .identify-property {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .identify-value {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .identify-value.identifier-value {
    text-align: center;
  }

  .button {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .main-wrapped-payments-link {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    padding-top: 0;
  }

  .container-onboarding {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: center;
    align-items: center;
  }

  .progress-bar {
    width: 13.93rem;
    height: 1.25rem;
  }

  .main-text {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .onboarding-header {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .card-type-client {
    width: 20.31rem;
    height: auto;
    box-shadow: none;
  }

  .section-form {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
  }

  .title-card-onboarding {
    margin-top: var(--_size---padding-xxsmall);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .client-button {
    color: var(--_color---color-text-secondary);
    font-weight: var(--_size---font-weight-regular);
  }

  .client-button:active {
    color: var(--_color---color-secondary);
    font-weight: 600;
  }

  .client-button:visited {
    color: var(--_color---color-secondary);
  }

  .primary-button {
    padding-left: 0;
    padding-right: 0;
  }

  .onboarding-back-button {
    left: var(--_size---padding-xxmedium);
    top: var(--_size---padding-xxmedium);
    width: 1.5rem;
    padding-top: 0;
    padding-left: var(--_size---padding-0);
  }

  .card-email {
    width: 20.31rem;
    height: auto;
  }

  .top-section-form {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
  }

  .progress-bar-email {
    width: 13.93rem;
    height: 1.25rem;
  }

  .card-code-validation {
    width: 20.31rem;
    height: auto;
  }

  .progress-bar-id-validation {
    width: 13.93rem;
    height: 1.25rem;
  }

  .card-id-verification, .card-rif-verification, .card-cedula-verification {
    width: 20.31rem;
    height: auto;
  }

  .secundary-button {
    padding-left: 0;
    padding-right: 0;
  }

  .card-cedula-validation, .card-rif-validation {
    width: 20.31rem;
    height: auto;
  }

  .bottom-text {
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .text-label {
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .link-text {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .card-bank-phone {
    width: 20.31rem;
    height: auto;
  }

  .input-onboarding-phone {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .form-phone {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .onboarding-input-id:hover {
    background-color: var(--_color---color-terciary);
  }

  .title-bank-verification {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .text-bank-validation {
    display: none;
  }

  .success-icon-onboarding {
    width: 7rem;
    height: 7rem;
  }

  .paragraph-bank-validation {
    width: 17rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .primary-dark-button {
    padding-left: 0;
    padding-right: 0;
  }

  .section-bank-verification {
    background-image: url('../images/bg-texture-mobile.avif');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .card-payments-code {
    width: 20.31rem;
    height: auto;
  }

  .section-debit-success {
    background-image: url('../images/gradient-elipse.svg');
    background-repeat: repeat;
  }

  .main-text-success {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .bold-text-success {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .container-debit-validation {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    justify-content: center;
    align-items: center;
  }

  .card-user-password {
    width: 20.31rem;
    height: auto;
  }

  .section-success-signup {
    background-image: url('../images/confetti.svg'), url('../images/bg-texture-mobile.avif');
    background-position: 50%, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .total-detail-copy {
    border-bottom-style: none;
  }

  .total-ref-bcv {
    border-bottom: 1px none var(--_color---color-secondary);
  }

  .detail-list-ref, .detail-list-bcv, .detail-list-ref-2, .detail-list-bcv-2 {
    width: 17.18rem;
  }

  .detail-list-ref-3, .detail-list-bcv-3, .detail-list-cripto {
    width: 17.81rem;
  }

  .ref-bcv-list {
    width: 17.18rem;
  }

  .ref-list, .bcv-list {
    width: 17.81rem;
  }

  .total-detail-success, .total-detaiil-failed {
    border-bottom-style: none;
  }

  .total-ref-bcv-failed {
    border-bottom: 1px dashed var(--_color---color-secondary);
  }

  .ref-bcv-receiver {
    border-bottom-style: none;
  }

  .bcv-ref-content {
    justify-content: space-between;
    align-items: center;
  }

  .container-error-message {
    width: 18rem;
  }

  .link-wallet-cripto {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .submit-section {
    width: 17.81rem;
    padding-bottom: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    border-bottom: 1px dashed var(--_color---color-secondary);
    flex-flow: column;
    display: flex;
  }

  .link-repayments {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: space-between;
    align-items: center;
    width: 17.81rem;
  }

  .label-repayments, .link-repayments-cta, .cta-repayments {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .modal-content-user {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    max-width: 20.37rem;
    display: flex;
  }

  .image-4-copy, .icon-info {
    width: 4rem;
  }

  .modal-otp {
    display: none;
  }

  .modal-content-otp {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    max-width: 20.37rem;
  }

  .modal-back-button {
    display: none;
  }

  .modal-content-back {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    max-width: 20.37rem;
    display: flex;
  }

  .form-qr-medium {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .container-login {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: center;
    align-items: center;
  }

  .login-header {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .card-user-password-login {
    width: 20.31rem;
    height: auto;
  }

  .login-back-button {
    left: var(--_size---padding-xxmedium);
    top: var(--_size---padding-xxmedium);
    width: 1.5rem;
    padding-top: 0;
    padding-left: var(--_size---padding-0);
  }

  .title-card-login {
    margin-top: var(--_size---padding-xxsmall);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .container-onboarding-copy {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: center;
    align-items: center;
  }

  .card-change-password {
    width: 20.31rem;
    height: auto;
  }

  .section-success-signup-copy {
    background-image: url('../images/confetti.svg'), url('../images/bg-texture-mobile.avif');
    background-position: 50%, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .section-success-login {
    background-image: url('../images/bg-texture-mobile.avif');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .success-icon-login {
    width: 7rem;
    height: 7rem;
  }

  .paragraph-personal {
    display: none;
  }

  .primary-button--cripto {
    padding-left: 0;
    padding-right: 0;
  }

  .label-cripto, .link-cripto {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .card-type-client-copy {
    width: 20.31rem;
    height: auto;
  }

  .card-onboarding-login {
    width: 20.31rem;
    height: auto;
    box-shadow: none;
  }

  .modal-spinner-content-2 {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    max-width: 20.37rem;
  }

  .text-transaction-spidi {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    text-align: center;
    display: flex;
  }

  .spidi-transaction {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .text-payments, .lottie-animation.lottie-container {
    display: flex;
  }

  .modal-spinner-2 {
    display: none;
  }

  .user-photo-background {
    width: 4.37rem;
    height: 4.37rem;
  }

  .success-icon-modal {
    display: none;
  }

  .main-wrapped-parada, .main-wrapped-parada-copy {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    padding-top: 0;
  }

  .main-wrapped-landing {
    grid-column-gap: .87rem;
    grid-row-gap: .87rem;
    padding-top: 0;
  }

  .title-card-landing, .title-card-landing-wrapped, .title-amount-landing {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .card-amount-landing {
    width: 20rem;
  }

  .card-amount-landing.card-amount-request {
    width: 22rem;
  }

  .detail-content-landing {
    width: 17.43rem;
  }

  .user-image {
    width: 2.75rem;
    height: 2.75rem;
  }

  .user-name {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .user-info-content {
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
  }

  .user-profile {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .label-items {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .items-list {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .item-concept {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    text-align: center;
  }

  .item-amount {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-xl);
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .item-wrapped {
    flex-flow: column;
    width: 100%;
  }

  .items-content-1 {
    width: 17.81rem;
    height: 6.75rem;
    padding-right: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
  }

  .items-content-2 {
    width: 17.81rem;
  }

  .element-active-1 {
    display: none;
  }

  .stop-isotype {
    width: 8rem;
  }

  .user-unregistered-image {
    width: 2.75rem;
    height: 2.75rem;
  }

  .user-unregistered-info-content {
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
  }

  .user-unregistered-profile {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .user-unregistered-name {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .card-fallback {
    width: 20rem;
    display: none;
  }

  .subtitle-fallback {
    width: 17.81rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    text-align: center;
  }

  .fallback-dates-hour-copy {
    width: 17.18rem;
  }

  .title-card-fallback {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-xl);
  }

  .heading-6 {
    width: 15rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .button-section {
    width: 17.81rem;
    padding-bottom: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
    border-bottom: 1px dashed var(--_color---color-secondary);
    flex-flow: row;
    display: flex;
  }

  .text-button {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .subtitle-process, .text-process, .text-proces-bottom {
    width: 15rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .paragraph-process {
    width: 17rem;
    font-size: .68rem;
    line-height: .68rem;
  }

  .input-success-copy, .input-success-copy-copy {
    width: 17.81rem;
  }

  .paragraph-invitation-process {
    width: 15rem;
  }

  .input-success-copy-copy-copy {
    width: 17.81rem;
  }

  .footer {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    height: 20rem;
  }

  .logo-spidi-white {
    width: 6.18rem;
  }

  .spidi-info-content {
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
  }

  .info-spidi {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .links-content {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    width: 15rem;
  }

  .terms-condition, .privacy-politics, .frequents-ask {
    text-align: center;
  }

  .button-3 {
    border-radius: var(--_size---padding-xxsmall);
    width: 7.18rem;
  }

  .cta-wrapped {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    width: 20rem;
  }

  .top-footer {
    width: 320px;
  }

  .bottom-footer {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
  }

  .section-preregistration {
    justify-content: center;
    align-items: flex-start;
    height: auto;
  }

  .container-right {
    width: 17.81rem;
    height: auto;
    padding-top: var(--_size---padding-large);
    padding-right: var(--_size---padding-xxmedium);
    padding-left: var(--_size---padding-xxmedium);
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    justify-content: flex-start;
    align-items: center;
  }

  .isotype-texture {
    object-fit: fill;
    width: 6.62rem;
    height: 6.62rem;
    display: none;
  }

  .main-preregistration {
    width: 17.81rem;
    height: auto;
  }

  .title-preregistration {
    width: 17.5rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-m);
    text-align: center;
  }

  .title-content {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    justify-content: center;
    align-items: center;
    width: 20rem;
  }

  .logo-spidi {
    flex-flow: row;
    width: 3.81rem;
    height: 1.68rem;
    display: inline-flex;
  }

  .subtitle-preregistration {
    width: 18rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-m);
    text-align: center;
  }

  .text-wrapped {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    width: 15.75rem;
  }

  .form-preregistration {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: space-between;
    align-items: center;
    width: 17.81rem;
  }

  .name-input, .last-name-input {
    width: 17.81rem;
  }

  .form-wrapped-preregistration {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    width: 17.81rem;
  }

  .sunmit-button, .email-wrapped, .input-phone-preregistration, .phone-input, .city-input {
    width: 17.81rem;
  }

  .button-wrapped {
    flex-flow: column;
  }

  .client-button-preregistration, .select-preregistration {
    width: 17.81rem;
  }

  .checkbox-preregistration {
    width: 17.81rem;
    padding-top: var(--_size---padding-0);
    padding-bottom: var(--_size---padding-0);
    padding-left: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: flex-start;
    align-items: center;
  }

  .section-mispidi {
    overflow: clip;
  }

  .checkbox-registration {
    width: var(--_size---padding-medium);
    height: var(--_size---padding-xxmedium);
    border-color: var(--_color---color-text-secondary);
    margin-left: 0;
  }

  .checkbox-registration.check-payment-bank-data {
    width: var(--_size---padding-xxmedium);
    height: var(--_size---padding-xxmedium);
    margin-left: 0;
  }

  .main-content-stop {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    width: 20rem;
    margin-top: -89px;
  }

  .card-fallback-2 {
    width: 20rem;
    display: none;
  }

  .user-name-spidi, .user-profile-spidi {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .section-spidi-center {
    margin-right: var(--_size---padding-0);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
  }

  .transactions-wrapped {
    width: 100%;
    max-width: 100%;
    padding-left: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .header-spidi-center {
    width: 100%;
    max-width: none;
    height: auto;
    padding-left: var(--_size---padding-xxmedium);
    justify-content: flex-start;
    align-items: center;
  }

  .breadcrumb {
    height: auto;
  }

  .mispidi-button {
    background-color: var(--_color---color-bg-secondary);
    width: 3rem;
    height: 3rem;
    box-shadow: none;
    border-radius: 10rem;
  }

  .title-spidi-center {
    width: 100%;
    padding-left: var(--_size---padding-xxmedium);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    text-align: left;
    justify-content: flex-start;
    align-items: center;
  }

  .transaction-details {
    width: 100%;
    max-width: none;
  }

  .total-transactions {
    justify-content: center;
    align-items: center;
    height: 2.94rem;
  }

  .amount-ref {
    width: 12.8rem;
    height: 2.94rem;
    padding-left: var(--_size---padding-tiny);
    justify-content: center;
    align-items: center;
  }

  .total-text {
    width: auto;
    font-size: var(--_size---font-size-2xs);
  }

  .amount-text {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .transaction-filters {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    display: none;
  }

  .input-search {
    text-overflow: ellipsis;
  }

  .transaction-table {
    display: none;
  }

  .request-th-1 {
    background-color: var(--_color---color-terciary);
    position: sticky;
    left: 0;
  }

  .th-text {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .th-2 {
    background-color: var(--_color---color-terciary);
  }

  .th-3 {
    background-color: var(--_color---color-terciary);
    width: 6.5rem;
    position: static;
    left: 0;
  }

  .th-5 {
    width: 7.5rem;
  }

  .tr {
    width: auto;
    max-width: 22.8rem;
    padding-left: var(--_size---padding-tiny);
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    justify-content: flex-start;
    align-items: center;
    display: none;
  }

  .tr:hover {
    background-color: var(--_color---color-bg-secondary);
  }

  .td-1 {
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
    background-color: var(--_color---color-text-terciary);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 5.5rem;
    position: sticky;
    left: 0;
  }

  .td-1:hover {
    background-color: var(--_color---color-focus);
  }

  .td-text {
    width: auto;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    overflow: hidden;
  }

  .td-text:hover {
    background-color: var(--_color---color-focus);
  }

  .td-2 {
    background-color: var(--_color---color-text-terciary);
  }

  .td-5 {
    text-overflow: clip;
    white-space: nowrap;
    overflow-wrap: normal;
    width: 8rem;
    overflow: hidden;
  }

  .pagination-content {
    justify-content: center;
    align-items: center;
  }

  .pagination {
    width: auto;
  }

  .pagination-buttons {
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .transaction-filter-left, .transaction-filter-right {
    width: auto;
  }

  .filter-button-tablet, .export-filter-tablet {
    display: none;
  }

  .td-3-tablet {
    z-index: auto;
    background-color: var(--_color---color-bg-secondary);
    width: 6.5rem;
    position: static;
    left: 0;
  }

  .sidebar-mobile {
    z-index: 200;
    background-color: var(--_color---color-bg-secondary);
    justify-content: flex-start;
    align-items: center;
    padding-right: 1rem;
    display: flex;
  }

  .header-spidi-center-mobile {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
  }

  .menu-button {
    width: 100%;
    position: sticky;
  }

  .menu-button.w--open {
    background-color: var(--_color---color-bg-secondary);
    width: 100%;
  }

  .search-button-mobile {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .last-tr-mobile {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    justify-content: flex-start;
    align-items: center;
    display: none;
  }

  .thead-mobile {
    z-index: 50;
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
    justify-content: flex-start;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    position: sticky;
    top: 0;
  }

  .transaction-table-mobile {
    aspect-ratio: auto;
    object-fit: fill;
    flex: 0 auto;
    width: auto;
    display: block;
    position: static;
    overflow: visible;
  }

  .spidi-logo-banner {
    width: 8rem;
    height: 2.75rem;
  }

  .currency-usdt {
    display: none;
  }

  .section-bank-verification-juridico {
    background-image: url('../images/bg-texture-mobile.avif');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .glass-logo {
    width: 9.3rem;
    position: relative;
    left: -18px;
  }

  .buttons-content {
    display: none;
  }

  .left-container {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .back-arrow {
    width: 1.5rem;
    height: 1.5rem;
  }

  .back-text {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
  }

  .title-terms {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .terms-action-pressed, .privacy-action, .questions-action, .privacy-action-pressed, .questions-action-pressed, .terms-action {
    width: 20.4rem;
  }

  .title-terms-conditions {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .paragraph-terms {
    line-height: 20px;
  }

  .right-container-terms {
    width: 20.4rem;
    display: flex;
  }

  .right-container-privacy {
    width: 20.4rem;
  }

  .bold-text, .text-block-2, .text-block-3, .text-block-4 {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .burger-menu {
    display: none;
  }

  .right-container-question {
    width: 20.4rem;
    display: none;
  }

  .card-dates-cripto-ios {
    width: 20rem;
    display: none;
  }

  .request-iso {
    width: 13.5rem;
  }

  .currency-bs-request {
    display: none;
  }

  .currency-usdt-request {
    display: flex;
  }

  .bs-currency-disable-request {
    display: none;
  }

  .bs-currency-desabled-copy {
    display: block;
  }

  .banner-img-mispidi {
    height: 7rem;
  }

  .question {
    width: 12rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .accordion-question {
    width: 18rem;
    padding-right: var(--_size---padding-0);
    padding-left: var(--_size---padding-0);
    justify-content: space-between;
    align-items: center;
  }

  .plus {
    position: relative;
    top: 0;
  }

  .minus {
    position: absolute;
  }

  .accordion-last-question {
    width: 18rem;
    padding-right: var(--_size---padding-0);
    padding-left: var(--_size---padding-0);
  }

  .info-content {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .title-info {
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .paragraph-info {
    width: 17rem;
    font-size: .7rem;
    line-height: var(--_size---font-size-2xs);
  }

  .wrapped-content {
    margin-top: -124px;
  }

  .question-lottie {
    justify-content: space-between;
    align-items: center;
  }

  .sign-animation {
    display: flex;
  }

  .title-skeleton.skeleton-element {
    height: 1.2rem;
  }

  .icon-content {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .icon-skeleton.skeleton-element {
    height: 7rem;
  }

  .transaction-skeleton.skeleton-element {
    height: 1.2rem;
  }

  .list-bottom-content.pago-movil {
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-process-skeleton.skeleton-element {
    height: 2.5rem;
  }

  .paragraph-invitation-skeleton.skeleton-element {
    height: 3.5rem;
  }

  .security-skeleton.skeleton-element {
    height: 12.5rem;
  }

  .transaction-filters-mobile {
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    height: auto;
    display: flex;
  }

  .filter-button-mobile {
    width: 2rem;
    padding-right: var(--_size---padding-small);
    padding-left: var(--_size---padding-small);
    background-position: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .export-filter-mobile {
    width: 2rem;
    padding-right: var(--_size---padding-small);
    padding-left: var(--_size---padding-small);
    background-position: 50%;
    justify-content: center;
    align-items: center;
  }

  .transaction-filter-right-mobile {
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: 2rem;
  }

  .transaction-filter-mobile-top {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: flex-start;
    align-items: flex-start;
    height: 2rem;
    display: flex;
  }

  .calendar-button-mobile {
    width: 2rem;
    padding-right: var(--_size---padding-small);
    padding-left: var(--_size---padding-small);
    background-position: 50%;
    margin-bottom: 0;
    display: block;
  }

  .ref-select-mobile {
    width: 5.5rem;
    padding-left: var(--_size---padding-0);
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
  }

  .image-20 {
    width: 2.5rem;
  }

  .image-21 {
    width: 4.5rem;
    display: none;
  }

  .card-user-nodos {
    border-radius: var(--_size---padding-xsmall);
    justify-content: center;
    align-items: center;
    width: 15.2rem;
  }

  .section-hero-landing {
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 90vh;
  }

  .banner-landing {
    height: 13rem;
    top: 0;
  }

  .navbar-landing {
    width: 21rem;
    padding: 0rem var(--_size---padding-xsmall) 0rem 0rem;
    justify-content: space-between;
    align-items: center;
    display: flex;
    top: 0;
  }

  .navbar-menu {
    width: auto;
    padding: var(--_size---padding-small) var(--_size---padding-xsmall) var(--_size---padding-xsmall);
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    background-color: var(--_color---color-veil-green-80);
    -webkit-backdrop-filter: blur(20px) drop-shadow(0 2px 5px #000000b3);
    backdrop-filter: blur(20px) drop-shadow(0 2px 5px #000000b3);
    justify-content: space-between;
    align-items: center;
  }

  .navbar-buttons {
    display: none;
  }

  .contact-btn, .sign-up-btn {
    display: flex;
  }

  .home-link {
    padding-bottom: var(--_size---padding-xxsmall);
  }

  .solution-link {
    padding-top: var(--_size---padding-xxsmall);
  }

  .spidi-nav-logo {
    display: flex;
  }

  .title-landing {
    width: 18rem;
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
    text-align: left;
    position: relative;
  }

  .main-content-landing {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    top: 59px;
  }

  .subtitle-landing {
    width: 18rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    position: relative;
    top: -30px;
  }

  .ellipsis-1 {
    bottom: -4%;
  }

  .phone {
    width: 20rem;
    position: absolute;
    bottom: -26%;
  }

  .main-button-landing {
    position: relative;
    top: -30px;
  }

  .phone-container {
    display: flex;
  }

  .text-landing-1, .text-landing-2, .text-landing-3 {
    display: none;
  }

  .section-hero-landing-2 {
    height: auto;
    padding-top: var(--_size---padding-medium);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .colibri {
    z-index: 100;
    width: 10rem;
    inset: 34% auto auto 0%;
  }

  .main-content-landing-2 {
    width: auto;
    padding-top: var(--_size---padding-small);
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .title-section-2 {
    width: 22rem;
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
    margin-top: 0;
    margin-bottom: 0;
  }

  .paragraph-section-2 {
    width: 22rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    text-align: center;
  }

  .tabs-landing {
    width: 20rem;
  }

  .tabs {
    width: 100%;
  }

  .tabs-content-landing {
    width: 100%;
    margin-top: 4rem;
  }

  .tab-panel-1, .tab-panel-2 {
    width: 100%;
  }

  .button-container {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    flex-flow: column-reverse wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .glass-content {
    width: 22rem;
    height: 20rem;
  }

  .button-spidi-info {
    width: 100%;
    padding-left: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .button-image {
    width: 18rem;
    top: 39%;
    left: 9%;
  }

  .ellipsis-2 {
    width: 100%;
    max-width: 100%;
    top: auto;
    bottom: -68px;
    left: -66px;
  }

  .tab-title {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
  }

  .tab-paragraph {
    text-align: left;
    width: 20rem;
  }

  .request-container {
    flex-flow: column-reverse wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .clients-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 90%;
  }

  .title-clients {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
  }

  .client-logos {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .quota-logo {
    width: 4rem;
  }

  .section-hero-landing-3 {
    height: auto;
  }

  .progress-asset {
    right: -37px;
  }

  .main-content-landing-3 {
    padding-left: var(--_size---padding-small);
  }

  .title-section-3 {
    width: 20rem;
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-5xl);
    text-align: left;
  }

  .title-section-3.bottom {
    width: 18rem;
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-3xl);
  }

  .paragraphah-section-3 {
    width: 18rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .progress-line {
    display: none;
  }

  .step-title {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
  }

  .step-content-info {
    width: 100%;
    padding-left: var(--_size---padding-small);
    justify-content: center;
    align-items: flex-start;
  }

  .paragraph-step {
    text-align: left;
    width: 18rem;
  }

  .ellipsis-3 {
    inset: auto 0% 0%;
  }

  .button-image-1 {
    width: 16rem;
    height: auto;
    top: auto;
    left: auto;
    right: auto;
  }

  .glass-content-step {
    width: 20rem;
    height: 17rem;
  }

  .iso-spidi {
    display: none;
  }

  .step-1-copy {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .step-2-landing {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .step-1-landing {
    width: 100%;
    padding-top: 0;
    padding-left: var(--_size---padding-0);
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .step-3-landing {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .steps-landing {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .section-hero-landing-4 {
    height: auto;
    padding-top: 0;
  }

  .title-section-4 {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
  }

  .questions-landing {
    width: 19rem;
  }

  .accordion-question-landing, .accordion-question-copy, .accordion-question--lamdimg, .question-1, .question-2, .question-3, .question-4, .question-5 {
    width: 18rem;
  }

  .spidi-glow {
    left: -118.25px;
  }

  .section-hero-landing-5 {
    justify-content: center;
    align-items: center;
    height: 90vh;
    padding-top: 2rem;
    overflow: visible;
  }

  .heading-8 {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
    margin-top: 0;
    margin-bottom: 0;
  }

  .banner-glass {
    width: 22.1rem;
    height: 31.6rem;
  }

  .text-section-5 {
    width: 22rem;
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-4xl);
  }

  .cunaguaro {
    width: 18rem;
    inset: auto 0% -25% auto;
  }

  .section-hero-landing-6 {
    height: 30vh;
  }

  .logo-spidi-large {
    width: 100%;
    top: 105px;
  }

  .footer-landing {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    height: 25rem;
  }

  .button-registro {
    border-radius: var(--_size---padding-xxsmall);
    width: 7.18rem;
  }

  .nav-menu-2 {
    border-top-right-radius: var(--_size---border-radius-medium);
    border-bottom-right-radius: var(--_size---border-radius-medium);
    background-color: var(--_color---color-text-terciary);
    box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
    object-fit: fill;
  }

  .mispidi {
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .mispiidi-text {
    font-family: var(--_size---font-body);
    color: var(--_color---color-text-secondary);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
    text-decoration: none;
    -webkit-text-decoration-color: var(--_color---color-secondary);
    text-decoration-color: var(--_color---color-secondary);
  }

  .menu-express {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: none;
  }

  .menu-express:hover {
    background-color: var(--_color---color-focus);
  }

  .profile-option {
    height: var(--_size---padding-xlarge);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    border-top: 1px solid var(--_color---color-button-disabled);
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .profile-option:hover {
    background-color: var(--_color---color-focus);
  }

  .profile-info {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .profile-text {
    font-family: var(--_size---font-display);
    color: var(--_color---color-secondary);
    font-size: .7rem;
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
    text-decoration: none;
    -webkit-text-decoration-color: var(--_color---color-secondary);
    text-decoration-color: var(--_color---color-secondary);
  }

  .profile-text.commerce_short_name {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 8.5rem;
    overflow: hidden;
  }

  .user-text {
    font-family: var(--_size---font-body);
    color: var(--_color---color-text-secondary);
    font-size: .7rem;
    line-height: .7rem;
    font-weight: var(--_size---font-weight-medium);
    text-decoration: none;
    -webkit-text-decoration-color: var(--_color---color-secondary);
    text-decoration-color: var(--_color---color-secondary);
  }

  .navbar-menu-mobile {
    z-index: 1;
    box-sizing: border-box;
    float: none;
    border-top-right-radius: var(--_size---padding-0);
    border-bottom-right-radius: var(--_size---border-radius-medium);
    background-color: var(--_color---color-text-terciary);
    width: 100%;
    box-shadow: 0 0 4px 0 var(--_color---color-box-shadow);
    object-fit: fill;
    justify-content: flex-start;
    align-items: center;
    display: block;
  }

  .profile-setting {
    width: 2.5rem;
    height: 2.5rem;
    box-shadow: 0 0 5px 0 var(--_color---color-box-shadow);
    border-radius: 100px;
    padding-right: 0;
    position: relative;
    left: -5px;
  }

  .profile-setting-copy {
    width: 2.5rem;
    height: 2.5rem;
  }

  .image-26, .badges-profile {
    position: absolute;
    inset: auto -9% -12% auto;
  }

  .spidi-image {
    width: 2.5rem;
  }

  .background-menu {
    z-index: 100;
    display: none;
    position: absolute;
    inset: 60px 0 0;
  }

  .image-27 {
    width: 4rem;
  }

  .image-28 {
    width: 3rem;
  }

  .image-29 {
    width: 4rem;
  }

  .hero-img {
    display: none;
    top: 156px;
  }

  .navbar-landing-2 {
    display: none;
  }

  .menu-button-2 {
    position: relative;
    left: 0;
  }

  .menu-button-2.w--open {
    background-color: #ffffff1a;
  }

  .paragraphah-section-3-mobile {
    width: 21rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
  }

  .phone-bottom {
    width: 17.6873rem;
  }

  .carousel-landing {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .card-landing {
    width: 8rem;
    height: 6rem;
  }

  .text-card-landing {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .ellipsis-5 {
    width: 40rem;
    top: -49px;
  }

  .phone-768 {
    width: 20rem;
    bottom: -16%;
  }

  .ellipsis-768 {
    bottom: -4%;
  }

  .modal-content-filters {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .header {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .title-modal-filter {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-medium);
  }

  .transaction-type {
    justify-content: center;
    align-items: flex-start;
  }

  .filter-title {
    width: 100%;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .transaction-button {
    flex-flow: column;
  }

  .transaction-receiver-btn, .transaction-payment-btn, .filter-select {
    width: 18rem;
  }

  .form-block-5 {
    width: 100%;
  }

  .transaction-from {
    justify-content: center;
    align-items: flex-start;
  }

  .date-button {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    width: 100%;
  }

  .from-btn {
    width: 18rem;
  }

  .from-btn.date_start {
    width: 9.5rem;
  }

  .to-btn {
    justify-content: center;
    align-items: flex-start;
    width: 18rem;
  }

  .to-btn.date_end {
    width: 9.5rem;
  }

  .header-main {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .reset-btn, .apply-btn {
    width: 50%;
  }

  .filter-icon {
    width: 3em;
    height: 3rem;
  }

  .bar-filter {
    width: 14rem;
  }

  .modal-export {
    display: none;
  }

  .modal-content-export {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .export-icon {
    width: 3em;
    height: 3rem;
  }

  .export-type {
    justify-content: center;
    align-items: flex-start;
  }

  .export-title {
    width: 100%;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .export-button {
    flex-flow: row;
  }

  .csv-btn, .xlsx-btn {
    width: 18rem;
  }

  .buttons-export {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    width: 100%;
  }

  .cancel-btn, .export-btn {
    width: 100%;
  }

  .code-embed {
    overflow: visible;
  }

  .breadcrumb-text-mobile {
    text-decoration: none;
    display: flex;
  }

  .breadcrumb-text-variant {
    display: none;
  }

  .amount-detail {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .receiver-icon {
    width: 2.12rem;
    height: 2.12rem;
  }

  .text-receiver {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .heading-9 {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .left-icon {
    width: var(--_size---padding-xxmedium);
    height: var(--_size---padding-xxmedium);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .transaction-spidi-text {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .text-span-3, .amount-detail-text {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .amount-detail-left {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .back-btn {
    padding-left: var(--_size---padding-xxmedium);
  }

  .detail-transactions-wrapped {
    width: 100%;
    max-width: 100%;
    padding-right: var(--_size---padding-0);
    padding-left: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .detail-container {
    width: 90%;
    padding: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
  }

  .detail-transaction-card {
    width: 95%;
  }

  .detail-property {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    text-align: center;
  }

  .propety-value {
    flex-flow: column;
    width: auto;
  }

  .detail-value {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .detail-value.identifier {
    text-align: center;
    width: 13.5rem;
  }

  .property-value-top {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .copy-link-content {
    display: none;
  }

  .copy-btn {
    line-height: var(--_size---font-size-2xs);
    border-top-width: 1px;
    border-bottom-width: 1px;
  }

  .text-link {
    width: 9rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .copy-link-mobile {
    background-color: var(--_color---color-text-terciary);
    display: flex;
    position: relative;
  }

  .section-transaction-detail {
    height: auto;
    margin-right: var(--_size---padding-0);
    padding-top: var(--_size---padding-0);
    justify-content: flex-start;
    align-items: center;
    overflow: visible;
  }

  .mispidi-wrapped {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    left: 0%;
  }

  .header-spidi-center-mobile-copy {
    width: 100%;
    max-width: 100%;
    padding-right: var(--_size---padding-xsmall);
  }

  .header-mispidi-mobile {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
  }

  .header-mispidi {
    width: 100%;
    max-width: none;
    height: auto;
    padding-left: var(--_size---padding-xxmedium);
    justify-content: flex-start;
    align-items: center;
  }

  .badges-user-header {
    position: absolute;
    inset: auto -9% -12% auto;
  }

  .mispidi-bg {
    display: none;
  }

  .heading-content {
    justify-content: flex-start;
    align-items: center;
  }

  .main-text-spidi {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-2xl);
  }

  .secondary-text-spidi {
    width: 15rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .tertiary-text-spidi {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .share-content {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .top-content-spidi {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .bottom-content-spidi {
    grid-column-gap: .87rem;
    grid-row-gap: .87rem;
  }

  .spidi-card-text {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    text-align: center;
  }

  .heading-10 {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .spidi-main-content {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .picker {
    width: 2.5rem;
    height: 2.5rem;
    top: -11%;
    left: -3%;
  }

  .bottom-buttons {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
  }

  .download-btn, .print-btn {
    width: 15rem;
  }

  .mispidi-bg-mobile {
    width: 100%;
    display: block;
    position: absolute;
    inset: 33% 0% 0%;
  }

  .design-1 {
    width: 2rem;
  }

  .modal-transaction-filter {
    display: none;
  }

  .modal-content-filter {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .buttons-filter {
    width: 100%;
  }

  .modal-mispidi-settings {
    display: none;
  }

  .modal-content-filter-copy, .modal-content-settings {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .buttons-settings {
    flex-flow: row;
    width: 100%;
  }

  .title-modal-filter-copy, .title-modal-settings {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-medium);
  }

  .bank-picker {
    width: 18rem;
    height: 5rem;
  }

  .bank-select {
    justify-content: center;
    align-items: flex-start;
  }

  .select-bank {
    width: 18rem;
  }

  .profile-mispidi {
    width: 15rem;
  }

  .phone-setting {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: block;
  }

  .phone-input-setting {
    width: 8.5rem;
  }

  .div-block-26 {
    display: none;
  }

  .form-2 {
    width: 100%;
  }

  .div-block-27 {
    display: none;
  }

  .ref-detail {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .ref-bcv-content {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .title-payer {
    text-align: center;
  }

  .phone-wrapped {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    justify-content: space-between;
    align-items: center;
  }

  .email-setting {
    clear: none;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: block;
  }

  .email-input-setting {
    width: 8.5rem;
  }

  .instagram-wrapped {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
  }

  .instagram-setting {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: block;
  }

  .instagram-input-setting {
    width: 8.5rem;
  }

  .x-wrapped {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
  }

  .x-setting {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: block;
  }

  .correo-wrapped {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    justify-content: space-between;
    align-items: center;
    width: auto;
  }

  .main-content-store {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    width: 20rem;
    margin-top: -107px;
  }

  .spidi-store-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .section-spidi-store {
    height: auto;
    padding-bottom: var(--_size---padding-0);
    overflow: clip;
  }

  .card-amount-store {
    width: 20rem;
  }

  .card-amount-store.card-spidi-store {
    padding: var(--_size---padding-xmedium) var(--_size---padding-small);
    display: flex;
  }

  .title-amount-store {
    width: 18rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .main-wrapped-store {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    display: none;
  }

  .bs-ref {
    display: none;
  }

  .bs-ref-desabled {
    display: block;
  }

  .items-list-store {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .item-content-store {
    width: 17.81rem;
    height: 3.75rem;
  }

  .text-footer-store {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .link-footer-store {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .container-top-store {
    height: auto;
    min-height: 100vh;
  }

  .form-store {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    width: 17.81rem;
  }

  .input-store {
    width: 17.81rem;
  }

  .form-medium-store {
    grid-column-gap: var(--_size---padding-0);
    grid-row-gap: var(--_size---padding-0);
    width: 17.81rem;
  }

  .form-success-copy, .store-form {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    width: 17.81rem;
  }

  .payment-button {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .main-store {
    grid-column-gap: var(--_size---padding-xxlarge);
    grid-row-gap: var(--_size---padding-xxlarge);
  }

  .form-block-7, .text-field-3 {
    margin-bottom: 0;
  }

  .icon-content-detail {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .payment-request-content {
    width: 100%;
    max-width: none;
    padding-left: var(--_size---padding-xxmedium);
    justify-content: flex-start;
    align-items: center;
  }

  .payment-quest-button {
    width: 11.25rem;
    height: 2.5rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    background-position: 8%;
    background-size: 18px 18px;
    justify-content: center;
    align-items: center;
    padding: .62rem .62rem .62rem 2rem;
  }

  .transaction-filters-copy, .request-filters {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    display: none;
  }

  .request-filter-left, .request-filter-right {
    width: auto;
  }

  .tabs-menu {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    width: 21rem;
    display: flex;
  }

  .text-block-5, .text-block-6 {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .request-filters-mobile {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    height: auto;
    display: flex;
  }

  .request-filter-mobile-top {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 2rem;
    display: flex;
  }

  .transaction-filter-left-copy {
    width: auto;
  }

  .request-filter-left-mobile {
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .request-ref-select-mobile {
    width: 100%;
    padding-right: var(--_size---padding-xmedium);
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .request-search-mobile {
    width: 17.5rem;
  }

  .request-input-search {
    text-overflow: ellipsis;
    width: 17rem;
  }

  .request-tab-mobile {
    width: 100%;
    display: none;
  }

  .request-table {
    display: none;
  }

  .request-th-2 {
    background-color: var(--_color---color-terciary);
  }

  .request-th-3 {
    background-color: var(--_color---color-terciary);
    position: sticky;
    left: 0;
  }

  .request-td-1 {
    background-color: var(--_color---color-text-terciary);
    position: sticky;
    left: 0;
  }

  .request-td-1:hover {
    background-color: var(--_color---color-focus);
  }

  .request-tr {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    justify-content: flex-start;
    align-items: center;
    max-width: 22.8rem;
  }

  .request-tr:hover {
    background-color: var(--_color---color-bg-secondary);
  }

  .th-1-copy {
    background-color: var(--_color---color-terciary);
    position: sticky;
    left: 0;
  }

  .th-1 {
    background-color: var(--_color---color-terciary);
    width: 4.5rem;
    position: sticky;
    left: 0;
  }

  .request-td-2 {
    background-color: var(--_color---color-text-terciary);
  }

  .last-request-tr {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    justify-content: flex-start;
    align-items: center;
    max-width: 22.8rem;
  }

  .last-request-tr:hover {
    background-color: var(--_color---color-bg-secondary);
  }

  .td-amount {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .td-amount:hover {
    background-color: var(--_color---color-focus);
  }

  .th-2-copy {
    background-color: var(--_color---color-terciary);
  }

  .th-3-copy, .request-th-1-mobile {
    background-color: var(--_color---color-terciary);
    position: sticky;
    left: 0;
  }

  .request-th-2-mobile {
    background-color: var(--_color---color-terciary);
  }

  .request-th-3-mobile {
    background-color: var(--_color---color-terciary);
    position: sticky;
    left: 0;
  }

  .payment-request-wrapped {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-left: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: flex-start;
    align-items: center;
  }

  .request-table-mobile {
    width: 100%;
    padding-right: var(--_size---padding-small);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: 0 366px 102px #00464900, 0 234px 94px #00464900, 0 132px 79px #00464905, 0 59px 59px #00464908, 0 15px 32px #00464908;
  }

  .input-search-copy, .request-search-input {
    text-overflow: ellipsis;
  }

  .tabs-content-3 {
    display: none;
  }

  .request-thead-mobile {
    z-index: 100;
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
    justify-content: flex-start;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    position: sticky;
    top: 0;
  }

  .request-th-1-copy {
    background-color: var(--_color---color-terciary);
    position: sticky;
    left: 0;
  }

  .thead-request-mobile {
    width: 100%;
    height: 2.18rem;
    padding-right: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
    background-color: var(--_color---color-terciary);
    border-radius: .15rem .15rem 0 0;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .text-block-7 {
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    font-weight: var(--_size---font-weight-semibold);
  }

  .thead-text {
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-semibold);
  }

  .tr-mobile {
    width: 100%;
    padding-right: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
    border-bottom: 1px solid var(--_color---color-button-disabled);
    flex-flow: column;
    display: none;
  }

  .td-mobile {
    justify-content: space-between;
    align-items: center;
    height: 1.46rem;
    display: flex;
    position: relative;
  }

  .state-request-mobile {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .state-text {
    font-family: var(--_size---font-body);
    color: var(--_color---color-gray-dark);
  }

  .actions-request-mobile {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .icon-table-mobile {
    width: 2.3rem;
    height: 2.3rem;
  }

  .th-mobile {
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
  }

  .th-mobile-copy {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .text-table-mobile {
    font-family: var(--_size---font-body);
    color: var(--_color---color-gray-dark);
    line-height: var(--_size---font-size-s);
  }

  .tr-mobile-copy {
    padding-right: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
    border-bottom: 0px solid var(--_color---color-button-disabled);
    border-bottom-right-radius: .15rem;
    border-bottom-left-radius: .15rem;
    flex-flow: column;
    display: flex;
  }

  .card-request-creation {
    width: 21.5rem;
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-xmedium);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .form-request-creation {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    display: flex;
  }

  .options-request-creation {
    width: 100%;
    padding-right: var(--_size---padding-small);
    padding-left: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
    justify-content: space-between;
    align-items: flex-start;
    overflow: visible;
  }

  .search-users {
    width: 8rem;
    padding-right: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-0);
  }

  .enter-data {
    justify-content: flex-start;
    align-items: center;
    width: 10rem;
    display: none;
  }

  .added-request {
    width: 8rem;
    padding-right: var(--_size---padding-0);
    padding-left: var(--_size---padding-small);
    text-align: right;
  }

  .search-text {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    text-align: left;
  }

  .data-text {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .data-active-text {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    text-align: center;
  }

  .add-text {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    text-align: right;
  }

  .add-active-text {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .enter-data-active {
    width: 8rem;
    padding-right: var(--_size---padding-xsmall);
    padding-bottom: 1.6rem;
    padding-left: var(--_size---padding-xsmall);
    justify-content: flex-start;
    align-items: center;
  }

  .added-request-active {
    padding-bottom: 1.6rem;
  }

  .header-add-request {
    padding-right: var(--_size---padding-large);
    padding-bottom: var(--_size---padding-small);
    padding-left: var(--_size---padding-large);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .user-request-content {
    padding-bottom: var(--_size---padding-0);
  }

  .form-creation {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
  }

  .input-request {
    width: 19rem;
    height: 2.8rem;
  }

  .form-request {
    justify-content: flex-start;
    align-items: center;
  }

  .description-input, .identificator-input {
    width: 100%;
  }

  .request-creation-buttons {
    flex-flow: column;
  }

  .request-back-button, .request-next-button {
    width: 18rem;
  }

  .image-33 {
    width: 3.12rem;
  }

  .card-add-request {
    width: 21.5rem;
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-xmedium);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .added-request-creation {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    display: none;
  }

  .add-top-elements {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .description-content {
    padding-bottom: var(--_size---padding-0);
  }

  .unregistered-user-icon {
    width: 3.12rem;
  }

  .add-request-text {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .header-added-request {
    padding-right: var(--_size---padding-large);
    padding-bottom: var(--_size---padding-0);
    padding-left: var(--_size---padding-large);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .added-user {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: row;
    width: 100%;
  }

  .user-info-text, .amount-info-text {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .amount-container {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .added-value, .added-property, .added-total-amount, .added-checkbox-text {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .bank-change {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
  }

  .bank-name, .account-name {
    width: 7.5rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .bank-container {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .user-info-wrapped {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    flex-flow: column;
  }

  .div-block-28 {
    display: none;
  }

  .main-content-step-1 {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    width: 20rem;
    margin-top: -117px;
    left: auto;
    right: auto;
    overflow: visible;
  }

  .card-container {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .qr-info-container {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
  }

  .user-name-card.commerce_short_name {
    width: 7rem;
  }

  .design-2, .design-3 {
    width: 2rem;
  }

  .image-34 {
    width: 3.5rem;
    height: 3.5rem;
  }

  .mispidi-logo-card {
    width: 3.5rem;
  }

  .div-block-29 {
    overflow: clip;
  }

  .badges-enviroments {
    z-index: 100;
    display: none;
    position: sticky;
  }

  .sandbox-enviroment, .staging-enviroment {
    display: none;
  }

  ._404 {
    font-size: 6rem;
  }

  .heading-12 {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .paragraph-8 {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .colibri-img {
    width: 8rem;
    top: -51%;
    left: -20%;
  }

  .cunaguaro-img {
    width: 12rem;
    top: 169px;
    right: -17%;
  }

  ._404-btn {
    width: 13rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .checkbox-product.check-payment-bank-data-parent {
    padding-top: var(--_size---padding-0);
    padding-left: var(--_size---padding-0);
    justify-content: flex-start;
    align-items: center;
  }

  .check-prodcut.check-payment-bank-data {
    width: var(--_size---padding-xxmedium);
    height: var(--_size---padding-xxmedium);
    margin-left: 0;
  }

  .check-prodcut.check-onboarding {
    border-color: var(--_color---color-text-secondary);
  }

  .checkbox-product-text {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .detail-request-card {
    width: 95%;
  }

  .icon-request-detail {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .active-icon {
    width: 2.12rem;
    height: 2.12rem;
  }

  .bcv-detail {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .amount-request-detail-text {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-xl);
  }

  .amount-request-detail {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .date-detail {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .qr-request-detail {
    width: 90%;
  }

  .request-detail-container {
    display: flex;
  }

  .description-actions {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .actions-content {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .edit-request, .share-request, .expire-request, .delete-request {
    width: 4rem;
  }

  .property-value-top-copy, .property-value-request {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .bank-commission-value {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .form-4 {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: center;
    align-items: center;
  }

  .minus-btn, .plus-btn {
    width: var(--_size---padding-xmedium);
    height: var(--_size---padding-xmedium);
  }

  .form-block-13 {
    display: block;
  }

  .number-entries {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .form-identification {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .td-identificator {
    width: 8rem;
    font-family: var(--_size---font-body);
    color: var(--_color---color-gray-dark);
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-regular);
    text-overflow: ellipsis;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
  }

  .menu-home {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-home:hover {
    background-color: var(--_color---color-focus);
  }

  .menu-home.w--current {
    background-color: var(--_color---color-terciary);
  }

  .menu-home.admin {
    display: none;
  }

  .menu-request {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    background-color: var(--_color---color-text-terciary);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-request:hover {
    background-color: var(--_color---color-focus);
  }

  .menu-request.admin {
    display: none;
  }

  .menu-transaction {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    background-color: var(--_color---color-bg-secondary);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-transaction:hover {
    background-color: var(--_color---color-focus);
  }

  .menu-transaction:active, .menu-transaction.w--current {
    background-color: var(--_color---color-terciary);
  }

  .menu-settings {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-settings:hover {
    background-color: var(--_color---color-focus);
  }

  .menu-settings.admin {
    display: none;
  }

  .menu-help {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: none;
  }

  .menu-help:hover {
    background-color: var(--_color---color-focus);
  }

  .menu-express-copy {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: none;
  }

  .menu-express-copy:hover {
    background-color: var(--_color---color-focus);
  }

  .text-link-mispidi {
    width: 9rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .empty-state {
    width: 25rem;
  }

  .empty-state-content {
    justify-content: center;
    align-items: flex-start;
    padding-left: 2.5rem;
    display: flex;
  }

  .empty-state-title {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-xl);
  }

  .empty-state-title.store {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
  }

  .empty-state-subtitle {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .empty-state-subtitle.store {
    width: 100%;
    color: var(--_color---color-gray-dark);
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-m);
  }

  .menu-logout {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-logout:hover {
    background-color: var(--_color---color-focus);
  }

  .container-3 {
    width: 100%;
    display: block;
  }

  .link-request {
    display: none;
  }

  .link-request.w--current {
    display: flex;
  }

  .form-entries {
    display: block;
  }

  .form-entries-content {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: center;
    align-items: center;
  }

  .select-content {
    display: flex;
  }

  .form-select {
    display: block;
  }

  .form-select-content {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-link-request {
    width: 9rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .td-text-amount {
    width: 7rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    overflow: hidden;
  }

  .td-text-amount:hover {
    background-color: var(--_color---color-focus);
  }

  .td-text-ref {
    width: 4rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    overflow: hidden;
  }

  .td-text-ref:hover {
    background-color: var(--_color---color-focus);
  }

  .items-button-store {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .general-button, .vip-button {
    text-align: center;
    width: 8rem;
    height: 5rem;
  }

  .card-selection-store {
    width: 20rem;
  }

  .card-selection-store.card-spidi-store {
    background-color: var(--_color---color-text-terciary);
    justify-content: flex-start;
    align-items: center;
    height: 16rem;
    display: flex;
  }

  .buttons-navbar {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 16px;
    display: flex;
  }

  .button-signup {
    width: 100%;
    display: flex;
  }

  .button-navbar-copy-copy.bg-colot {
    width: 10rem;
  }

  .request-type {
    justify-content: center;
    align-items: flex-start;
  }

  .request-button {
    flex-flow: column;
  }

  .single-request-btn, .group-request-btn {
    width: 18rem;
  }

  .state-buttons {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .text-redirection {
    display: none;
  }

  .toast-copy {
    width: 97%;
    display: none;
    top: 0;
    left: 6px;
  }

  .text-check-badges {
    font-size: var(--_size---font-size-2xs);
  }

  .button-navbar-signup.bg-colot {
    width: 100%;
    display: flex;
  }

  .modal-mispidi-settings-copy, .modal-logout {
    display: none;
  }

  .modal-content-logout {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .buttons-logout {
    flex-flow: row;
    width: 100%;
  }

  .logout-btn, .cancel-button, .logout-button {
    width: 100%;
  }

  .title-modal-logout {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-medium);
  }

  .modal-content-timeout {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .title-modal-timeout {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-medium);
  }

  .buttons-timeout {
    flex-flow: row;
    width: 100%;
  }

  .section-button, .log-out-button {
    width: 100%;
  }

  .modal-content-creation {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .request-creation-icon {
    width: 3em;
    height: 3rem;
  }

  .request-creation-title {
    width: 100%;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .buttons-request-creation {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    width: 100%;
  }

  .back-btn-2, .creation-btn {
    width: 100%;
  }

  .request-creation {
    justify-content: center;
    align-items: flex-start;
  }

  .api-documentation {
    text-align: center;
    display: flex;
  }

  .api-documentation-desktop {
    text-align: center;
    display: none;
  }

  .request-detail-expired {
    display: none;
  }

  .detail-expired-container {
    padding: var(--_size---padding-small);
  }

  .request-detail-payed {
    display: none;
  }

  .detail-payed-container {
    padding: var(--_size---padding-small);
  }

  .modal-content-expired {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .title-modal-expired {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
  }

  .buttons-expired {
    flex-flow: row;
    width: 100%;
  }

  .expired-button {
    width: 100%;
  }

  .badges-creaction, .badges-expired, .badges-reactive, .badges-delete {
    width: 97%;
    display: none;
    top: 60px;
    left: 6px;
  }

  .modal-content-delete {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .title-modal-delete {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
  }

  .delete-button {
    width: 100%;
  }

  .modal-content-reactive {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .buttons-delete, .buttons-reactive {
    flex-flow: row;
    width: 100%;
  }

  .reactive-button {
    width: 100%;
  }

  .modal-content-repeat {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .title-modal-repeat, .title-modal-reactive {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
  }

  .buttons-repeat {
    flex-flow: row;
    width: 100%;
  }

  .repeat-button {
    width: 100%;
  }

  .request-image {
    width: 18rem;
    top: 40.5%;
    left: 9%;
  }

  .document-button {
    display: none;
  }

  .see-more {
    flex-flow: column;
    width: auto;
  }

  .see-more-btn {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .right-icon {
    width: var(--_size---padding-xxmedium);
    height: var(--_size---padding-xxmedium);
    display: none;
  }

  .owner-detail-container, .payed-detail-container, .payer-detail-container {
    width: 90%;
    padding: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
  }

  .split-content-detail {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .partner-detail-container {
    width: 90%;
    padding: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
  }

  .see-less-btn {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .document-button-mobile {
    width: 10rem;
    height: 2.4rem;
    display: none;
  }

  .title-propety-value {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-width: 14rem;
    max-width: 20rem;
  }

  .detail-request-container {
    width: 90%;
    padding: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
  }

  .help-text {
    font-size: var(--_size---font-size-m);
  }

  .version-text {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    text-align: left;
  }

  .modal-documents {
    display: none;
  }

  .modal-content-documents {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
    max-width: 20.37rem;
  }

  .title-modal-documents {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-medium);
  }

  .buttons-documents {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    width: 100%;
  }

  .copy-doc-btn, .back-doc-btn {
    width: 100%;
  }

  .toast-copy-link {
    z-index: 1000;
    width: 95%;
    display: none;
    position: sticky;
    top: 7px;
    left: auto;
  }

  .card-upload-receipt {
    width: 20rem;
    display: none;
  }

  .modal-content-binance {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .title-modal-binance {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-medium);
  }

  .binance-title {
    width: 100%;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .upload-btn, .confirmation-btn {
    width: 100%;
  }

  .header-left-binance {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .div-block-34, .div-block-34-copy {
    display: none;
  }

  .export-title-2 {
    width: 100%;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .header-2 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .cancel-btn-2 {
    width: 100%;
  }

  .xlsx-btn-2, .csv-btn-2 {
    width: 18rem;
  }

  .modal-content-export-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    max-width: 20.37rem;
  }

  .export-btn-2 {
    width: 100%;
  }

  .export-button-2 {
    flex-flow: column;
  }

  .title-modal-filter-2 {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-medium);
  }

  .buttons-export-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    width: 100%;
  }

  .div-block-34-copy-copy {
    display: none;
  }

  .badges-fallback {
    width: 17.81rem;
  }

  .paragraph-406 {
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .fallback-top-content {
    width: 17.81rem;
  }

  .card-fallback-3 {
    width: 20rem;
    display: none;
  }

  .badges-content {
    width: 17.5rem;
  }

  .paragraph-407 {
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    margin-bottom: 0;
  }

  .empty-state-content-copy {
    justify-content: center;
    align-items: flex-start;
    padding-left: 2.5rem;
    display: flex;
  }

  .empty-state-request {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .tr-mobile-last {
    width: 100%;
    padding-right: var(--_size---padding-xsmall);
    padding-bottom: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
    border-bottom: 0px solid var(--_color---color-button-disabled);
    border-bottom-right-radius: .15rem;
    border-bottom-left-radius: .15rem;
    flex-flow: column;
    display: none;
  }

  .form-description-change {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 18rem;
  }

  .form-block-14 {
    width: auto;
    margin-bottom: 0;
    display: none;
  }

  .btn-description-change {
    width: 100%;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .input-description-change {
    width: 100%;
    height: 2.8rem;
    line-height: var(--_size---font-size-s);
  }

  .profile-photo-skeleton.skeleton-element {
    width: 3.2rem;
    height: 3.2rem;
    top: 0%;
    left: -1.906px;
  }

  .text-link-skeleton {
    width: 9rem;
    height: .87rem;
    position: absolute;
  }

  .text-link-skeleton.skeleton-element {
    width: 9rem;
    top: 33%;
    left: 2%;
  }

  .image-46 {
    width: 2rem;
    height: 2px;
  }

  .split-icon-mobile {
    display: none;
  }

  .total-transaction-skeleton.skeleton-element {
    display: none;
    top: -7%;
    left: -651%;
  }

  .amount-ref-skeleton.skeleton-element {
    display: none;
    top: -12%;
    left: -140%;
  }

  .tr-skeleton.skeleton-element {
    height: 4rem;
    display: none;
  }

  .property-value-skeleton.skeleton-element {
    height: 2rem;
    display: none;
  }

  .th-mobile-skeleton.skeleton-element, .td-mobile-skeleton.skeleton-element {
    height: auto;
    display: none;
  }

  .description-skeleton.skeleton-element {
    width: 79%;
  }

  .description-actions-skeleton.skeleton-element {
    width: 100%;
    height: 2rem;
    display: none;
  }

  .copy-link-skeleton.skeleton-element {
    width: 60%;
    left: 3%;
  }

  .request-property-value, .propety-value-copy {
    flex-flow: column;
    width: auto;
  }

  .transaction-text {
    font-family: var(--_size---font-body);
    color: var(--_color---color-text-secondary);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
    text-decoration: none;
    -webkit-text-decoration-color: var(--_color---color-secondary);
    text-decoration-color: var(--_color---color-secondary);
  }

  .image-49 {
    display: block;
  }

  .image-50 {
    display: none;
  }

  .home-text {
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
    text-decoration: none;
    -webkit-text-decoration-color: var(--_color---color-secondary);
    text-decoration-color: var(--_color---color-secondary);
  }

  .image-51 {
    display: none;
  }

  .menu-request-active {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    background-color: var(--_color---color-terciary);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-request-active:hover {
    background-color: var(--_color---color-focus);
  }

  .request-text {
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
    text-decoration: none;
    -webkit-text-decoration-color: var(--_color---color-secondary);
    text-decoration-color: var(--_color---color-secondary);
  }

  .image-52 {
    display: none;
  }

  .menu-transaction-active {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    background-color: var(--_color---color-terciary);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-transaction-active:hover {
    background-color: var(--_color---color-focus);
  }

  .menu-transaction-active:active, .menu-transaction-active.w--current {
    background-color: var(--_color---color-terciary);
  }

  .menu-request-active-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--_color---color-terciary);
    justify-content: flex-start;
    align-items: center;
    height: 3rem;
    padding-left: 1rem;
    text-decoration: none;
    display: flex;
  }

  .menu-request-active-2:hover {
    background-color: var(--_color---color-focus);
  }

  .image-53 {
    display: none;
  }

  .request-text-2 {
    font-family: var(--_size---font-body);
    color: var(--_color---color-text-primary);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
    text-decoration: none;
    -webkit-text-decoration-color: var(--_color---color-text-primary);
    text-decoration-color: var(--_color---color-text-primary);
  }

  .privacy-politics-2, .frequents-ask-2 {
    text-align: center;
  }

  .footer-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    height: 20rem;
  }

  .terms-condition-2 {
    text-align: center;
  }

  .info-spidi-2 {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .bottom-footer-2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
  }

  .top-footer-2 {
    width: 320px;
  }

  .cta-wrapped-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 20rem;
  }

  .spidi-info-content-2 {
    grid-column-gap: .125rem;
    grid-row-gap: .125rem;
  }

  .button-registro-2 {
    border-radius: .25rem;
    width: 7.18rem;
  }

  .links-content-2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    width: 15rem;
  }

  .frequents-ask-3 {
    text-align: center;
  }

  .footer-3 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    height: 20rem;
  }

  .links-content-3 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    width: 15rem;
  }

  .frequents-ask-4 {
    text-align: center;
  }

  .footer-4 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    height: 20rem;
  }

  .links-content-4 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    width: 15rem;
  }

  .form-change-user, .form-change-mail {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
  }

  .instagram, .youtube, .image-54 {
    width: 20px;
    height: 20px;
  }

  .user-profile-wrapped {
    width: 100%;
    max-width: 100%;
    padding-left: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .colibri-level {
    display: none;
  }

  .level-text {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .link-level {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .user-profile-container {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    justify-content: center;
    align-items: center;
  }

  .user-profile-background {
    width: 5.5rem;
    height: 5.5rem;
    top: -38px;
    left: -45.281px;
  }

  .user-profile-image {
    width: 5rem;
    height: 5rem;
    top: 4px;
    left: 4.5px;
  }

  .user-profile-image.commerce_logo {
    width: 5rem;
    height: 5rem;
    top: -34px;
    left: -42px;
  }

  .username-profile, .heading-14 {
    width: 12rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .username-profile-container {
    left: 50px;
  }

  .buttons-profile-container {
    justify-content: center;
    align-items: center;
  }

  .upload-image-btn {
    background-size: 1.4rem;
    width: 10rem;
    padding-right: .5rem;
    font-size: .7rem;
  }

  .delete-image-button {
    width: 10rem;
    padding-right: var(--_size---padding-xxmedium);
    background-position: 15%;
    background-size: 1.4rem;
    font-size: .7rem;
  }

  .image-profile-container {
    flex-flow: column;
  }

  .badges-user-profile {
    width: 1.5rem;
    height: 1.5rem;
    top: 58px;
    left: 65px;
  }

  .profile-menu-settings {
    width: 90%;
    padding-right: var(--_size---padding-small);
    padding-left: var(--_size---padding-small);
  }

  .image-username {
    justify-content: flex-start;
    align-items: center;
  }

  .ref-select-creation {
    height: 2.8rem;
  }

  .ref-amount-input {
    width: 19rem;
  }

  .input-amount-ref {
    width: 19rem;
    height: 2.8rem;
  }

  .menu-settings-active {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    background-color: var(--_color---color-terciary);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-settings-active:hover {
    background-color: var(--_color---color-focus);
  }

  .setting-text-active, .transaction-text-active {
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
    text-decoration: none;
    -webkit-text-decoration-color: var(--_color---color-secondary);
    text-decoration-color: var(--_color---color-secondary);
  }

  .image-57 {
    display: none;
  }

  .sidebar-mobile-setting {
    z-index: 200;
    background-color: var(--_color---color-bg-secondary);
  }

  .modal-upload-image {
    display: none;
  }

  .modal-content-upload {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .title-modal-upload {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-medium);
  }

  .buttons-upload {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    width: 100%;
  }

  .export-btn-copy, .upload-button, .back-upload-button {
    width: 100%;
  }

  .upload-title {
    width: 100%;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .main-content-upload {
    display: none;
  }

  .main-content-upload.positive-validation {
    width: 17.81rem;
  }

  .upload-image {
    justify-content: center;
    align-items: flex-start;
  }

  .upload-image-container {
    background-color: var(--_color---color-bg-secondary);
  }

  .uploading-elements {
    grid-column-gap: .28rem;
    grid-row-gap: .28rem;
  }

  .image-weight {
    font-size: .7rem;
    line-height: .7rem;
  }

  .image-uploaded-weight {
    color: var(--_color---color-gray-dark);
    font-size: .7rem;
    line-height: .7rem;
  }

  .uploaded-image-text {
    color: var(--_color---color-gray-dark);
  }

  .bank-account-content {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: row;
  }

  .bank-card {
    width: 90%;
  }

  .main-bank-account {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    flex-flow: row;
  }

  .bank-account-wrapped {
    width: 100%;
    max-width: 100%;
    padding-left: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .tittle-bank-account {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-xl);
  }

  .subtittle-bank-account {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-s);
    text-align: center;
  }

  .bank-select-wrapped {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
  }

  .edit-delete-container {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .back-delete-button, .delete-bank-button {
    width: 100%;
  }

  .image-58, .image-59 {
    width: 20px;
    height: 20px;
  }

  .image-60, .image-61, .image-62 {
    width: 2.5rem;
  }

  .image-63, .image-64, .image-65, .image-66 {
    width: 20px;
    height: 20px;
  }

  .add-bank-account {
    font-size: var(--_size---font-size-s);
  }

  .form-pago-movil {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
  }

  .form-pagomovil {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .pago-movil-top {
    flex-flow: column;
    width: 100%;
  }

  .pago-movil-bottom {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .form-bank-pago {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    width: 100%;
  }

  .form-id-pago, .form-phone-pago {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .form-id-container {
    grid-column-gap: var(--_size---padding-xxsmall);
    grid-row-gap: var(--_size---padding-xxsmall);
    padding-top: 0;
  }

  .add-bank-buttons {
    flex-flow: column;
  }

  .form-bank-account {
    grid-column-gap: var(--_size---padding-large);
    grid-row-gap: var(--_size---padding-large);
  }

  .bank-account-bottom {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    width: 100%;
  }

  .badges-edited {
    width: 97%;
    display: none;
    top: 60px;
    left: 6px;
  }

  .toast-creaction, .toast-edited, .toast-expired {
    width: 95%;
    display: none;
    top: 7px;
    left: auto;
  }

  .toast-reactive {
    width: 95%;
    display: none;
    position: sticky;
    top: 7px;
    left: auto;
  }

  .toast-delete {
    width: 95%;
    display: none;
    top: 7px;
    left: auto;
  }

  .badges-creaction-copy {
    width: 97%;
    display: none;
    top: 60px;
    left: 6px;
  }

  .bank-back-button, .bank-next-button {
    width: 100%;
  }

  .modal-bank-otp {
    display: none;
  }

  .modal-content-bank-otp {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 20.37rem;
  }

  .buttons-otp {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    width: 100%;
  }

  .back-otp-button, .add-account-button {
    width: 100%;
  }

  .title-modal-otp {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-medium);
  }

  .form-bank-otp {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .form-otp {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .link-bank-otp {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .toast-bank {
    width: 97%;
    display: none;
    top: 60px;
    left: 6px;
  }

  .input-change-name-bank, .main-change-bank-name {
    width: 7rem;
    min-width: auto;
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-s);
  }

  .notification-wrapped {
    width: 100%;
    max-width: 100%;
    padding-left: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .notification-card {
    width: 90%;
  }

  .tittle-notification {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-xl);
  }

  .subtittle-notification {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-s);
    text-align: center;
  }

  .toast-notification {
    width: 97%;
    display: none;
    top: 60px;
    left: 6px;
  }

  .add-email-notification {
    font-size: var(--_size---font-size-s);
  }

  .form-notification, .main-email {
    width: 100%;
  }

  .new-email {
    flex-flow: column;
  }

  .add-email-btn {
    width: 100%;
  }

  .modal-email-otp {
    display: none;
  }

  .modal-content-email-otp {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 20.37rem;
  }

  .form-email-otp, .link-email-otp {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .email-title {
    width: 100%;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .add-email-button, .delete-email-button {
    width: 100%;
  }

  .tab-bank-dates {
    display: none;
  }

  .security-wrapped {
    width: 100%;
    max-width: 100%;
    padding-left: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .security-card {
    width: 90%;
  }

  .tittle-security {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-xl);
  }

  .subtittle-security {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-s);
    text-align: center;
  }

  .toast-security {
    width: 97%;
    display: none;
    top: 60px;
    left: 6px;
  }

  .tab-security {
    display: flex;
  }

  .modal-password-validation {
    display: none;
  }

  .modal-content-password-validation {
    grid-column-gap: var(--_size---padding-xxmedium);
    grid-row-gap: var(--_size---padding-xxmedium);
    max-width: 20.37rem;
  }

  .title-modal-password {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-medium);
  }

  .password-title {
    width: 100%;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .form-password {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .form-password-validation, .link-password-validation {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .buttons-password-validation {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    width: 100%;
  }

  .change-password-button {
    width: 100%;
  }

  .mispidi-settings-wrapped {
    width: 100%;
    max-width: 100%;
    padding-left: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .settings-card {
    width: 90%;
  }

  .tittle-settings {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-xl);
  }

  .subtittle-settings {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-s);
    text-align: center;
  }

  .form-identificator {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .identificator-field {
    width: 100%;
  }

  .ref-form {
    justify-content: flex-start;
    align-items: center;
  }

  .settings-buttons {
    flex-flow: column;
  }

  .settings-back-button, .save-button {
    width: 100%;
  }

  .phone-settings {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .correo-settings {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: auto;
  }

  .instagram-settings, .x-settings {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .phone-input-settings, .email-input-settings, .instagram-input-settings {
    width: 100%;
  }

  .instagram-input-setting-copy {
    width: 8.5rem;
  }

  .modal-content-change {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .title-modal-change {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-m);
    font-weight: var(--_size---font-weight-medium);
  }

  .buttons-change {
    flex-flow: row;
    width: 100%;
  }

  .back-change-button, .change-bank-btn {
    width: 100%;
  }

  .toast-change-bank {
    width: 97%;
    display: none;
    top: 60px;
    left: 6px;
  }

  .change-password-form {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
  }

  .minds-logo, .vnet-logo, .ticketplate-logo, .parkeate-logo {
    width: 6rem;
  }

  .mil-logo {
    width: 3rem;
  }

  .cusica-logo, .enpunto-logo, .tiquemax-logo {
    width: 6rem;
  }

  .stepper {
    width: 5rem;
  }

  .stepper-container {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: center;
    align-items: center;
    width: 16.5rem;
  }

  .stepper-1, .stepper-2 {
    width: 1.5rem;
    height: 1.5rem;
  }

  .stepper-1-text, .stepper-text, .stepper-2-text {
    font-size: .62rem;
    line-height: .62rem;
  }

  .progress-bar-store {
    width: 2.07rem;
    left: 93.75px;
  }

  .total-text-store {
    text-align: center;
    width: 8rem;
  }

  .products-container {
    display: none;
  }

  .product-content {
    width: 100%;
    padding-left: .62rem;
    padding-right: .62rem;
  }

  .description-container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .description-store {
    width: auto;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
    text-align: center;
  }

  .concept-store {
    width: 15rem;
    color: var(--_color---color-gray-neutral);
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-xl);
    text-align: center;
    white-space: pre;
  }

  .amount-container-store {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .amount-store {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .back-button-store {
    left: var(--_size---padding-small);
    top: var(--_size---padding-xxmedium);
    background-color: var(--_color---color-terciary);
    border-radius: 100px;
    width: 1.5rem;
    height: 1.5rem;
    padding-top: 0;
    padding-left: 0;
  }

  .products-container-mobile {
    display: flex;
  }

  .product-content-mobile {
    width: 100%;
    padding-left: .62rem;
    padding-right: .62rem;
    display: none;
  }

  .main-product-content {
    width: 100%;
    padding-left: .62rem;
    padding-right: .62rem;
  }

  .main-product-mobile {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    flex-flow: column;
    width: 100%;
    height: 90px;
    padding-left: .62rem;
    padding-right: .62rem;
  }

  .main-wrapped-store-mobile {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    display: none;
  }

  .back-button-mobile {
    left: var(--_size---padding-small);
    top: var(--_size---padding-xxmedium);
    background-color: var(--_color---color-terciary);
    border-radius: 100px;
    width: 1.5rem;
    height: 1.5rem;
    padding-top: 0;
    padding-left: 0;
  }

  .page-wrapped-succes {
    position: relative;
  }

  .modal-bancamiga {
    display: none;
  }

  .other-bank-cta {
    font-size: var(--_size---font-size-s);
  }

  .bancamiga-content {
    width: 18rem;
  }

  .paragraph-bancamiga {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .cta-bancamiga {
    font-size: var(--_size---font-size-s);
  }

  .bank-image {
    width: 2.5rem;
  }

  .container-4, .container-5 {
    max-width: none;
  }

  .hero-donation {
    top: -84px;
  }

  .main-wrapped-donation {
    overflow: visible;
  }

  .main-image {
    box-sizing: border-box;
    aspect-ratio: auto;
    width: 100%;
    max-width: 200%;
    min-height: 100vh;
    display: none;
    overflow: clip;
  }

  .main-content-donation {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    opacity: 1;
    top: 0;
  }

  .main-heading-donation {
    font-size: var(--_size---font-size-4xl);
    line-height: var(--_size---font-size-5xl);
  }

  .main-button-donation {
    font-size: var(--_size---font-size-s);
  }

  .spidi-logo-donation {
    width: 10rem;
  }

  .fundation-container {
    opacity: 1;
    width: 22rem;
    top: 136px;
    overflow: clip;
  }

  .text-fundation-container {
    width: 18rem;
    color: var(--_color---color-secondary);
    text-align: center;
  }

  .fundation-content {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .image-71 {
    width: 3rem;
  }

  .navbar--donation {
    width: 21rem;
    padding: 0rem var(--_size---padding-xsmall) 0rem 0rem;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: static;
    top: 0;
    left: auto;
  }

  .inicio-link {
    padding-bottom: var(--_size---padding-xxsmall);
  }

  .donation-link {
    padding-top: var(--_size---padding-xxsmall);
  }

  .donation-btn {
    width: 100%;
    display: flex;
  }

  .photo-author {
    font-size: var(--_size---font-size-s);
    bottom: -7%;
    right: 3%;
  }

  .donation-container {
    padding: 2rem;
    overflow: visible;
  }

  .gradient-circle-1 {
    top: -35%;
    left: 0%;
  }

  .gradient-circle-2 {
    bottom: -132px;
    right: -42%;
  }

  .donation-content {
    flex-flow: column;
  }

  .donation-content-left {
    width: 100%;
  }

  .donation-content--right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
  }

  .title-donation {
    width: 80%;
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-5xl);
  }

  .text-donation {
    width: 70%;
  }

  .donation-card {
    padding: 1.5rem;
  }

  .text-dontaion-card {
    width: 100%;
    font-size: var(--_size---font-size-s);
    text-align: center;
    line-height: 1.3rem;
  }

  .fundation-row-1 {
    flex-flow: column;
  }

  .fundation-card-info {
    width: 100%;
    height: 500px;
  }

  .image-fundation {
    height: 10rem;
  }

  .login-bg {
    width: 90%;
    height: auto;
  }

  .text-login {
    color: var(--_color---color-secondary);
    font-size: var(--_size---font-size-s);
    line-height: 1.3rem;
  }

  .login-btn {
    width: 70%;
    font-size: var(--_size---font-size-s);
  }

  .description-fundation {
    font-size: var(--_size---font-size-2xs);
  }

  .logo-dv, .logo-aso {
    width: 2.5rem;
  }

  .logo-ftv {
    width: 4rem;
  }

  .image-76 {
    top: 1px;
  }

  .image-77 {
    object-fit: fill;
  }

  .image-78 {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: auto;
  }

  .main-image-mobile {
    opacity: 1;
    width: 100%;
    height: 64rem;
    display: block;
    position: absolute;
    top: auto;
  }

  .paragraph-fundation {
    text-align: left;
  }

  .bold-text-5 {
    font-size: var(--_size---font-size-4xl);
  }

  .scrolll-section {
    padding: 2rem;
  }

  .sticky-wrapped {
    flex-flow: column;
  }

  .sticky-wrapper {
    grid-column-gap: 7.6rem;
    grid-row-gap: 7.6rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 115vh;
    padding-top: 2rem;
  }

  .iphone-container {
    width: 100%;
  }

  .iphone {
    width: 80%;
  }

  .screen-1 {
    width: 72%;
  }

  .text-container {
    flex-flow: column;
    width: 100%;
  }

  .text-1, .text-2, .text-3 {
    justify-content: center;
    align-items: center;
  }

  .gradient-circle-3 {
    top: 0%;
    left: 0%;
  }

  .gradient-circle-4 {
    bottom: -65px;
    right: -16%;
  }

  .screen-2, .screen-3 {
    width: 72%;
  }

  .scroll-section {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 2rem;
    overflow: clip;
  }

  .modal-success {
    display: none;
  }

  .modal-content-success {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    max-width: 20.37rem;
    height: 20rem;
    display: flex;
  }

  .success-message {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    width: 15.5rem;
    height: auto;
  }

  .title-modal-success {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .paragraph-success {
    width: 100%;
    font-size: var(--_size---font-size-s);
  }

  .flag {
    font-size: 2.5em;
    line-height: var(--_size---font-size-4xl);
  }

  .circle-glass-texture {
    width: 40rem;
    height: 40rem;
    bottom: -131%;
  }

  .fundation-web, .fundation-social-media {
    width: 2.5rem;
    height: 2.5rem;
  }

  .social-web-container {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .illustration-split {
    display: none;
  }

  .instagram-icon, .web-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .imagen-split-mobile {
    border-radius: .5rem;
    display: block;
  }

  .section-video {
    background-color: var(--_color---color-focus);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 100vh;
    display: none;
  }

  .background-video {
    width: 100%;
    height: auto;
    min-height: 100vh;
  }

  .text-content-expired {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .heading-expired {
    font-size: var(--_size---font-size-2xl);
    line-height: var(--_size---font-size-4xl);
  }

  .paragraph-expired {
    width: 20rem;
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
  }

  .guacamaya {
    width: 45%;
  }

  .logo-blanco {
    width: 70%;
  }

  .button-expired {
    width: 100%;
  }

  .footer-text {
    text-align: center;
  }

  .modal-donar {
    display: none;
  }

  .modal-content-donar {
    width: 80%;
    max-width: 100%;
    padding: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    display: flex;
  }

  .image-donar {
    display: none;
  }

  .title-modal-donar {
    font-size: var(--_size---font-size-xl);
    line-height: var(--_size---font-size-2xl);
  }

  .modal-text-donar {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    inset: 17% 0% auto;
  }

  .spidi-logo-dark {
    width: 40%;
  }

  .text-donar {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-m);
  }

  .modal-button-donar {
    width: 10rem;
    font-size: var(--_size---font-size-2xs);
  }

  .close-icon-donar {
    top: var(--_size---padding-medium);
    right: var(--_size---padding-medium);
    width: 24px;
    height: 24px;
  }

  .modal-container-fundations {
    opacity: 1;
    width: 15rem;
    top: 136px;
    overflow: clip;
  }

  .text-modal-fundation {
    width: 18rem;
    color: var(--_color---color-secondary);
    text-align: center;
  }

  .modal-fundation-content {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .image-83 {
    display: block;
  }

  .image-donar-mobile {
    aspect-ratio: auto;
    object-fit: fill;
    border-radius: 1rem;
    width: 95%;
    display: block;
  }

  .image-banner-mobile {
    border-radius: 1rem;
    display: block;
  }

  .modal-content-select {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .buttons-select {
    flex-flow: row;
    width: 100%;
  }

  .select-bank-btn, .back-select-button {
    width: 100%;
  }

  .select-bank-modal {
    width: 18rem;
  }

  .cta-fundation {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .foundation-text {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-2xl);
  }

  .check-modal-success {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding-left: 15px;
  }

  .check-text {
    font-size: var(--_size---font-size-3xs);
    line-height: .9rem;
  }

  .toast-mail, .toast-owner {
    width: 95%;
    display: none;
    top: 7px;
    left: auto;
  }

  .modal-midnight {
    display: none;
  }

  .paragraph-midnight {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-m);
  }

  .midnight-content {
    width: 18rem;
  }

  .midnight-cta, .cta-midnight {
    font-size: var(--_size---font-size-s);
  }

  .menu-store {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-store:hover {
    background-color: var(--_color---color-focus);
  }

  .menu-store.admin {
    display: none;
  }

  .spidi-store-content {
    width: 100%;
    max-width: none;
    padding-left: var(--_size---padding-xxmedium);
    justify-content: flex-start;
    align-items: center;
  }

  .spidi-store-button {
    width: 10rem;
    height: 2.5rem;
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
    background-position: 8%;
    background-size: 18px 18px;
    justify-content: center;
    align-items: center;
    padding: .62rem .62rem .62rem 2rem;
  }

  .menu-store-active {
    height: var(--_size---padding-large);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    background-color: var(--_color---color-terciary);
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .menu-store-active:hover {
    background-color: var(--_color---color-focus);
  }

  .label-pago-movil {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .modal-pago-movil {
    display: none;
  }

  .modal-content-pago-movil {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    max-width: 20.37rem;
    display: flex;
  }

  .pago-movil-content {
    width: 18rem;
  }

  .paragraph-pago-movil {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
  }

  .pago-movil-btn {
    font-size: var(--_size---font-size-s);
  }

  .pago-movil-info {
    width: 100%;
  }

  .rif-pago-movil {
    font-size: var(--_size---font-size-s);
  }

  .content-amount {
    justify-content: space-between;
    align-items: flex-start;
  }

  .span-monto {
    font-size: var(--_size---font-size-2xs);
  }

  .btn-wrapper-pago-movil {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
  }

  .btn-copy, .qr-btn {
    width: 100%;
    font-size: var(--_size---font-size-s);
    background-position: 25%;
    background-size: .87rem .87rem;
  }

  .qr-container {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .qr-pago-movil {
    width: 75%;
  }

  .transport-content {
    padding-bottom: var(--_size---padding-small);
    border-bottom: 1px dashed var(--_color---color-secondary);
  }

  .toast-transport.is-done {
    background-color: var(--_color---color-bg-error-soft);
    display: none;
  }

  .title-transport-info.is-done {
    color: var(--_color---color-dark-red);
  }

  .swipe-track {
    background-color: var(--_color---color-disabled);
    border-radius: 100px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 3.25rem;
    display: flex;
    position: relative;
    box-shadow: inset 0 4px 4px #65656540;
  }

  .swipe-btn {
    background-color: var(--_color---color-primary);
    background-image: url('../images/arrow-right-icon.svg'), linear-gradient(137deg, var(--_color---color-terciary), var(--_color---color-primary) 50%, var(--_color---color-contrast));
    cursor: grab;
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: auto, auto;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 2.62rem;
    height: 2.62rem;
    display: flex;
    position: absolute;
    inset: 9% auto 0% 2%;
    box-shadow: 0 4px 5px #00000026;
  }

  .modal-transport {
    display: none;
  }

  .modal-content-transport {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    max-width: 20.37rem;
  }

  .title-modal-transport {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    font-weight: var(--_size---font-weight-medium);
  }

  .buttons-transport {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    width: 100%;
  }

  .product-button {
    width: 100%;
  }

  .qr-button {
    background-color: var(--_color---color-terciary);
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: 14px;
    font-weight: var(--_size---font-weight-medium);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .code-content {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .code-transport {
    font-family: var(--_size---font-body);
    color: var(--_color---color-gray-dark);
    padding-right: 0;
    font-size: 5rem;
    line-height: 5.5rem;
  }

  .color-content {
    border-left: 1px solid var(--_color---color-secondary);
    padding-left: 1rem;
  }

  .color {
    background-color: #fcee21;
    border-radius: .4rem;
    width: 3.75rem;
    height: 3.75rem;
  }

  .code-block {
    padding-right: 1rem;
  }

  .date-hours-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .profile-transport-info {
    background-color: var(--_color---color-focus);
    border-radius: .62rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 1rem;
    display: flex;
  }

  .user-transport-background {
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    display: flex;
    position: static;
  }

  .transport-image {
    width: 3.8rem;
    height: 3.8rem;
  }

  .qr-code-content {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .close-button {
    width: 100%;
  }

  .toast-transport-done.is-done {
    background-color: var(--_color---color-bg-error-soft);
    display: none;
  }

  .back-button-transport {
    background-color: var(--_color---color-terciary);
    font-family: var(--_size---font-body);
    color: var(--_color---color-secondary);
    font-size: 14px;
    font-weight: var(--_size---font-weight-medium);
    justify-content: center;
    align-items: center;
    display: none;
  }

  .export-type-copy {
    justify-content: center;
    align-items: flex-start;
  }

  .checkbox-label, .column-text, .fixed-field {
    font-size: var(--_size---font-size-2xs);
  }

  .right-container-notice {
    width: 20.4rem;
    display: flex;
  }

  .notice-action, .notice-action-pressed {
    width: 20.4rem;
  }

  .store-wrapped {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-left: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    justify-content: flex-start;
    align-items: center;
  }

  .store-table-mobile {
    width: 100%;
    padding-right: var(--_size---padding-small);
    padding-left: var(--_size---padding-small);
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: 0 366px 102px #00464900, 0 234px 94px #00464900, 0 132px 79px #00464905, 0 59px 59px #00464908, 0 15px 32px #00464908;
  }

  .store-table {
    display: none;
  }

  .empty-state-store {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: none;
  }

  .thead-store-mobile {
    width: 100%;
    height: 2.18rem;
    padding-right: var(--_size---padding-xsmall);
    padding-left: var(--_size---padding-xsmall);
    background-color: var(--_color---color-terciary);
    border-radius: .15rem .15rem 0 0;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .store-table-container {
    width: 100%;
    display: none;
  }

  .heading-store-container {
    font-size: 1.5em;
    line-height: var(--_size---font-size-4xl);
  }

  .store-title {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
  }

  .store-description {
    font-size: var(--_size---font-size-2xs);
  }

  .card-store-creation {
    width: 21.5rem;
    padding-top: var(--_size---padding-small);
    padding-bottom: var(--_size---padding-xmedium);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .options-store-creation {
    width: 100%;
    padding-right: var(--_size---padding-0);
    padding-left: var(--_size---padding-0);
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
    justify-content: space-between;
    align-items: flex-start;
    overflow: visible;
  }

  .form-store-creation {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    display: flex;
  }

  .added-store {
    width: 10rem;
    padding-right: var(--_size---padding-0);
    padding-left: var(--_size---padding-small);
    text-align: right;
    justify-content: center;
    align-items: center;
  }

  .added-store-active {
    justify-content: flex-start;
    align-items: center;
    width: 10rem;
    padding-bottom: 1.6rem;
    display: none;
  }

  .header-add-store {
    padding-right: var(--_size---padding-large);
    padding-bottom: var(--_size---padding-small);
    padding-left: var(--_size---padding-large);
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .user-store-content {
    padding-bottom: var(--_size---padding-0);
  }

  .store-user-icon {
    width: 3.12rem;
  }

  .link-store {
    display: none;
  }

  .link-store.w--current {
    display: flex;
  }

  .form-store-product {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .form-store-dates {
    justify-content: flex-start;
    align-items: center;
  }

  .input-store-creation {
    width: 100%;
    height: 2.8rem;
  }

  .input-request-copy {
    width: 19rem;
    height: 2.8rem;
  }

  .description-store-creation {
    font-size: var(--_size---font-size-s);
  }

  .monto-input, .input-monto, .select-identificator, .add-product-btn {
    width: 100%;
  }

  .identifier-item {
    justify-content: space-between;
    align-items: flex-start;
  }

  .form-store-identifier {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .store-creation-buttons {
    flex-flow: column;
  }

  .store-back-button, .store-creation-button {
    width: 100%;
  }

  .added-store-creation {
    padding-right: var(--_size---padding-0);
    padding-left: var(--_size---padding-0);
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
    align-items: center;
    display: none;
  }

  .store-preview-container {
    padding-left: 0;
    padding-right: 0;
  }

  .request-back-button-copy, .store-next-button-copy {
    width: 18rem;
  }

  .store-next-button {
    width: 100%;
  }

  .store-created-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    width: 100%;
  }

  .store-title-created {
    text-align: center;
  }

  .store-description-created {
    font-size: var(--_size---font-size-s);
    text-align: center;
  }

  .store-dates-created {
    width: 100%;
  }

  .product-created {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    width: 100%;
  }

  .title-product-created, .description-product-created {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
  }

  .product-amount-created {
    width: 100%;
  }

  .amount-product-created {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dates-amount-container {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .identifier-created {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .identifier-store-created {
    text-align: center;
  }

  .identifier-created-container {
    justify-content: center;
    align-items: center;
  }

  .toast-delete-product, .toast-delete-store {
    width: 95%;
    display: none;
    top: 7px;
    left: auto;
  }

  .input-identifier {
    width: 100%;
  }

  .empty-state-store-content {
    justify-content: center;
    align-items: flex-start;
    padding-left: 2.5rem;
    display: flex;
  }

  .empty-state-store-content.mobile {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .steps-icon {
    width: 12%;
  }

  .step-description {
    color: var(--_color---color-gray-dark);
  }

  .create-store-button {
    width: 100%;
  }

  .current-count {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
  }

  .validation-info {
    width: 17.81rem;
  }

  .buttons-validation {
    grid-column-gap: .87rem;
    grid-row-gap: .87rem;
    flex-flow: column;
    width: 17.81rem;
  }

  .negative-validation-btn, .positive-validation-btn {
    width: 17.81rem;
  }

  .lottie-animation2 {
    display: flex;
  }

  .negative-form-validation {
    display: none;
  }

  .text-transaction-validation.pago-movil {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-2xl);
    text-align: center;
    display: none;
  }

  .item-description {
    width: 12rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    text-align: center;
  }

  .user-unregistered-id {
    font-size: var(--_size---font-size-2xs);
    line-height: var(--_size---font-size-2xs);
  }

  .item-description-copy {
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    text-align: center;
  }

  .due-date {
    width: 12rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    text-align: center;
  }

  .tax-view {
    text-align: center;
  }

  .parada-btn {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .detail-list-stop {
    width: 100%;
  }

  .total-amount-store, .modal-filter-admin {
    display: none;
  }

  .filter-content-admin {
    grid-column-gap: var(--_size---padding-medium);
    grid-row-gap: var(--_size---padding-medium);
    width: 90%;
    max-width: 100%;
  }

  .filter-header-main {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .status-input {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .select-status {
    width: 9.5rem;
  }

  .buttons-filter-admin {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .text-input {
    width: 9.5rem;
  }

  .text-input-container, .text-input-left, .text-input-right, .from-input-admin, .to-input-admin {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .transaction-filters-admin {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    display: none;
  }

  .search-button-admin {
    width: 12.5rem;
  }

  .transaction-filters-mobile-admin {
    grid-column-gap: var(--_size---padding-tiny);
    grid-row-gap: var(--_size---padding-tiny);
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    max-width: none;
    height: auto;
    padding-right: .5rem;
    display: flex;
  }

  .form-container-validation {
    flex-flow: column;
  }

  .form-medium-container {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .form-medium-reference {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    display: none;
  }

  .form-medium-pago-movil {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
  }

  .from-btn-main {
    width: 18rem;
  }

  .from-btn-main.date_start {
    width: 100%;
  }

  .to-btn-main {
    justify-content: center;
    align-items: flex-start;
    width: 18rem;
  }

  .to-btn-main.date_end, .from-input-main, .to-input-main {
    width: 100%;
  }

  .div-block-41 {
    display: none;
  }

  .confirmation-wrapped-stop {
    grid-column-gap: var(--_size---padding-xmedium);
    grid-row-gap: var(--_size---padding-xmedium);
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    display: none;
  }

  .title-amount-stop {
    width: 18rem;
    font-size: var(--_size---font-size-s);
    line-height: var(--_size---font-size-s);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .items-list-stop {
    grid-column-gap: var(--_size---padding-small);
    grid-row-gap: var(--_size---padding-small);
  }

  .item-content-stop {
    width: 17.81rem;
    height: 3.75rem;
  }

  .total-text-stop {
    width: 8rem;
  }

  .btn-pay-stop {
    font-size: var(--_size---font-size-m);
    line-height: var(--_size---font-size-m);
  }

  .transaction-table-stop, .qa-enviroment {
    display: none;
  }

  .form-bank-pago-movil {
    grid-column-gap: var(--_size---padding-xsmall);
    grid-row-gap: var(--_size---padding-xsmall);
    width: 100%;
  }

  .spidi-logo-pre {
    display: block;
    position: relative;
  }

  .image-88 {
    position: absolute;
  }

  .blur-pre {
    width: 35%;
    display: block;
    position: absolute;
    inset: -19px auto auto;
  }

  .company-name {
    width: 17.81rem;
  }

  .from-btn-request {
    width: 18rem;
  }

  .from-btn-request.date_start {
    width: 9.5rem;
  }

  .to-btn-request {
    justify-content: center;
    align-items: flex-start;
    width: 18rem;
  }

  .to-btn-request.date_end {
    width: 9.5rem;
  }

  .other-amount-validation-btn {
    width: 17.81rem;
  }

  .other-amount-result {
    width: 17.81rem;
    display: none;
  }

  .retry-amount-label {
    font-size: var(--_size---font-size-s);
  }

  .buttons-validation-row {
    grid-column-gap: .87rem;
    grid-row-gap: .87rem;
    flex-direction: column;
    align-items: center;
  }

  .select-container {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .lottie-spinner {
    display: none;
  }

  .container-6 {
    margin-left: 0;
    margin-right: auto;
  }
}

#w-node-d1bf6477-2fbc-0477-f582-c678c72c57c7-7e5cb0a1, #w-node-_22e7bfa5-742c-c7f6-0b5d-24750d2e1d70-7e5cb0a1 {
  place-self: center;
}

#w-node-_24e29fa8-ed22-ee17-d8ad-106d0587faf0-7e5cb0a1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_29bfed80-e68c-6d39-3205-09602b594ac3-7e5cb0a1, #w-node-_77314d16-6608-8d4d-441c-5464c39142ec-7e5cb0a1, #w-node-_1e0c17f7-99dc-f5bc-80fe-e109ad722d46-7e5cb0a1, #w-node-cf30cfb6-69f7-8d80-3f51-e9baa4731c63-7e5cb0a1, #w-node-_834d3e90-3f6e-e8be-18ad-3e7569dece42-7e5cb0a1 {
  place-self: center;
}