:root {
  --white: white;
  --aquamarine-600: #17ba92;
  --blue-600: #371f80;
  --violeta-500: #4527a0;
  --aquamarine-500: #1de9b6;
  --dark-gray: #231f20;
  --eef1f0: #eef1f0;
  --light-grey: #cacaca;
  --black: #4527a0;
  --dark-slate-grey-900: #062f24;
  --icon-number: #402e9a;
  --light-violet: #6a52b3;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.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;
  }
}

.section-nav {
  z-index: 9998;
  background-color: var(--white);
  text-align: center;
  width: 100%;
  height: auto;
  font-family: Nunito, sans-serif;
  position: fixed;
  box-shadow: 0 1px 3px #1a253a3d;
}

.container {
  z-index: 1;
  text-align: center;
  width: 100%;
  max-width: 1116px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
  position: relative;
}

.container.header {
  padding-top: 72px;
  padding-bottom: 72px;
  position: relative;
}

.container.reader {
  position: relative;
  top: 24px;
}

.container.app {
  z-index: 9997;
  position: relative;
}

.container.legales {
  text-align: left;
  max-width: 900px;
}

.container.material {
  z-index: 9996;
}

.container.features-cd2-container {
  display: flex;
}

.navbar {
  background-color: var(--white);
  justify-content: flex-start;
  align-items: center;
}

.nav-item {
  color: #4527a0;
  cursor: pointer;
  padding: 10px 10px 10px 6px;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  transition: all .2s ease-in-out;
  overflow: visible;
}

.nav-item:hover {
  color: var(--aquamarine-600);
  transform: translate(0, -3px);
}

.nav-item:focus, .nav-item.w--current {
  color: #51a48f;
  transform: translate(0, -3px);
}

.nav-item.signin {
  border: 1px solid #4527a0;
  border-radius: 20px;
  margin-left: 32px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Avenir next;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition-duration: .2s;
}

.nav-item.signin:hover {
  background-color: var(--aquamarine-600);
  color: #fff;
  border-color: #51a48f;
}

.nav-item.home {
  display: none;
}

.nav-item.home-c {
  font-family: Montserrat, sans-serif;
  display: none;
}

.nav-item.login {
  border: 1px solid #4527a0;
  border-radius: 20px;
  margin-left: 16px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Avenir next;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  position: static;
}

.nav-item.login:hover {
  border-color: var(--aquamarine-600);
  background-color: var(--aquamarine-600);
  color: #fff;
}

.nav-item.nav-item__toggle {
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 10px;
  display: flex;
}

.nav-item.none {
  display: none;
}

.nav-menu {
  float: right;
  padding-top: 14px;
  padding-bottom: 12px;
  display: flex;
}

.brand {
  margin-right: 48px;
}

.contact-container {
  float: right;
  text-align: right;
  padding-top: 2px;
  padding-bottom: 2px;
}

.section-header {
  z-index: 9995;
  background-image: url('../images/imagen-header.jpg'), linear-gradient(103deg, #1f132db3, #0806064d 80%);
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  background-attachment: scroll, scroll;
  padding-bottom: 100px;
  position: relative;
}

.section-header.mt-0.hero-home {
  background-image: url('../images/Lineas-de-color.png'), linear-gradient(#fff, #fff);
  background-position: 110%, 0 0;
  background-size: contain, auto;
  height: 600px;
  padding-top: 136px;
  padding-bottom: 136px;
}

.title-header {
  color: #4527a0;
  text-align: left;
  margin-top: 0;
  margin-bottom: 32px;
  margin-right: 0;
  padding-right: 0;
  font-family: Nunito, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 51px;
  display: block;
}

.title-header.t-cuenta-digital {
  display: block;
}

.button {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  background-color: var(--violeta-500);
  color: #fff;
  cursor: pointer;
  object-fit: fill;
  border-radius: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 32px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.button:hover {
  background-color: var(--aquamarine-600);
}

.button.header {
  background-color: #4527a0;
  border-radius: 3020px;
  margin-top: 18px;
  padding-left: 32px;
  padding-right: 32px;
  font-size: 24px;
  line-height: 24px;
  display: inline-block;
}

.button.header:hover {
  background-color: var(--aquamarine-600);
  color: #fff;
  box-shadow: 6px 6px 16px #16080b4d;
}

.button.outline {
  float: right;
  color: #51a48f;
  text-align: center;
  background-color: #0000;
  border: 1px solid #51a48f;
}

.button.outline:hover {
  color: #fff;
  background-color: #51a48f;
  border-color: #265e62;
}

.button.green {
  background-color: var(--aquamarine-500);
}

.button.green:hover {
  background-color: var(--aquamarine-600);
}

.button.slider-button {
  margin-top: 0;
  padding-left: 46px;
  padding-right: 46px;
  font-size: 20px;
  line-height: 20px;
  display: inline-block;
}

.button.slider-button.boton-premia {
  padding-left: 46px;
  display: inline-block;
}

.button.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.button.btn-cd {
  text-align: center;
  width: 100%;
  margin-top: 0;
  font-size: 12px;
  line-height: 12px;
}

.button.button_tiendanube {
  margin-top: 10px;
  margin-left: 10px;
}

.button.button-cs {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 210px;
  display: flex;
}

.button.button-max {
  width: 100%;
  max-width: 213px;
  padding-left: 60px;
  padding-right: 60px;
}

.button.tab-button {
  margin-top: 0;
  font-weight: 400;
  line-height: 20px;
}

.container-circle {
  background-color: #fff;
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 40px;
  display: flex;
  box-shadow: 0 4px 8px #1a253a33;
}

.container-circle.app {
  border-radius: 4px;
  width: 400px;
  height: 300px;
  margin: 16px 24px;
}

.container-circle.center {
  background-color: #fff;
  flex-direction: row;
  width: 64px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.number-steps {
  color: var(--violeta-500);
  text-align: center;
  margin-top: 0;
  margin-bottom: -3px;
  font-family: Avenir next;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}

.subtitle {
  color: #4527a0;
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

.subtitle.white {
  color: #fff;
}

.subtitle.white.p-4 {
  margin-top: -20px;
  margin-bottom: 4px;
}

.subtitle.p8.center.switch-text {
  margin-top: -66px;
}

.subtitle.center {
  text-align: center;
}

.subtitle.center.box-title {
  margin-bottom: 16px;
  font-size: 22px;
  line-height: 25px;
}

.subtitle.hero-subtitle {
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 28px;
}

.subtitle.text-20 {
  font-size: 20px;
  line-height: 24px;
}

.parragraph {
  color: var(--dark-gray);
  text-align: left;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  overflow: visible;
}

.parragraph.white {
  color: var(--white);
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
}

.parragraph.white.center {
  text-align: center;
  margin-bottom: 0;
  padding-left: 26px;
  padding-right: 26px;
}

.parragraph.small {
  text-align: left;
  font-size: 14px;
  line-height: 18px;
}

.parragraph.center {
  text-align: center;
  flex: 1;
}

.parragraph.legales {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
}

.parragraph.t-18 {
  font-size: 18px;
}

.parragraph.beneficios-subtitle {
  text-align: center;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 17px;
}

.parragraph.light {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.column {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.section-contact {
  z-index: 9995;
  background-color: #fff;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
  position: relative;
}

.title {
  color: var(--violeta-500);
  text-align: center;
  align-self: auto;
  margin: 0 0 32px;
  font-family: Nunito, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  display: block;
}

.title.center {
  color: #4527a0;
  text-align: center;
  font-family: Nunito, sans-serif;
  font-weight: 700;
}

.title.center.green {
  color: var(--aquamarine-500);
}

.title.green {
  color: var(--aquamarine-500);
  text-align: center;
}

.title.green.app, .title.left {
  text-align: left;
}

.title.left.t-black, .title.t-black {
  font-weight: 900;
}

.title.t-black.left.big-title {
  margin-bottom: 0;
  font-size: 48px;
  line-height: 58px;
}

.title.get-app__title {
  text-align: center;
}

.title.costs-title {
  text-align: center;
  margin-bottom: 64px;
}

.box-block {
  background-color: var(--white);
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 250px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 40px 24px;
  display: flex;
}

.box-block.feature-item {
  flex-direction: column;
  justify-content: space-between;
  width: 347px;
  height: 90%;
  position: relative;
}

.box-block.feature-item:hover {
  box-shadow: 1px 1px 8px -1px #000000ab;
}

.swiper-slide {
  margin-top: 0;
  font-family: Nunito, sans-serif;
  text-decoration: none;
  display: flex;
  position: relative;
}

.column-4 {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}

.item-footer {
  color: #fff;
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
}

.item-footer:hover {
  color: var(--aquamarine-500);
}

.column-footer {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.column-5, .column-6 {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}

.legal-footer {
  text-align: left;
}

.legal-footer.web {
  border-top: 1px solid var(--eef1f0);
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  padding-top: 16px;
  display: flex;
}

.copyright {
  color: #fff;
  font-family: Nunito, sans-serif;
  font-weight: 400;
  display: inline-block;
}

.body {
  background-color: var(--eef1f0);
  font-family: Nunito, sans-serif;
}

.subtitle-small {
  color: var(--blue-600);
  text-align: left;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.section-top {
  color: #265e62;
  height: 64px;
  display: block;
  position: relative;
}

.wrap-container {
  z-index: 9999;
  background-color: #231f2099;
  display: block;
  position: fixed;
  inset: 0;
}

.container-prices {
  background-color: #fff;
  border-radius: 16px;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 48px 40px;
  display: block;
  position: relative;
  top: 10%;
}

.table-two {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #cacaca;
  border-radius: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.cell-style {
  border-bottom: 1px solid #cacaca;
  padding-top: 9px;
  padding-bottom: 9px;
}

.cell-style.last {
  border-bottom-width: 0;
}

.cell-style.center {
  border-right: 1px solid var(--light-grey);
  border-left: 1px solid var(--light-grey);
}

.cell-style.right {
  border-right: 1px solid var(--light-grey);
  border-right: 1px solid #cacaca;
}

.table-three {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #cacaca;
  border-radius: 8px;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.table {
  border: 1px solid var(--light-grey);
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 8px;
}

.space-small {
  z-index: -1;
  height: 40px;
  position: relative;
}

.close {
  cursor: pointer;
  padding: 4px;
  position: absolute;
  top: 24px;
  right: 24px;
}

.logo-white.w--current {
  float: right;
}

.section-reader {
  z-index: 9996;
  background-color: #fff;
  padding-top: 112px;
  padding-bottom: 40px;
  display: none;
  position: relative;
}

.section-footer {
  background-color: var(--dark-gray);
  padding-top: 96px;
  padding-bottom: 48px;
  font-family: Nunito, sans-serif;
}

.section-howtoworks {
  background-image: linear-gradient(to bottom, var(--violeta-500), var(--violeta-500)), url('../images/Imagen-Section-Howtoworks.png');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 74px;
  padding-bottom: 74px;
  position: relative;
}

.container-nav {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: block;
  position: static;
}

.image-6 {
  width: 120px;
  padding-top: 8px;
}

.loading {
  z-index: 9999;
  background-color: var(--eef1f0);
  display: none;
  position: fixed;
  inset: 0;
}

.box {
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  padding: 34px 20px;
  box-shadow: 0 2px 4px #231f2033;
}

.box.kit {
  align-items: center;
  width: 100%;
  height: 130px;
  padding: 24px 48px 24px 40px;
  display: flex;
  position: relative;
}

.box.kit.box-benefits {
  height: 130px;
  padding-bottom: 25px;
  padding-right: 60px;
  display: flex;
}

.box.comisiones {
  justify-content: space-between;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
  display: block;
}

.box.materialcomercios {
  text-align: center;
  flex-direction: column;
  align-items: center;
  height: 100%;
  display: flex;
}

.box.banner-btn-pago {
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  margin: 100px auto 60px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.box.box-cd {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 410px;
  display: flex;
}

.box.center {
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.box.box-benefits {
  max-width: 510px;
  height: 100%;
  padding: 25px 25px 35px 35px;
}

.item-benefits {
  align-items: center;
  width: 85%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.sub-subtitle {
  color: var(--violeta-500);
  text-align: left;
  margin-bottom: 16px;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.sub-subtitle.p-8 {
  color: #4527a0;
  margin-bottom: 8px;
  font-family: Nunito, sans-serif;
  font-weight: 700;
}

.sub-subtitle.p-8.center {
  color: #4527a0;
}

.sub-subtitle.p-8.center.black, .sub-subtitle.p-8.black {
  color: var(--dark-gray);
}

.sub-subtitle.center {
  text-align: center;
}

.sub-subtitle.white {
  color: var(--white);
  text-align: center;
  font-size: 20px;
}

.sub-subtitle.faq {
  color: var(--aquamarine-500);
  text-transform: uppercase;
  font-size: 16px;
}

.sub-subtitle.mb-8 {
  margin-bottom: 8px;
}

.section-wallet {
  padding-top: 80px;
  padding-bottom: 56px;
}

.section-wallet.app {
  z-index: 9996;
  background-color: #e5ebe9;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section-wallet.comision {
  z-index: 9997;
  background-color: #e5ebe9;
  padding-top: 80px;
  position: relative;
}

.section-wallet.dashboard {
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
  position: relative;
}

.section-wallet.faq {
  background-color: var(--violeta-500);
  padding-top: 80px;
  position: relative;
}

.image-9 {
  text-align: center;
  width: 90%;
  margin-top: 40px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 15px;
  line-height: 22px;
  position: relative;
}

.image-9.reader {
  width: 100%;
  margin-bottom: 60px;
  margin-right: 0;
  position: absolute;
  inset: auto 0% -10% 50%;
  transform: translate(-50%);
}

.image-9.reader.cards {
  width: 60%;
  bottom: -7%;
}

.magicpos {
  z-index: 20;
  align-items: stretch;
  display: flex;
  position: relative;
}

.list {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.item-reader {
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.image-10 {
  width: 53px;
  margin-bottom: 0;
  margin-right: 24px;
}

.column-16 {
  padding-left: 30px;
  padding-right: 30px;
}

.column-17 {
  margin-bottom: 70px;
  padding-left: 30px;
  padding-right: 30px;
  bottom: 0;
}

.image-11 {
  margin-right: 16px;
  overflow: visible;
}

.section-kit {
  z-index: 9997;
  margin-bottom: 48px;
  display: none;
  position: relative;
}

.image-12 {
  max-width: 900px;
  margin-bottom: -15px;
  margin-left: 26px;
  padding: 0;
  position: absolute;
  inset: 147px -32% 13px 824px;
  overflow: visible;
}

.column-18 {
  padding-left: 0;
  padding-right: 0;
}

.circle-arrows {
  background-color: var(--aquamarine-600);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding-left: 4px;
  display: flex;
  position: absolute;
  inset: 50% -20px 0% auto;
  transform: translate(0, -50%);
}

.column-19 {
  text-align: left;
  margin-top: 40px;
}

.text-block {
  font-family: Nunito, sans-serif;
  display: inline;
}

.text-block._w-icon {
  padding-right: 0;
}

.section-benefits {
  z-index: 9995;
  background-color: #edf1f0;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.form {
  text-align: left;
}

.column-20 {
  padding-left: 0;
  padding-right: 32px;
}

.input {
  border: 1px solid var(--light-grey);
  border-radius: 8px;
  height: 56px;
  margin-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
}

.input.textarea {
  height: 88px;
  padding-top: 12px;
}

.input.textarea.mensajepadding {
  margin-top: 20px;
  margin-bottom: 0;
}

.input.email {
  margin-right: 24px;
}

.columns-9 {
  align-items: center;
  margin-top: 56px;
}

.div-block-13 {
  display: flex;
}

.image-13 {
  position: relative;
  right: 40px;
  box-shadow: 0 7px 9px -1px #0000002e;
}

.image-16 {
  width: 350px;
  max-width: 400px;
  margin-left: -16px;
  margin-right: 0;
  padding-left: 0;
  inset: -153% auto auto 0%;
}

.image-17 {
  max-width: 480px;
  position: absolute;
  bottom: auto;
  left: 0%;
  right: auto;
}

.list-2 {
  padding-left: 0;
  list-style-type: none;
}

.item-contact {
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.contact-content {
  margin-left: 24px;
}

.column-30 {
  margin-top: 40px;
}

.columns-14 {
  z-index: 9997;
  position: relative;
}

.hidden-mask {
  overflow: hidden;
}

.columns-15 {
  height: auto;
  padding-left: 10px;
  display: flex;
}

.image-22 {
  max-width: 500%;
  margin-top: -10px;
  margin-bottom: 0;
  display: inline-block;
}

.col-tyc {
  width: 100%;
}

.col-tyc-item {
  padding-left: 0;
}

.success-message {
  background-color: #265e62;
}

.text-block-2 {
  color: #fff;
  font-family: Avenir next;
  font-size: 16px;
  font-weight: 500;
}

.text-block-3 {
  color: #af272f;
  font-family: Avenir next;
  font-size: 16px;
  font-weight: 500;
}

.image-27 {
  padding-right: 0;
}

.image-9-absolute {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 15px;
  line-height: 22px;
  transform: translate(-50%);
}

.table-2 {
  border: 1px solid #cacaca;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 32px;
}

.table-2.table-two {
  grid-template-rows: auto auto auto auto auto;
  margin-left: auto;
  margin-right: auto;
}

.subtitle-tabla {
  color: var(--aquamarine-600);
  text-align: center;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.info-tabla {
  color: #231f20;
  text-align: center;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.link {
  color: var(--violeta-500);
  font-weight: 500;
  text-decoration: none;
}

.bold-text {
  font-weight: 700;
}

.circulo {
  position: absolute;
}

.circulo.top-right {
  max-width: 200%;
  inset: 0% 0% auto auto;
}

.circulo.bottom-left {
  z-index: 10;
  max-width: 200%;
  inset: auto auto 0% 0%;
}

.columns-20 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.column-34 {
  text-align: left;
}

.columns-21 {
  align-items: flex-start;
  margin-top: -60px;
  display: flex;
}

.column-35 {
  top: 72px;
  left: -64px;
}

.column-38 {
  flex-direction: column;
  display: flex;
}

.title-faq {
  background-color: var(--blue-600);
  object-fit: fill;
  border-radius: 20px;
  max-width: 960px;
  margin: 12px auto;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  position: static;
  overflow: visible;
}

.dropdown {
  width: 100%;
}

.dropdown:hover {
  border-radius: 16px;
}

.dropdown-toggle {
  color: var(--white);
  border-bottom: 1px solid #ddd3;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  font-family: Nunito, sans-serif;
  font-weight: 600;
  transition: all .1s;
  display: flex;
}

.dropdown-toggle:hover {
  color: var(--aquamarine-500);
}

.dropdown-toggle.w--open {
  background-color: var(--white);
  color: var(--violeta-500);
  border-bottom-color: #00b9ad00;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  flex-flow: column;
  width: 100%;
  max-width: 1080px;
  padding-left: 24px;
  display: block;
}

.dropdown-toggle.last {
  border-bottom-color: #ddd0;
}

.subtitle-documents {
  text-align: left;
  align-items: center;
  padding-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  display: flex;
}

.dropdown-list {
  background-color: #c7b1b1;
  transition: opacity .2s;
}

.dropdown-list.w--open {
  background-color: var(--white);
  border-bottom: 1px solid #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-flow: column;
  width: 100%;
  margin-top: 0;
  padding: 0 24px 16px;
  display: block;
  position: relative;
  top: 0;
  overflow: hidden;
}

.parragraph-documents {
  color: #333;
  text-align: left;
  column-count: 1;
  column-rule-style: none;
  column-rule-width: 0px;
  column-gap: 32px;
  margin-bottom: 6px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 15px;
  line-height: 22px;
  text-decoration: none;
}

.parragraph-documents.faq {
  float: left;
  text-align: center;
  border-bottom: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  width: 16%;
  height: 48px;
  padding-top: 16px;
  line-height: 18px;
}

.parragraph-documents.faq.head {
  color: var(--violeta-500);
  font-weight: 700;
}

.parragraph-documents.faq.head.first {
  color: var(--black);
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  width: 28%;
  display: flex;
}

.parragraph-documents.faq.head.first.bottom-last {
  border-bottom-width: 0;
}

.parragraph-documents.faq.head.first.left {
  color: var(--violeta-500);
  justify-content: flex-end;
  width: 20%;
}

.parragraph-documents.faq.head.first.left.bottom-last {
  justify-content: flex-end;
}

.parragraph-documents.faq.head.first.left.bottom-last.deb {
  width: 56%;
}

.parragraph-documents.faq.head.first.left.w66 {
  width: 66.66%;
}

.parragraph-documents.faq.head.first.left.w66.last {
  border-bottom-style: none;
  border-right-style: solid;
  border-right-width: 1px;
}

.parragraph-documents.faq.head.first.t-head {
  width: 20%;
  font-weight: 700;
}

.parragraph-documents.faq.head.first.t-head.deb {
  width: 56%;
}

.parragraph-documents.faq.head.first.t-head.w100 {
  border-bottom-style: solid;
  border-right-style: none;
  width: 100%;
}

.parragraph-documents.faq.head.top {
  color: var(--aquamarine-600);
  width: 16%;
}

.parragraph-documents.faq.head.top.last {
  border-right-width: 0;
}

.parragraph-documents.faq.head.top.last.deb {
  width: 44%;
}

.parragraph-documents.faq.head.top.last.w33 {
  width: 33.3%;
}

.parragraph-documents.faq.head.top.deb {
  width: 39%;
}

.parragraph-documents.faq.head.top.w66 {
  width: 66.66%;
}

.parragraph-documents.faq.head.top.w16 {
  width: 16.66%;
}

.parragraph-documents.faq.head.w16.col2 {
  height: 80px;
  padding-top: 30px;
}

.parragraph-documents.faq.head.w16.col2._2-lines {
  height: 80px;
  padding-top: 20px;
}

.parragraph-documents.faq.last {
  border-right-width: 0;
}

.parragraph-documents.faq.last.bottom-last.deb {
  width: 44%;
}

.parragraph-documents.faq.bottom-last {
  border-bottom-width: 0;
}

.parragraph-documents.faq.bottom-last.deb {
  width: 39%;
}

.parragraph-documents.faq.w33 {
  width: 33.33%;
}

.parragraph-documents.faq.w16 {
  width: 16.66%;
}

.parragraph-documents.faq.w16.w12.col2 {
  height: 80px;
  padding-top: 30px;
}

.parragraph-documents.faq.w16.col2 {
  height: 96px;
}

.parragraph-documents.legales {
  font-size: 8px;
  line-height: 14px;
}

.parragraph-documents.legales.text-uppercase {
  text-transform: uppercase;
}

.parragraph-documents.d-none {
  display: none;
}

.parragraph-documents.text-medium {
  position: static;
}

.parragraph-documents.td-copy {
  width: 33.33%;
}

.div-block-14 {
  background-image: url('../images/trama.svg');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: 435px;
  height: 100px;
  margin-top: 140px;
  margin-bottom: 40px;
}

.number-faq {
  background-color: var(--aquamarine-500);
  color: var(--violeta-500);
  text-align: center;
  border-radius: 20px;
  width: 28px;
  min-width: 28px;
  margin-right: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  display: block;
}

.container-cards {
  margin-top: 8px;
  margin-bottom: 16px;
}

.cardsimages {
  border: 0 solid #eef1f000;
  margin-right: 16px;
}

.costoscuotas {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  border: 1px solid #cacaca;
  border-radius: 8px;
  flex-wrap: wrap;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
}

.costoscuotas.deb {
  width: 36%;
}

.text-span-2 {
  color: var(--violeta-500);
  font-weight: 700;
}

.text-span-3 {
  color: var(--aquamarine-600);
  font-weight: 700;
}

.subtitle-columns {
  color: #4527a0;
  text-align: center;
  margin-top: 48px;
  margin-bottom: 32px;
  font-family: Nunito, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

.image-28 {
  margin-right: 16px;
}

.icon-feature {
  z-index: 9998;
  width: 80%;
  margin-top: -98px;
  display: none;
  position: relative;
}

.div-block-9 {
  flex: 1;
}

.subtitle-2 {
  color: #98252b;
  text-align: center;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.subtitle-2.white {
  color: #fff;
}

.subtitle-2.black {
  color: var(--dark-gray);
  text-align: left;
  font-family: Nunito, sans-serif;
  position: static;
}

.subtitle-2.black.get-app__subtitle {
  text-align: center;
}

.subtitle-2.black.billetera-black {
  font-size: 20px;
  line-height: 24px;
}

.parragraph-2 {
  color: var(--dark-slate-grey-900);
}

.parragraph-2.white {
  color: #fff;
  font-weight: 600;
}

.features-box {
  opacity: .71;
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  margin-top: 72px;
  margin-bottom: 72px;
  transition: all .2s;
  display: flex;
}

.features-box.mobile, .features-box.first, .features-box.first.mobile {
  flex-direction: column;
}

.features-box.first.mobile {
  width: 40%;
  height: auto;
}

.icon-feature-active {
  width: 20%;
  margin-top: -71px;
  position: absolute;
}

.div-block-16 {
  display: flex;
}

.section-features-app {
  z-index: 9996;
  background-color: #fff;
  padding-top: 112px;
  padding-bottom: 40px;
  display: block;
  position: relative;
}

.switch-container {
  justify-content: space-around;
  width: 100%;
  margin-top: 84px;
  margin-bottom: 32px;
  display: flex;
  position: relative;
}

.feature-image.box-image {
  margin-bottom: 16px;
}

.div-block-17 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-18 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.circle-arrows-button {
  background-color: var(--aquamarine-600);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding-left: 0;
  display: flex;
  position: absolute;
  top: 260px;
  left: auto;
  right: auto;
  transform: translate(0, -50%);
}

.link-de-pago-description {
  opacity: 0;
  align-items: stretch;
  position: relative;
}

.circle-arrows-button-2 {
  background-color: var(--aquamarine-600);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding-left: 0;
  display: flex;
  position: absolute;
  top: 260px;
  left: auto;
  right: auto;
  transform: translate(0, -50%);
}

.div-block-19 {
  max-width: 1116px;
  height: 615px;
  margin-top: -26px;
}

.div-block-21, .reader-mobile-container, .recibo-mobile {
  display: none;
}

.bold-text-2, .bold-text-3 {
  font-weight: 400;
}

.div-block-24, .div-block-25 {
  flex-direction: column;
  justify-content: space-between;
  width: 80%;
  margin-top: -70px;
  margin-bottom: 20px;
  display: flex;
}

.div-block-26 {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.badge {
  margin-right: 0;
  display: block;
}

.benefits-title {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.beneficios-apps {
  flex-direction: column;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.div-block-30 {
  display: flex;
}

.link-block-2 {
  padding-right: 10px;
}

.app-benefits {
  flex-direction: column;
  align-items: flex-start;
  max-width: 850px;
  margin-top: 46px;
  display: flex;
}

.div-block-32 {
  margin-bottom: 40px;
  display: flex;
}

.div-block-33 {
  max-width: 600px;
  display: flex;
}

.div-block-34 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.container-header {
  text-align: center;
  max-width: 1116px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
  position: relative;
}

.container-header.benefits {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.container-benefit-app {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 130px;
  margin-top: 0;
  margin-bottom: 60px;
  text-decoration: none;
  position: relative;
}

.section-catalogo {
  z-index: 9996;
  background-image: linear-gradient(#402e9a, #6c4dc8);
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.div-block-37 {
  width: 70%;
  padding-left: 112px;
}

.div-block-38 {
  justify-content: center;
  max-width: 1116px;
  display: flex;
}

.column-39 {
  text-align: left;
  padding-left: 24px;
  padding-right: 0;
}

.columns-23 {
  align-items: stretch;
  height: 100%;
  display: flex;
}

.column-40 {
  flex: 1;
  margin-bottom: 48px;
}

.image-29 {
  width: 200px;
  padding-bottom: 16px;
}

.section-material {
  z-index: 9995;
  background-color: var(--violeta-500);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.div-block-42 {
  z-index: 9995;
  background-image: url('../images/v-onda-copia.svg');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto;
  width: 100%;
  height: 140px;
  margin-top: 56px;
}

.image-30, .image-31 {
  margin-right: 16px;
}

.itemstore {
  background-color: var(--white);
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 350px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px 24px;
  display: flex;
}

.div-block-43 {
  background-color: var(--aquamarine-500);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-left: -42px;
  padding: 10px;
  display: flex;
  box-shadow: 1px 1px 6px #0000008a;
}

.icon-store {
  margin-bottom: 0;
  margin-right: 0;
}

.store-text {
  margin-left: 20px;
}

.sub-subtitle-store {
  color: var(--violeta-500);
  text-align: left;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.div-block-44 {
  align-items: center;
  display: flex;
}

.link-green {
  color: var(--aquamarine-600);
  font-weight: 500;
  text-decoration: none;
}

.link-green:hover {
  color: var(--aquamarine-500);
}

.div-block-47 {
  display: flex;
}

.div-block-47.column-34 {
  justify-content: center;
  width: 60%;
}

.button-negative {
  background-color: var(--violeta-500);
  color: #fff;
  cursor: pointer;
  border-radius: 24px;
  margin-top: 32px;
  padding: 16px 32px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
  transition: all .2s;
}

.button-negative:hover {
  background-color: var(--aquamarine-600);
}

.button-negative.header {
  background-color: #fff;
  border-radius: 3020px;
  margin-top: 48px;
  padding-left: 32px;
  padding-right: 32px;
  font-size: 24px;
  line-height: 24px;
}

.button-negative.header:hover {
  background-color: var(--aquamarine-600);
  color: #fff;
  box-shadow: 6px 6px 16px #16080b4d;
}

.text-block-6 {
  color: var(--violeta-500);
}

.section-gradient {
  z-index: 9995;
  background-color: #4527a0;
  background-image: linear-gradient(to bottom, #6c4dc8, var(--violeta-500));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.img-checkout {
  max-width: 40%;
  position: absolute;
}

.background-wave {
  z-index: 9995;
  background-image: url('../images/v-onda-copia.svg');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: 300px;
  width: 100%;
  height: 140px;
  margin-top: 56px;
}

.div-block-49 {
  flex-direction: column;
  display: flex;
}

.div-block-50 {
  width: 50%;
  margin-bottom: 40px;
}

.div-block-51 {
  justify-content: space-between;
  display: flex;
}

.div-block-52 {
  margin-top: 10px;
  margin-bottom: 60px;
  margin-right: 20px;
  display: flex;
}

.icon-container {
  border: 2px solid #e2e4e8;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  margin-left: 20px;
  display: flex;
}

.div-block-53 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 70%;
  margin-left: 20px;
  display: flex;
}

.sub-subtitle-icon {
  color: var(--violeta-500);
  text-align: left;
  margin-bottom: 10px;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.div-block-54 {
  background-color: var(--aquamarine-500);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 44px;
}

.div-block-54.number-faq {
  border-radius: 50px;
  width: 50px;
  height: 50px;
  bottom: auto;
}

.button-steps {
  background-color: var(--violeta-500);
  color: #fff;
  cursor: pointer;
  border-radius: 24px;
  width: 60%;
  margin-top: 10px;
  padding: 16px 32px;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
  transition: all .2s;
}

.button-steps:hover {
  background-color: var(--aquamarine-600);
}

.title-banner {
  color: var(--violeta-500);
  text-align: center;
  margin: 0 0 32px;
  font-family: Nunito, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  display: block;
}

.title-banner.left {
  text-align: left;
  margin-bottom: 0;
}

.parragraph-instructions {
  color: var(--dark-gray);
  text-align: left;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  overflow: visible;
}

.accordion-item {
  margin-top: 30px;
  overflow: hidden;
}

.accordion-trigger {
  cursor: pointer;
}

.div-block-55 {
  justify-content: flex-end;
  margin-top: 36px;
  display: flex;
}

.div-block-56 {
  border: 1px solid var(--light-grey);
  border-radius: 6px;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-57 {
  background-color: var(--light-grey);
  width: 100%;
  height: 1px;
}

.tyc-separator {
  margin-top: 36px;
  margin-bottom: 36px;
}

.title-terciary {
  color: var(--violeta-500);
  text-align: center;
  margin: 0 0 32px;
  font-family: Nunito, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  display: block;
}

.title-terciary.left {
  color: var(--dark-gray);
  text-align: left;
  font-size: 24px;
}

.div-block-59 {
  align-items: center;
  margin-left: 36px;
  display: flex;
}

.div-block-60 {
  align-items: center;
  margin-right: 36px;
  display: flex;
}

.button-terminos {
  background-color: var(--violeta-500);
  color: #fff;
  cursor: pointer;
  border-radius: 24px;
  padding: 16px 32px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
  transition: all .2s;
}

.button-terminos:hover {
  background-color: var(--aquamarine-600);
}

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

.paragraph.center.box-text {
  margin-bottom: 16px;
  font-size: 11px;
  line-height: 14px;
}

.div-block-61 {
  height: 36px;
}

.cft {
  font-size: 36px;
  line-height: 56px;
}

.banner-top {
  margin-top: 64px;
}

.banner-container {
  background-color: var(--aquamarine-500);
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.banner-container.d-none {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
  position: static;
}

.banner-container.banner-carrusel {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.banner-container.banner-carrusel.d-none {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.promo-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 130px;
  margin-top: 0;
  display: flex;
}

.div-block-63 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-63._w-full {
  width: 500px;
}

.banner-text {
  margin-right: 20px;
}

.section-top-banner {
  color: #265e62;
  margin-top: 64px;
  display: block;
  position: relative;
  overflow: visible;
}

.parragraph-banner {
  color: var(--dark-gray);
  text-align: left;
  margin-top: -8px;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  overflow: visible;
}

.section-gradient-secondary {
  z-index: 9995;
  background-color: #4527a0;
  background-image: linear-gradient(#1de9b6, #17ba92);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.download-app-container {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  margin-top: 41px;
  margin-bottom: 42px;
  display: flex;
}

.image-features {
  max-width: 425px;
  margin-bottom: -15px;
  margin-left: 0;
  padding: 0;
  position: absolute;
  inset: 54% auto 0% 0%;
  overflow: visible;
}

.div-block-64 {
  width: 60%;
}

.img-header-wallet {
  max-width: 42%;
  margin-top: -56px;
  position: absolute;
}

.div-block-66 {
  flex-direction: column;
  display: flex;
}

.div-block-67 {
  flex-direction: column;
  justify-content: space-between;
  margin-top: 16px;
  display: flex;
}

.div-block-68 {
  margin-bottom: 16px;
  display: flex;
}

.div-block-69 {
  display: flex;
}

.caret {
  margin-right: 6px;
}

.div-block-70 {
  height: 50px;
}

.section-image-card {
  height: 100vh;
  display: flex;
}

.image-card-features {
  max-width: 425px;
  margin-bottom: -15px;
  margin-left: 0;
  padding: 0;
  position: absolute;
  inset: auto 0% -130%;
  overflow: visible;
}

.slider {
  background-color: #0000;
  height: 90px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.slide-nav {
  inset: auto 0% -17%;
}

.slider-2 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: block;
}

.mask {
  clear: both;
  align-self: auto;
  height: auto;
}

.d-none {
  display: none;
}

.slide, .slide-2 {
  height: auto;
}

.promo-separator.d-none {
  display: none;
}

.slide-item {
  background-color: var(--white);
  background-image: url('../images/brand.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 16px;
  min-width: 100%;
  min-height: 306px;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}

.section-ahorro {
  background-color: var(--violeta-500);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 45px;
  padding-bottom: 65px;
  display: flex;
  position: relative;
}

.section-ahorro.d-none {
  display: none;
}

.slider-3 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 306px;
  padding-bottom: 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.slider-arrow {
  display: none;
}

.slider-nav {
  bottom: -15%;
}

.mask-2 {
  padding-left: 0;
  padding-right: 0;
}

.slide-inner {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 100%;
  height: 100%;
  min-height: 306px;
  padding: 48px;
  display: flex;
  position: relative;
}

.slider-title {
  color: var(--violeta-500);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 36px;
  line-height: 40px;
}

.accenture {
  color: var(--violeta-500);
}

.slider-text {
  text-align: left;
  width: 50%;
  margin-top: 24px;
  margin-bottom: 24px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.slider-legales {
  margin-top: 32px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 16px;
}

.slider-logos {
  align-self: flex-end;
  width: 256px;
  height: 64px;
  position: absolute;
  inset: auto 40px 40px auto;
}

.slide-inner__top, .slide-inner__bottom {
  width: 100%;
}

.promo-slide-item {
  color: #262627;
  overflow: visible;
}

.slider-ahorro {
  background-color: #0000;
  height: 306px;
  padding-top: 0;
  padding-bottom: 0;
}

.slider-ahorro__arrow {
  display: none;
}

.slides {
  padding-left: 10px;
  padding-right: 10px;
}

.slides-slide-item {
  background-color: var(--white);
  background-image: url('../images/brand.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  padding: 48px;
}

.logos-image {
  position: absolute;
  bottom: 40px;
  right: 40px;
}

.slide-nav-2 {
  bottom: -15%;
}

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

.hero-content-right {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-cuenta-digital {
  background-color: var(--white);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  min-height: 100vh;
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
  position: relative;
}

.features {
  background-color: var(--white);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 80vh;
  display: flex;
  position: relative;
}

.features.feature-first {
  padding-top: 50px;
}

.get-app {
  background-color: var(--white);
  padding-top: 100px;
  padding-bottom: 100px;
}

.hero-column-left {
  width: 50%;
  margin-right: auto;
}

.title-copy {
  color: var(--violeta-500);
  text-align: center;
  margin: 0 0 32px;
  font-family: Nunito, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  display: block;
}

.title-copy.center {
  color: #4527a0;
  text-align: center;
  font-family: Nunito, sans-serif;
  font-weight: 700;
}

.title-copy.center.green, .title-copy.green {
  color: var(--aquamarine-500);
}

.title-copy.green.app, .title-copy.left {
  text-align: left;
}

.title-copy.left.t-black, .title-copy.t-black {
  font-weight: 900;
}

.title-copy.t-black.left.big-title {
  margin-bottom: 0;
  font-size: 48px;
  line-height: 58px;
}

.big-title {
  color: var(--violeta-500);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 48px;
  line-height: 57px;
}

.big-title.t-black {
  font-weight: 900;
}

.div-block-72 {
  width: 45%;
}

.hero-content__left {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 45%;
  padding-bottom: 0;
  display: flex;
}

.hero-content__right {
  width: 55%;
  position: absolute;
  top: 0%;
  left: auto;
  right: 0%;
}

.hero-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 20px;
  display: flex;
}

.hero-gradient {
  z-index: 0;
  background-image: linear-gradient(to bottom, var(--aquamarine-500), var(--aquamarine-600));
}

.title-hero {
  color: var(--violeta-500);
  text-align: left;
  width: 90%;
  margin-top: 0;
  font-family: Nunito, sans-serif;
  font-size: 44px;
  font-weight: 900;
  line-height: 58px;
}

.subtitle-hero {
  color: var(--violeta-500);
  text-align: left;
  margin-top: 25px;
  margin-bottom: 55px;
  font-family: Nunito, sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.cta-hero {
  color: var(--violeta-500);
  text-align: left;
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
  font-size: 17px;
  line-height: 23px;
}

.features-content_right {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.features-content_right.mr-0 {
  width: 40%;
  margin-right: auto;
}

.grid-features {
  grid-column-gap: 39px;
  grid-row-gap: 33px;
  margin-top: 30px;
  margin-bottom: 32px;
}

.box-caret {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 24px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: grid;
}

.box-caret.mb-1 {
  margin-bottom: 1rem;
}

.paragraph-2 {
  margin-bottom: 0;
}

.h3 {
  text-align: left;
  margin-top: 40px;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-weight: 600;
  line-height: 32px;
}

.image-32 {
  position: static;
  inset: 0% auto 0% 0%;
}

.feature-lists {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  margin-top: 40px;
  display: flex;
}

.features-content_left {
  width: 600px;
  position: relative;
  inset: auto;
}

.grid-get-app {
  grid-column-gap: 91px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 85px;
}

.box-number {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.box-number_number {
  width: 100%;
}

.text-16-black {
  color: var(--black);
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.text-16-black.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.table-combine {
  border: 1px solid #d8d8d8;
  border-radius: 8px;
}

.table-combine.mb-1 {
  margin-top: 16px;
  margin-bottom: 1rem;
}

.table-combine.mb-1.table-combine__medium {
  max-width: 532px;
}

.table-combine.table-combine__small {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  width: 100%;
  max-width: 270px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.tr {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.tr.bb-1 {
  border-bottom: 1px solid #cacaca;
}

.td {
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: flex;
}

.td.br-1 {
  border-right: 1px solid #cacaca;
  justify-content: center;
  align-items: center;
  display: flex;
}

.td.br-1.bb-1, .td.br-1.bb-1-copy {
  border-bottom: 1px solid #cacaca;
  flex-wrap: nowrap;
  padding-top: 10px;
}

.td.bb-1 {
  border-bottom: 1px solid #cacaca;
}

.td.bb-1.tag-new-bg {
  background-color: #0000;
  flex-direction: column;
  padding-top: 3px;
  padding-bottom: 3px;
}

.tr-thead {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

.grid-table_cuotas_cred_1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: ". Area Area Area"
                 "Area-2 . . ."
                 "Area-2 . . ."
                 / 1fr 1fr 1fr 1fr;
}

.td-empty.br-1 {
  border-right: 1px solid #cacaca;
}

.td-empty.bb-1 {
  border-bottom: 1px solid #cacaca;
}

.thead-title {
  color: var(--violeta-500);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 18px;
}

.tr-title {
  color: var(--violeta-500);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-weight: 600;
}

.td-title {
  color: var(--aquamarine-500);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-weight: 600;
}

.td-title.tag-new-sub {
  color: var(--aquamarine-500);
  line-height: 16px;
}

.paragraph-3 {
  color: var(--black);
  text-align: center;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
}

.grid-table__medium {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "Area-9 Area Area Area Area"
                 "Area-2 Area-8 Area-7 Area-3 Area-10"
                 "Area-2 Area-6 Area-5 Area-4 Area-11"
                 / 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  margin-right: 0;
}

.grid-table__medium.grid-table__medium-3-cols {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: .25fr;
}

.grid-table_areas2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: ". Area-2 Area-2 Area-2 Area-2 Area-2"
                 "Area . . . . ."
                 "Area . . . . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-table__mediuim_simple {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: ". Area Area Area"
                 "Area-2 . . ."
                 "Area-2 . . ."
                 / 1fr 1fr 1fr 1fr;
}

.box-number__top {
  width: 140px;
  height: 120px;
  position: relative;
}

.box-number__bottom {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.icon--viumi {
  width: 120px;
  height: 120px;
  position: relative;
}

.box-number__number {
  background-color: var(--aquamarine-500);
  color: var(--icon-number);
  border-radius: 7rem;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 10px;
}

.box-number__title {
  color: var(--black);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.box-number__excerpt {
  color: var(--black);
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.box-number__excerpt.mb-2 {
  margin-bottom: 1.5rem;
}

.image-33 {
  width: 85%;
  margin-left: auto;
  display: block;
}

.image-34 {
  max-width: 474px;
}

.hero-cd {
  justify-content: flex-start;
  align-items: center;
  height: 565px;
  margin-top: 50px;
  display: flex;
}

.hero-cd.hero-gradient {
  margin-top: 0;
}

.hero-cd__content {
  width: 50%;
}

.hero-cd__h1 {
  color: var(--violeta-500);
  text-align: left;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-family: Nunito, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 57px;
}

.hero-cd__bajada {
  color: var(--violeta-500);
  text-align: left;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.hero-cd__cta {
  color: var(--violeta-500);
  text-align: left;
  margin-top: 52px;
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
  font-size: 17px;
  line-height: 23px;
}

.hero-cd__image {
  z-index: 2;
  width: 650px;
  position: absolute;
  top: 20%;
  right: 0;
}

.card-cd {
  background-color: var(--white);
  border-radius: 12px;
  padding: 40px 20px;
  font-family: Nunito, sans-serif;
}

.card-sc__title {
  color: var(--violeta-500);
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 29px;
  line-height: 32px;
}

.card-cd__sintesis {
  color: var(--dark-gray);
  margin-top: 20px;
  margin-bottom: 0;
}

.columns-37 {
  align-items: flex-start;
  max-height: 444px;
  margin-top: -150px;
  display: flex;
}

.chevron-right {
  height: 13px;
  margin-right: 11px;
}

.column-41 {
  height: 444px;
  padding-left: 0;
}

.mini-subtitle {
  color: var(--violeta-500);
  font-size: 16px;
  line-height: 20px;
}

.mini-subtitle.mb-8 {
  margin-bottom: 8px;
}

.text-block-7 {
  color: #262627;
}

.list-3 {
  padding-left: 0;
  padding-right: 0;
}

.list-4, .list-5 {
  padding-left: 20px;
  padding-right: 0;
}

.list-5.no-list {
  padding-left: 0;
  list-style-type: none;
}

.text-block-8 {
  color: #262627;
}

.slide-arrow {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slide-arrow.slide-arrow-right {
  display: flex;
  right: 1rem;
}

.slide-arrow.slide-arrow-left {
  align-items: flex-start;
  left: 1rem;
}

.icon-2, .icon-3 {
  color: var(--icon-number);
  font-size: 21px;
}

.submit-button {
  background-color: var(--aquamarine-500);
}

.slide-pagination {
  display: flex;
}

.column-42 {
  justify-content: flex-end;
  display: flex;
}

.image-35 {
  display: block;
}

.p-cd {
  color: #1c1f23;
  text-align: center;
  margin-top: 27px;
  margin-bottom: 14px;
  font-family: Nunito, sans-serif;
  font-size: 14.5px;
  line-height: 17.72px;
}

.grid-3 {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  grid-template-rows: auto;
  margin-left: auto;
  margin-right: auto;
}

.column-43 {
  flex-direction: column;
  justify-content: flex-start;
  height: 444px;
  margin-top: 0;
  display: flex;
}

.heading {
  color: var(--aquamarine-500);
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  line-height: 0;
}

.image-37 {
  margin-left: 20px;
}

.div-block-73 {
  order: -1;
}

.faq-cd-container {
  display: none;
}

.section-cd-fqs {
  background-color: var(--white);
  align-items: center;
  min-height: 367px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-cd-fqs.costs-faqs {
  background-color: #eef1f0;
  margin-top: 20px;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  align-content: center;
  place-items: stretch center;
}

.faqs-cd-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.brand-cd {
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.hide-sectino {
  height: 100%;
  display: block;
}

.bold-text-4 {
  color: var(--icon-number);
}

.swiper-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
}

.beneficios-box {
  background-color: var(--white);
  border-radius: 13px;
  justify-content: space-between;
  align-items: center;
  max-width: 228px;
  min-height: 166px;
  padding: 40px 13px;
  display: flex;
}

.beneficios-box__title {
  color: var(--violeta-500);
  text-align: left;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
}

.beneficios-box__subtitle {
  color: #1c1f23;
  text-align: left;
  font-size: 12px;
  line-height: 13px;
}

.swiper-button-prev, .swiper-button-next {
  background-color: #edf1f0;
  height: 210px;
}

.slider-mobile {
  display: none;
}

.costs {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  display: flex;
}

.costs-table__head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #6c4dc8;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 24px;
  display: grid;
}

.costs-table__head-title {
  color: var(--white);
  text-align: left;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.costs-table__head-title.head-title__right {
  text-align: right;
}

.costs-table__head-title.head-title__right.opacity-0 {
  opacity: 0;
}

.costs-table__body {
  border: 1px solid #c7c7c7;
  border-radius: 16px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.th.th-flex {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px;
  display: flex;
}

.costs-condition__title {
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.costs-comission__title {
  color: var(--violeta-500);
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.color-default {
  color: var(--dark-gray);
  font-weight: 500;
}

.costs-table__info {
  text-align: left;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.tyc-dropdown {
  width: 100%;
}

.tyc-dropdown__label {
  color: var(--icon-number);
  font-family: Nunito, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 17px;
}

.tyc-dropdown__toggle {
  width: 100%;
}

.tyc-dropdown__content.w--open {
  background-color: #0000;
  position: relative;
}

.download-sectino {
  justify-content: flex-end;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.div-block-75 {
  align-items: center;
  display: flex;
}

.container-2 {
  background-color: #fff;
  border-radius: 8px;
  margin-top: 40px;
  margin-bottom: 10px;
  padding: 40px;
}

.cloud-shop-content {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.cloud-shop-card {
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 13px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
  padding: 30px 60px;
  display: grid;
}

.text-block-9 {
  color: var(--violeta-500);
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Nunito, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.text-block-10 {
  padding: 5px 10px;
  font-family: Nunito, sans-serif;
  font-size: 17px;
  line-height: 22px;
}

.text-block-11 {
  color: #666;
  text-align: center;
  margin-left: 60px;
  margin-right: 60px;
  font-family: Nunito, sans-serif;
  font-size: 10px;
  line-height: 12px;
}

.section {
  background-color: #e5ebe9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: none;
  overflow: visible;
}

.cloud-shop-list {
  text-align: left;
  padding-top: 10px;
  padding-left: 0;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.hero-cloud-shop {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/BannerTiendaNube---Gradient.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
  align-items: center;
  min-height: 480px;
  padding-top: 140px;
  display: flex;
}

.heading-2 {
  color: #fff;
  font-family: Nunito, sans-serif;
  font-size: 37px;
  line-height: 39px;
}

.button-2 {
  background-color: var(--violeta-500);
  border-radius: 20px;
  margin-top: 20px;
  padding-left: 60px;
  padding-right: 60px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.sect {
  background-color: #edf1f0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.columns-39 {
  padding-left: 60px;
  padding-right: 60px;
}

.html-embed {
  margin-top: -150px;
}

.column-44 {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.hero-cloud-shop__content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 3.75fr 1fr;
  grid-auto-columns: 1fr;
  width: 650px;
  margin-left: 10%;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: grid;
}

.block-content, .heading-3 {
  text-align: left;
}

.image-40 {
  margin-bottom: 12px;
}

.cs-features {
  background-color: #edf1f0;
  align-items: center;
  min-height: 622px;
  display: flex;
}

.grid-2 {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.card-icon {
  align-items: center;
  display: flex;
}

.card-icon.card-cs-mb {
  margin-bottom: 20px;
}

.card-cs {
  background-color: var(--white);
  text-align: left;
  border-radius: 6px;
  width: 100%;
  padding: 13px 15px 13px 34px;
}

.card-cs.card-cs-mb {
  margin-bottom: 20px;
}

.card-cs-text {
  color: var(--violeta-500);
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.image-41 {
  margin-right: -21px;
  position: relative;
}

.advantages {
  justify-content: center;
  align-items: center;
  padding-top: 130px;
  padding-bottom: 130px;
  display: flex;
  position: relative;
}

.grid-5 {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 90px;
}

.adv-box-icon {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon-circle {
  border-radius: 7rem;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
}

.adv-box-icon__title {
  margin-top: 24px;
  margin-bottom: 16px;
  font-family: Nunito, sans-serif;
}

.adv-box-icon__excerpt {
  min-height: 150px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.vecto-cs-1 {
  z-index: 0;
  background-image: url('../images/back-cs-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  height: 376px;
  position: absolute;
  inset: 5vh auto auto -9vw;
}

.vector-cs-2 {
  background-image: url('../images/back-cs-02.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  height: 376px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.legales-cs {
  background-color: #edf1f0;
  padding-top: 60px;
  padding-bottom: 75px;
}

.rich-text-block {
  text-align: left;
  font-family: Nunito, sans-serif;
}

.cs-features-grid {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.faq-tiendanube-container {
  display: none;
}

.linkviu {
  color: var(--blue-600);
}

.buttontiendanube {
  background-color: var(--violeta-500);
  border-radius: 24px;
  padding: 16px 32px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 16px;
}

.check-atencion-contacto {
  border: 1px solid var(--light-grey);
  border-radius: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 36px;
}

.texto-atencion-contacto {
  padding-top: 10px;
  padding-bottom: 10px;
}

.grid-6 {
  grid-template: "Area Area"
                 ". ." 1fr
                 ". ."
                 / minmax(200px, 1fr) 1fr;
  padding-top: 0;
}

.grid__comisionesbilletera {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.botonprueba {
  background-color: var(--violeta-500);
  color: #fff;
  padding: 20px;
}

.text-span-4 {
  color: var(--aquamarine-500);
}

.link-2 {
  color: var(--blue-600);
}

.div-block-76 {
  margin-top: 128px;
  margin-bottom: 69px;
}

.grid-7 {
  grid-column-gap: 80px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 69px;
}

.div-block-77, .div-block-78, .div-block-79, .div-block-80, .div-block-81, .div-block-82 {
  display: flex;
}

.switcher {
  z-index: 1000;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-83, .div-block-84, .div-block-85, .div-block-86 {
  display: flex;
}

.dropdown-toggle-2 {
  padding: 0;
  display: block;
}

.dropdown-toggle-2.w--open {
  position: absolute;
  inset: 0% 0% auto;
}

.switcher-panel.w--open {
  width: 100%;
  position: absolute;
}

.smartpos {
  opacity: 0;
}

.sw-link {
  background-color: #6a52b2;
  border-radius: 16px;
  height: 260px;
}

.sw-link.w--current {
  background-color: var(--white);
  border-radius: 16px;
}

.sw-menu {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.sw-link-text {
  color: #c3bae0;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  transition: all .2s ease-in-out;
}

.sw-link-text:focus {
  color: var(--violeta-500);
}

.sw-content-item {
  padding-top: 100px;
}

.column-45 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.image-42 {
  text-align: center;
  width: 90%;
  margin-top: 40px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 15px;
  line-height: 22px;
  position: relative;
}

.image-42.reader {
  width: 100%;
  margin-bottom: 60px;
  margin-right: 0;
  position: absolute;
  inset: auto 0% -10% 50%;
  transform: translate(-50%);
}

.image-42.reader.cards {
  width: 60%;
  bottom: -7%;
}

.sub-subtitle-2 {
  color: #4527a0;
  text-align: left;
  margin-bottom: 16px;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.sub-subtitle-2.white {
  color: #fff;
  text-align: center;
  font-size: 20px;
}

.parragraph-3 {
  color: #231f20;
  text-align: left;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  overflow: visible;
}

.parragraph-3.white {
  color: #fff;
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
}

.parragraph-3.white.center {
  text-align: center;
  margin-bottom: 0;
  padding-left: 26px;
  padding-right: 26px;
}

.lector-description {
  z-index: 20;
  align-items: stretch;
  display: flex;
  position: relative;
}

.div-block-90 {
  display: none;
}

.number-steps-2 {
  color: #4527a0;
  text-align: center;
  margin-top: 0;
  margin-bottom: -3px;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}

.column-46 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.image-43 {
  text-align: center;
  width: 90%;
  margin-top: 40px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 15px;
  line-height: 22px;
  position: relative;
}

.image-43.reader {
  width: 100%;
  margin-bottom: 60px;
  margin-right: 0;
  position: absolute;
  inset: auto 0% -10% 50%;
  transform: translate(-50%);
}

.link-de-pago-description-2 {
  align-items: stretch;
  display: flex;
  position: relative;
}

.bold-text-5 {
  font-weight: 400;
}

.parragraph-4 {
  color: #231f20;
  text-align: left;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  overflow: visible;
}

.parragraph-4.white {
  color: #fff;
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
}

.parragraph-4.white.center {
  text-align: center;
  margin-bottom: 0;
  padding-left: 26px;
  padding-right: 26px;
}

.bold-text-6 {
  font-weight: 400;
}

.div-block-94 {
  display: none;
}

.number-steps-3 {
  color: #4527a0;
  text-align: center;
  margin-top: 0;
  margin-bottom: -3px;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}

.sw-link-img {
  margin-top: -63px;
}

.tabs-dispositives {
  margin-top: 100px;
}

.accordeon-dispositives {
  display: none;
}

.column-47 {
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.sw-link-2 {
  background-color: #6a52b2;
  border-radius: 16px;
  height: 260px;
}

.sw-link-2.w--current {
  background-color: #fff;
  border-radius: 16px;
}

.bold-text-7 {
  font-weight: 400;
}

.link-de-pago-description-3 {
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.parragraph-5 {
  color: #231f20;
  text-align: left;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  overflow: visible;
}

.parragraph-5.white {
  color: #fff;
  margin-bottom: 20px;
}

.parragraph-5.white.center {
  text-align: center;
  margin-bottom: 0;
  padding-left: 26px;
  padding-right: 26px;
}

.parragraph-5.white.center.sw-subtitle {
  font-size: 16px;
}

.sw-link-text-2 {
  color: #c3bae0;
  text-align: center;
  margin-top: -45px;
  font-size: 24px;
  font-weight: 700;
}

.sw-link-text-2:focus {
  color: #4527a0;
}

.div-block-95, .div-block-96 {
  display: none;
}

.sub-subtitle-3 {
  color: #4527a0;
  text-align: left;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.sub-subtitle-3.white {
  color: #fff;
  text-align: center;
  font-size: 20px;
}

.sub-subtitle-3.white.center.sw-title {
  font-size: 18px;
}

.image-44 {
  text-align: center;
  width: 90%;
  margin-top: 40px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 15px;
  line-height: 22px;
  position: relative;
}

.image-44.reader {
  position: absolute;
  left: 50%;
  right: 0%;
  transform: translate(-50%);
}

.image-44.reader.cards {
  width: 60%;
  bottom: -7%;
}

.image-44.reader.cards.reader-img {
  width: 50%;
  bottom: 13%;
}

.image-44.reader.cards.smartpos-img {
  bottom: 0%;
}

.image-44.reader.paymentlink-image {
  width: 100%;
  bottom: 0;
}

.dropdown-dispositives {
  display: none;
}

.section-payments {
  background-color: #edf1f0;
  padding-top: 64px;
  padding-bottom: 64px;
  font-family: Nunito, sans-serif;
  position: relative;
}

.li-icon {
  margin-right: 30px;
}

.bpn-tabs-link {
  color: #282627;
  text-align: center;
  background-color: #0000;
  border-bottom: 2px solid #c7c3df;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.bpn-tabs-link.w--current {
  border-bottom-color: var(--violeta-500);
  color: #4527a0;
  background-color: #e5ebe9;
  width: 50%;
  font-weight: 700;
}

.h3-heading {
  font-weight: 500;
  line-height: 31px;
}

.h3-heading.text-primary {
  color: #0577ac;
}

.tab-pane-description {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bpn-tabs-menu {
  border-bottom: 2px solid #e6f1f7;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.tab-pane-li {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.payments-tabs {
  margin-top: 32px;
}

.tab-pane-inner {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: grid;
}

.text-list {
  margin-bottom: 0;
}

.tab-pane-ul {
  margin-bottom: 0;
  padding-left: 0;
}

.payments-tabs-title {
  color: #282627;
  margin-top: 0;
  margin-bottom: 24px;
}

.tab-list-item {
  color: #000;
  text-align: left;
  font-size: 16px;
}

.list-6 {
  margin-bottom: 24px;
  padding-left: 20px;
}

.price-block {
  object-fit: fill;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  margin-bottom: 0;
  display: flex;
  position: relative;
  right: 0;
  overflow: visible;
}

.text-block-14 {
  clear: none;
  color: #4b4849;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 80px;
  position: static;
  top: 0;
}

.flex-block-2 {
  align-items: flex-end;
}

.text-block-16 {
  text-align: left;
  align-self: center;
  margin-left: 40px;
  font-size: 15px;
  line-height: 18px;
}

.text-block-17 {
  color: var(--violeta-500);
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.flex-block-3 {
  align-items: center;
  margin-top: 20px;
  margin-left: 100px;
}

.box-content {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 370px;
  display: flex;
}

.sw-title {
  color: var(--white);
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.sw-subtitle {
  color: var(--white);
  width: 100%;
  max-width: 240px;
  min-height: 60px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
}

.sw-content-item__col {
  grid-column-gap: 0px;
  grid-row-gap: 50px;
  flex-direction: column;
  grid-template-rows: 320px minmax(200px, 1fr);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-104 {
  width: 100%;
  position: relative;
}

.sw-content__mask {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.image-45 {
  z-index: -1;
  position: absolute;
  inset: auto 0% 0% 59%;
}

.image-47 {
  position: relative;
}

.sw-link-icon {
  width: 24px;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0 -4%;
}

.image-48 {
  transform: rotate(90deg);
}

.payments-title {
  color: #282627;
  margin-top: 0;
  margin-bottom: 16px;
  line-height: 40px;
}

.payment-subtitle {
  color: #282627;
  font-size: 20px;
  line-height: 24px;
}

.text-span-5 {
  margin-left: 5px;
}

.link-pago-img-mobile {
  display: none;
}

.enlace_mailotelefono {
  color: var(--violeta-500);
}

.div-block-106 {
  width: 68%;
}

.bold-text-8 {
  color: #4527a0;
}

.image-50 {
  display: inline-block;
}

.image-51 {
  object-fit: fill;
  max-width: 75%;
  position: static;
  inset: 0%;
}

.image-52 {
  object-fit: fill;
  object-position: 50% 50%;
  max-width: 78%;
  position: static;
}

.image-53 {
  max-width: 75%;
}

.text-block-18 {
  text-align: center;
}

.dropdown-link {
  color: #000dff;
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
}

.text-span-6 {
  text-decoration: underline;
}

.td-copy {
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: flex;
}

.td-copy.br-1 {
  border-right: 1px solid #cacaca;
  justify-content: center;
  align-items: center;
  display: flex;
}

.td-copy.br-1.bb-1 {
  border-bottom: 1px solid #cacaca;
  flex-wrap: nowrap;
  padding-top: 10px;
}

.td-copy.bb-1 {
  border-bottom: 1px solid #cacaca;
}

.td-copy.bb-1.tag-new-bg {
  background-color: #0000;
  flex-direction: column;
  padding-top: 3px;
  padding-bottom: 3px;
}

.bold-text-9 {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bold-text-10 {
  color: var(--white);
}

.hero-heading-left {
  background-color: #86e8b7;
  border-bottom: 1px solid #e4ebf3;
  justify-content: center;
  align-items: center;
  min-height: 486px;
  padding: 110px 30px 50px;
  display: flex;
  position: relative;
}

.container-3 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.margin-bottom-24px {
  color: #4527a0;
  margin-bottom: 24px;
  font-size: 20px;
  line-height: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.shadow-two {
  transform-style: preserve-3d;
  transform: rotateX(1deg)rotateY(0)rotateZ(90deg);
  box-shadow: 0 4px 24px #96a3b514;
}

.section-2 {
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 40px;
}

.columns-40 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 65vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.grid-features__ttp {
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  width: 70vw;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.grid-features__ttp.mb-50 {
  margin-bottom: 60px;
}

.grid-8 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  margin-top: 16px;
}

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

.div-block-108 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.dropdown-toggle-3 {
  padding: 0;
}

.nav-item-childs {
  margin-top: 0;
  padding-top: 0;
}

.dropdown-menu.w--open {
  background-color: #fff;
  width: 380px;
}

.dropdown-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 35px 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  padding: 25px 20px 0 34px;
  text-decoration: none;
  display: grid;
}

.dropdown-item__text {
  padding-bottom: 14px;
}

.border-b {
  border-bottom: .0313rem solid #e6e6e6;
}

.dropdown-item__text-title {
  color: #402e9a;
  margin-bottom: 5px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 22px;
}

.dropdown-item__text-helper {
  color: #76777a;
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
}

.section-3 {
  padding-top: 0;
  padding-bottom: 100px;
}

.ttp-sm, .anchor {
  display: none;
}

.div-block-109 {
  display: block;
}

.paragraph-4 {
  background-color: #0000;
}

.rich-text-block-2, .rich-text-block-3, .rich-text-block-4, .rich-text-block-5, .rich-text-block-6 {
  text-align: justify;
}

.text-span-7, .text-span-8 {
  color: #4527a0;
}

.div-block-110 {
  width: 83%;
}

.image-55 {
  display: none;
}

.img-mpos {
  margin-right: 140px;
  display: block;
}

.nav-item__toggle-icon {
  width: 11px;
  transform: rotate(-90deg);
}

.grid-table-copy, .grid-table_cuotas_cred_1-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: ". Area Area Area Area Area"
                 "Area-2 . . . . ."
                 "Area-2 . . . . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-9 {
  grid-template: "Area"
                 "."
                 "."
                 / 1fr 1fr 1fr;
}

.grid-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "Area Area-2 Area-2"
                 "Area-3 Area-4 Area-6"
                 "Area-3 Area-5 Area-7"
                 / 1fr 1fr 1fr;
}

.section-4 {
  padding-top: 220px;
  padding-bottom: 220px;
  display: none;
}

.table-grid__col3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: ". Area Area"
                 "Area-2 . ."
                 "Area-2 . ."
                 / 1fr 1fr 1fr;
}

.grid-table__medium-3cols {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "Area Area-2 Area-2"
                 "Area-3 Area-4 Area-6"
                 "Area-8 Area-5 Area-7"
                 "Area-8 Area-9 Area-10"
                 / 1fr 1fr 1fr;
}

.div-block-111 {
  display: none;
}

@media screen and (min-width: 1280px) {
  .title.green {
    text-align: center;
  }

  .hero-cd__image {
    width: 550px;
    top: 15%;
    right: 5%;
  }

  .card-cd {
    background-color: var(--white);
    border-radius: 12px;
  }

  .image-37 {
    margin-left: 20px;
  }

  .costs {
    padding-top: 140px;
    display: block;
  }

  .hero-cloud-shop__content {
    margin-left: 10%;
  }

  .cloud-shop-left {
    width: 90%;
  }

  .grid-5 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .cs-features-grid {
    grid-column-gap: 100px;
  }

  .div-block-96 {
    display: block;
  }
}

@media screen and (min-width: 1440px) {
  .section-header.mt-0.hero-home {
    background-color: #fff;
    background-repeat: no-repeat;
  }

  .title.green {
    text-align: center;
  }

  .box.d-flex {
    flex-direction: column;
    align-items: center;
    width: 50%;
    display: flex;
  }

  .columns-20._w-900 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }

  .parragraph-documents.text-medium {
    font-weight: 600;
  }

  .section-ahorro.d-none {
    display: none;
  }

  .table-combine.mb-1.table-combine__medium {
    margin-bottom: 1rem;
    padding-bottom: 0;
    display: block;
  }

  .table-combine.table-combine__small {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .td.br-1 {
    margin-right: auto;
  }

  .td.br-1.d-none {
    display: none;
  }

  .td.bb-1 {
    margin-right: 0;
  }

  .td.bb-1.br-1 {
    color: #fff;
    object-fit: fill;
    background-color: #fff0;
    justify-content: center;
    margin-right: auto;
    padding-right: 10px;
  }

  .td.d-none {
    display: none;
  }

  .grid-table_cuotas_cred_1 {
    grid-template-areas: ". Area Area Area"
                         "Area-2 . . ."
                         "Area-3 . . .";
  }

  .td-empty.br-1.bb-1 {
    padding-right: 0;
  }

  .grid-table__medium {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-right: -1px;
  }

  .hero-cd__image {
    width: 600px;
    top: 15%;
    right: 5%;
  }

  .grid-2 {
    grid-template-rows: auto;
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }

  .card-cd {
    background-color: var(--white);
    border-radius: 12px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding: 40px 20px;
    display: flex;
  }

  .card-sc__title {
    color: var(--violeta-500);
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Nunito, sans-serif;
    font-size: 29px;
    line-height: 32px;
  }

  .card-cd__sintesis {
    color: var(--dark-gray);
    margin-top: 20px;
    margin-bottom: 0;
    font-family: Nunito, sans-serif;
  }

  .image-37 {
    margin-left: 20px;
  }

  .hero-cloud-shop__content {
    margin-left: 10%;
  }

  .grid-5 {
    grid-column-gap: 100px;
    grid-row-gap: 70px;
    margin-top: 90px;
  }

  .link-pago-img {
    width: 100%;
  }

  .tab-pane-inner {
    grid-template-columns: .75fr 1fr;
  }

  .payments-tabs-title {
    margin-top: 0;
    margin-bottom: 24px;
  }

  .list-6 {
    margin-bottom: 24px;
  }

  .price-block {
    margin-bottom: 0;
  }

  .text-block-14 {
    margin-right: 24px;
  }

  .flex-block-2 {
    align-items: flex-end;
  }

  .text-block-15 {
    font-size: 15px;
    line-height: 18px;
  }

  .text-block-16 {
    color: #4b4849;
  }

  .text-block-17 {
    color: #4527a0;
    margin-left: 5px;
    font-size: 16px;
    line-height: 16px;
  }

  .flex-block-3 {
    align-items: center;
    margin-top: 20px;
    margin-left: 150px;
  }

  .td-copy.br-1 {
    margin-right: auto;
  }

  .td-copy.br-1.d-none {
    display: none;
  }

  .td-copy.bb-1 {
    margin-right: 48px;
  }

  .td-copy.bb-1.br-1 {
    margin-right: auto;
    padding-right: 10px;
  }

  .td-copy.d-none {
    display: none;
  }

  .grid-table-copy, .grid-table_cuotas_cred_1-copy {
    grid-template-areas: ". Area Area Area Area Area"
                         "Area-2 . . . . ."
                         "Area-3 . . . . .";
  }
}

@media screen and (min-width: 1920px) {
  .section-header.mt-0.hero-home {
    background-color: #fff;
    background-image: url('../images/Lineas-de-color.png');
    background-position: 103%;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: scroll;
  }

  .title, .title.green {
    text-align: center;
  }

  .parragraph-documents {
    margin-top: 10px;
  }

  .parragraph-documents.faq.head.first.left.bottom-last, .parragraph-documents.faq.head.first.t-head, .parragraph-documents.faq.head.top, .parragraph-documents.faq.bottom-last, .parragraph-documents.legales.text-uppercase {
    margin-top: 0;
  }

  .parragraph-documents.text-medium {
    position: static;
  }

  .container-cards {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    display: flex;
  }

  .costoscuotas {
    width: auto;
  }

  .td.bb-1.br-1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-right: 10px;
    display: flex;
  }

  .grid-table_cuotas_cred_1 {
    grid-template-areas: ". Area Area Area"
                         "Area-2 . . ."
                         "Area-3 . . .";
  }

  .grid-table__medium {
    grid-template-areas: "Area-9 Area Area Area Area"
                         "Area-2 Area-8 Area-7 Area-3 Area-10"
                         "Area-2 Area-6 Area-5 Area-4 Area-11";
    grid-auto-columns: 1fr;
    margin-right: 1px;
  }

  .hero-cd__image {
    width: 650px;
    top: 10%;
    right: 10%;
  }

  .column-42 {
    justify-content: flex-start;
    align-items: center;
  }

  .image-36 {
    margin-right: 16px;
  }

  .img-mpos {
    margin-left: auto;
    margin-right: 0;
  }

  .grid-table-copy, .grid-table_cuotas_cred_1-copy {
    grid-template-areas: ". Area Area Area Area Area"
                         "Area-2 . . . . ."
                         "Area-3 . . . . .";
  }
}

@media screen and (max-width: 991px) {
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .container.header {
    padding-top: 40px;
    padding-bottom: 98px;
  }

  .container.reader {
    padding-bottom: 25px;
  }

  .container.app {
    z-index: 9997;
  }

  .container.features-cd2-container {
    flex-direction: column;
  }

  .navbar {
    margin-left: -24px;
    margin-right: -24px;
  }

  .nav-item {
    color: var(--white);
    text-align: center;
    width: 100%;
    margin: 16px auto;
    font-size: 20px;
    line-height: 24px;
    display: block;
  }

  .nav-item:hover {
    color: #51a48f;
  }

  .nav-item.w--current {
    color: #fff;
  }

  .nav-item.signin {
    color: #fff;
    border-color: #fff;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    display: block;
  }

  .nav-item.home, .nav-item.home-c {
    display: block;
  }

  .nav-item.login {
    color: #fff;
    border-color: #fff;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    display: block;
  }

  .nav-item.nav-item__toggle {
    justify-content: center;
  }

  .nav-menu {
    background-color: var(--blue-600);
    width: 400px;
    margin-left: 0;
    padding: 88px 40px 24px;
  }

  .contact-container {
    flex: 1;
  }

  .section-header {
    margin-top: 12px;
  }

  .section-header.mt-0 {
    margin-top: 0;
  }

  .section-header.mt-0.hero-home {
    background-image: linear-gradient(#fff, #fff);
    background-position: 0 0;
    background-size: auto;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 220px;
    display: flex;
  }

  .title-header {
    font-size: 65px;
    line-height: 70px;
  }

  .title-header.hero-title-header {
    font-size: 28px;
    line-height: 30px;
  }

  .button.header {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .button.outline {
    font-size: 18px;
    line-height: 18px;
  }

  .container-circle {
    width: 80px;
    height: 80px;
  }

  .container-circle.app {
    margin-left: 24px;
    margin-right: 24px;
  }

  .container-circle.center {
    width: 48px;
    height: 48px;
  }

  .subtitle {
    font-size: 22px;
  }

  .subtitle.p8.center.switch-text {
    margin-top: -48px;
  }

  .parragraph {
    font-size: 16px;
    line-height: 20px;
  }

  .column {
    padding-left: 8px;
    padding-right: 8px;
  }

  .section-contact {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .title {
    margin-bottom: 56px;
    font-size: 36px;
    line-height: 40px;
  }

  .title.green.app {
    max-width: 90%;
    margin-bottom: 20px;
  }

  .title.left {
    margin-bottom: 20px;
  }

  .title.cs-features-title {
    text-align: center;
  }

  .box-block {
    flex-direction: column;
    align-items: flex-start;
    width: 93%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .box-block.feature-item {
    align-items: center;
    width: 300px;
  }

  .swiper-slide {
    width: 250px;
  }

  .copyright {
    flex: 1;
  }

  .section-top {
    height: 60px;
  }

  .wrap-container {
    display: none;
  }

  .section-reader {
    padding-bottom: 40px;
  }

  .section-footer {
    padding-top: 72px;
    padding-bottom: 32px;
  }

  .section-howtoworks {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .container-nav {
    align-items: center;
  }

  .image-6 {
    margin-left: 16px;
  }

  .menu-button {
    z-index: 2;
    color: var(--violeta-500);
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
  }

  .menu-button.w--open {
    color: var(--white);
    background-color: #0000;
  }

  .icon {
    width: 100%;
    height: 100%;
  }

  .box {
    padding-left: 32px;
    padding-right: 32px;
  }

  .box.kit {
    width: 90%;
    padding-right: 40px;
  }

  .box.comisiones {
    padding-left: 60px;
    padding-right: 60px;
  }

  .box.banner-btn-pago {
    width: 90%;
    padding-left: 60px;
    padding-right: 60px;
  }

  .section-wallet.app {
    background-image: linear-gradient(to bottom, null, null);
  }

  .section-wallet.dashboard {
    margin-bottom: 24px;
  }

  .image-9 {
    width: 76%;
    font-size: 15px;
  }

  .image-10 {
    width: 40px;
    margin-right: 10px;
  }

  .column-16 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-17 {
    margin-bottom: 0;
  }

  .section-kit {
    margin-bottom: -70px;
  }

  .image-12 {
    max-width: 600px;
    display: none;
    right: -26%;
  }

  .circle-arrows {
    margin-right: 24px;
    padding-left: 4px;
    padding-right: 0;
    right: -43px;
  }

  .column-19 {
    margin-top: 0;
  }

  .text-block {
    font-size: 20px;
  }

  .section-benefits {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .div-block-13 {
    flex-direction: column;
  }

  .image-13 {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    right: 0;
  }

  .image-16 {
    width: 240px;
  }

  .image-17 {
    width: 390px;
    margin-right: 222px;
    padding: 0 0 28px;
    left: -11%;
  }

  .columns-14 {
    align-items: center;
    display: flex;
  }

  .columns-15 {
    align-items: stretch;
    display: flex;
  }

  .image-22 {
    max-width: 80%;
    padding-left: 0;
    padding-right: 0;
  }

  .columns-17 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .column-32 {
    order: 1;
    margin-top: 20px;
  }

  .image-9-absolute {
    z-index: 9998;
    font-size: 15px;
  }

  .info-tabla {
    font-size: 16px;
    line-height: 20px;
  }

  .circulo.top-right {
    max-width: 90%;
  }

  .circulo.bottom-left {
    z-index: 10;
    display: none;
  }

  .columns-20 {
    flex-direction: row;
    align-items: flex-end;
    width: 100%;
  }

  .columns-21 {
    flex-flow: column;
    margin-top: -131px;
  }

  .column-35 {
    top: -28px;
    left: -23px;
  }

  .column-36 {
    top: 25px;
    left: -87px;
  }

  .column-37 {
    flex: 1;
    align-self: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .column-38 {
    align-items: flex-end;
  }

  .title-faq {
    border-radius: 0;
  }

  .dropdown-toggle {
    padding-right: 48px;
  }

  .subtitle-columns {
    text-align: left;
    font-size: 22px;
  }

  .subtitle-2 {
    font-size: 22px;
  }

  .parragraph-2 {
    font-size: 16px;
    line-height: 20px;
  }

  .features-box {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 24px;
    display: flex;
  }

  .features-box.first {
    flex-direction: column-reverse;
    align-items: flex-end;
  }

  .section-features-app {
    padding-bottom: 40px;
  }

  .feature-image.accordion-image {
    max-width: 80%;
    margin-top: -70px;
  }

  .circle-arrows-button, .circle-arrows-button-2 {
    margin-right: 24px;
    padding-right: 0;
    top: 212px;
  }

  .div-block-19 {
    height: 880px;
    overflow: hidden;
  }

  .badge {
    padding-top: 10px;
  }

  .benefits-title {
    flex-direction: column;
    align-items: flex-start;
  }

  .beneficios-apps {
    align-items: center;
  }

  .div-block-33 {
    max-width: none;
  }

  .container-header {
    padding-left: 24px;
    padding-right: 24px;
  }

  .container-header.benefits {
    margin-bottom: 0;
  }

  .container-benefit-app {
    margin-top: 20px;
  }

  .div-block-37 {
    padding-left: 0;
  }

  .div-block-38 {
    flex-direction: column;
    align-items: center;
  }

  .section-material {
    padding-top: 60px;
  }

  .div-block-42 {
    height: 100px;
    margin-top: 16px;
  }

  .itemstore {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 93%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .button-negative.header {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .section-gradient {
    padding-top: 60px;
  }

  .background-wave {
    height: 100px;
    margin-top: 16px;
  }

  .div-block-49 {
    align-items: center;
  }

  .div-block-50 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 80%;
    display: flex;
  }

  .div-block-51 {
    flex-direction: column;
  }

  .div-block-52 {
    margin-right: 40px;
  }

  .icon-container {
    width: 90px;
    height: 90px;
  }

  .div-block-54.number-faq {
    width: 30px;
    height: 30px;
  }

  .button-steps {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .icon-checkout {
    width: 40px;
    height: 40px;
  }

  .title-banner {
    margin-bottom: 56px;
    font-size: 36px;
    line-height: 40px;
  }

  .title-banner.left {
    margin-bottom: 20px;
  }

  .parragraph-instructions {
    font-size: 16px;
    line-height: 20px;
  }

  .title-terciary {
    margin-bottom: 56px;
    font-size: 36px;
    line-height: 40px;
  }

  .title-terciary.left {
    margin-bottom: 20px;
  }

  .banner-top {
    margin-top: 56px;
  }

  .banner-container.banner-carrusel {
    height: 97px;
  }

  .banner-container.banner-carrusel.d-none {
    height: auto;
  }

  .promo-block {
    height: 110px;
    margin-top: 41px;
  }

  .div-block-63._w-8 {
    width: 80%;
    margin-right: 0;
  }

  .div-block-63._w-full {
    width: 300px;
  }

  .banner-text {
    margin-right: 10px;
  }

  .section-top-banner {
    flex-direction: column;
    height: auto;
    margin-top: 0;
    display: flex;
  }

  .parragraph-banner {
    font-size: 15px;
    line-height: 20px;
  }

  .parragraph-banner.t-wrap {
    width: 80%;
  }

  .section-gradient-secondary {
    padding-top: 60px;
  }

  .download-app-container {
    align-items: flex-start;
  }

  .image-features, .image-card-features {
    max-width: 600px;
    display: none;
    right: -26%;
  }

  .slide-item {
    background-position: 100% 100%;
    background-size: 80%;
  }

  .slider-3 {
    min-height: 306px;
  }

  .slide-inner {
    height: 306px;
    padding: 24px;
  }

  .slider-title {
    font-size: 28px;
  }

  .slider-text {
    width: 60%;
    font-size: 16px;
    line-height: 20px;
  }

  .slider-legales {
    font-size: 8px;
    line-height: 12px;
  }

  .slider-logos {
    order: 4;
    align-self: center;
    width: 200px;
    height: auto;
    position: absolute;
    bottom: 60px;
  }

  .slides-slide-item {
    background-position: 100% 100%;
    padding: 24px;
  }

  .logos-image {
    bottom: 60px;
  }

  .hero-cuenta-digital {
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    display: flex;
  }

  .features {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .title-copy {
    margin-bottom: 56px;
    font-size: 36px;
    line-height: 40px;
  }

  .title-copy.green.app {
    max-width: 90%;
    margin-bottom: 20px;
  }

  .title-copy.left {
    margin-bottom: 20px;
  }

  .hero-content__left {
    align-items: center;
    width: 100%;
  }

  .hero-content__right {
    width: 100%;
    inset: auto 0% 0%;
  }

  .hero-content {
    margin-top: 0;
  }

  .hero-content__top {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .subtitle-hero {
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .cta-hero {
    text-align: center;
  }

  .features-content_right {
    order: -1;
    align-self: stretch;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    position: relative;
  }

  .features-content_right.features-cd {
    order: 1;
    margin-top: 40px;
  }

  .image-32 {
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
  }

  .features-content_left {
    order: 1;
    align-self: flex-start;
    width: 100%;
  }

  .grid-get-app {
    grid-column-gap: 39px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .table-combine.mb-1.table-combine__medium {
    max-width: 450px;
  }

  .table-combine.table-combine__small {
    max-width: 225px;
  }

  .icon-bar {
    background-color: var(--violeta-500);
    width: 30px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
  }

  .image-33 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

  .hero-cd {
    align-items: flex-start;
    margin-top: 100px;
  }

  .hero-cd.hero-gradient {
    height: 90vh;
  }

  .hero-cd__content {
    width: 100%;
    padding-top: 40px;
  }

  .hero-cd__image {
    margin-left: auto;
    margin-right: auto;
    inset: auto 0 -5%;
  }

  .columns-37 {
    flex-direction: column;
    max-height: 100%;
  }

  .column-41 {
    flex: 1;
  }

  .list-3, .list-4, .list-5 {
    margin-bottom: 0;
    padding-left: 10px;
  }

  .slide-arrow {
    display: none;
  }

  .icon-2 {
    margin-right: 20px;
  }

  .icon-3 {
    margin-left: 20px;
  }

  .slide-pagination, .column-42 {
    display: none;
  }

  .column-43 {
    height: auto;
  }

  .brand-cd {
    inset: auto 0% 0%;
  }

  .slider-desktop {
    display: block;
  }

  .slider-mobile {
    display: none;
  }

  .image-38 {
    transform: rotate(90deg);
  }

  .costs {
    padding-top: 100px;
  }

  .costs-table__head {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .costs-table__head-title.head-title__right {
    display: none;
  }

  .th.th-flex {
    flex-direction: column;
  }

  .costs-condition__title {
    margin-bottom: 10px;
  }

  .hero-cloud-shop {
    background-position: 50% 100%;
    background-size: cover;
    padding-top: 60px;
  }

  .hero-cloud-shop__content {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-left: 0%;
    margin-right: 0;
    display: flex;
  }

  .cs-features {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid-5 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
  }

  .vecto-cs-1, .vector-cs-2 {
    display: none;
  }

  .cs-features-grid {
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .grid-7 {
    grid-column-gap: 80px;
    grid-row-gap: 50px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .column-45 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .image-42 {
    width: 76%;
    font-size: 15px;
  }

  .parragraph-3 {
    font-size: 16px;
    line-height: 20px;
  }

  .column-46 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .image-43 {
    width: 76%;
    font-size: 15px;
  }

  .parragraph-4 {
    font-size: 16px;
    line-height: 20px;
  }

  .tabs-dispositives {
    display: none;
  }

  .accordeon-dispositives {
    flex-direction: column;
    align-items: center;
    width: 374px;
    display: flex;
  }

  .ad-toggle {
    text-align: center;
    background-color: #6a52b2;
    border-radius: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 260px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .ad-toggle.w--open {
    background-color: var(--white);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ad-img {
    width: 202px;
    margin-top: -50px;
    margin-left: auto;
    margin-right: auto;
  }

  .ad-content {
    width: 100%;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
  }

  .ad-content.w--open {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    height: auto;
    display: block;
    position: relative;
  }

  .ad-toggle-text {
    color: #c3bae0;
    font-size: 24px;
    font-weight: 700;
  }

  .column-47 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .parragraph-5 {
    font-size: 16px;
    line-height: 20px;
  }

  .image-44 {
    width: 76%;
    font-size: 15px;
  }

  .text-block-12 {
    color: #c3bae0;
    margin-top: -15px;
    padding-bottom: 20px;
    font-family: Nunito, sans-serif;
    font-size: 24px;
    font-weight: 700;
  }

  .text-block-12.active {
    color: var(--violeta-500);
  }

  .dropdown-2 {
    background-color: #6a52b2;
    border-radius: 16px;
    width: 100%;
    margin-bottom: 80px;
  }

  .dropdown-list-2 {
    position: relative;
  }

  .dropdown-list-2.w--open {
    background-color: var(--white);
    border-radius: 0 0 16px 16px;
    padding: 10px 40px 40px;
  }

  .flex-block {
    text-align: left;
    margin-bottom: 36px;
    font-family: Nunito, sans-serif;
  }

  .flex-block.no-margin {
    margin-bottom: 0;
  }

  .div-block-102 {
    font-size: 28px;
    font-weight: 900;
    line-height: 28px;
  }

  .text-block-13 {
    background-color: var(--violeta-500);
    color: #fff;
    border-radius: 7rem;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-right: 16px;
    font-size: 20px;
    font-weight: 900;
    line-height: 20px;
    display: flex;
  }

  .dropdown-dispositives {
    width: 100%;
    max-width: 374px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .dropdown-dispositives.accordion.js-accordion {
    grid-column-gap: 0px;
    grid-row-gap: 80px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .accordion__item {
    border-radius: 16px;
    width: 100%;
    margin-bottom: 0;
    position: relative;
  }

  .accordion__item.js-accordion-item.active {
    background-color: var(--white);
  }

  .accordion-header {
    background-color: #6a52b2;
    border-radius: 16px;
    transition: all .2s ease-in-out;
    position: relative;
  }

  .accordion-header.js-accordion-header.active {
    background-color: var(--white);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .accordion-body {
    background-color: var(--white);
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding: 20px 40px 40px;
  }

  .tab-pane-description {
    width: 90%;
  }

  .link-pago-img {
    order: 1;
    margin-top: 20px;
    display: none;
  }

  .tab-pane-inner {
    grid-column-gap: 16px;
    grid-row-gap: 46px;
    flex-direction: column;
    grid-template-rows: .5fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
  }

  .text-span-5 {
    display: none;
  }

  .link-pago-img-mobile {
    display: inline-block;
  }

  .accordion-icon {
    z-index: 10;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-right: 0;
    transition: transform .2s ease-in-out;
    display: flex;
    position: absolute;
    inset: auto 0 -3%;
  }

  .image-49 {
    transform: rotate(90deg);
  }

  .container-3 {
    max-width: 728px;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .hero-split.hero-split-image {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .grid-features__ttp {
    width: 100%;
  }

  .dropdown-menu.w--open {
    background-color: #fff0;
    width: 100%;
    position: relative;
  }

  .dropdown-item {
    align-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
  }

  .dropdown-item__text {
    padding-bottom: 0;
  }

  .dropdown-item__text.border-b {
    border: 1px #000;
    padding-bottom: 0;
  }

  .dropdown-item__text-title {
    color: #fff;
  }

  .dropdown-item__text-helper {
    display: none;
  }

  .subscript {
    position: relative;
  }

  .div-block-110 {
    width: 75%;
  }

  .image-55 {
    vertical-align: baseline;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .container.reader {
    padding-bottom: 0;
  }

  .container.app {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-item {
    margin-top: 0;
    margin-bottom: 0;
  }

  .nav-item.signin, .nav-item.login {
    margin-top: 16px;
  }

  .nav-menu {
    width: 320px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-container {
    display: none;
  }

  .section-header {
    margin-top: 0;
    margin-bottom: -124px;
    padding-bottom: 132px;
  }

  .section-header.mt-0.hero-home {
    background-image: linear-gradient(#fff, #fff);
    background-position: 0 0;
    background-size: auto;
    margin-bottom: 0;
    padding-top: 220px;
  }

  .title-header {
    letter-spacing: 0;
    text-indent: 0;
    column-count: 0;
    white-space: break-spaces;
    word-break: normal;
    overflow-wrap: normal;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 6px;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;
    text-decoration: none;
  }

  .button.header {
    width: 100%;
    height: 50px;
    margin-top: 0;
    margin-left: 0;
  }

  .button.outline {
    margin-top: 24px;
  }

  .button.button_tiendanube {
    align-self: center;
    width: 100%;
    margin-top: 20px;
  }

  .button.banner-button {
    margin-left: auto;
    margin-right: auto;
  }

  .container-circle.app {
    width: 56px;
    height: 56px;
    margin: 8px 0;
  }

  .container-circle.center {
    width: 32px;
    height: 32px;
    margin-bottom: 24px;
  }

  .number-steps {
    font-size: 18px;
    line-height: 24px;
  }

  .subtitle {
    margin-bottom: 8px;
  }

  .subtitle.p8.center.switch-text {
    margin-top: -26px;
    font-size: 16px;
  }

  .parragraph {
    margin-bottom: 0;
  }

  .parragraph.white {
    text-align: center;
  }

  .parragraph.white.center {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .parragraph.small {
    text-align: center;
  }

  .column {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 56px;
    padding-left: 72px;
    padding-right: 72px;
    display: flex;
  }

  .section-contact {
    padding-bottom: 0;
  }

  .title {
    margin-bottom: 32px;
  }

  .title.center {
    margin-left: 10px;
    margin-right: 10px;
  }

  .title.green.app {
    text-align: center;
  }

  .title.faqs-banner-title {
    text-align: center;
    font-size: 24px;
    line-height: 28px;
  }

  .box-block {
    flex-direction: row;
    align-items: center;
    width: 100%;
  }

  .box-block.feature-item {
    width: 200px;
  }

  .swiper-slide {
    width: 100%;
    margin-bottom: 14px;
  }

  .item-footer {
    font-size: 16px;
    line-height: 18px;
  }

  .copyright {
    margin-right: 24px;
  }

  .wrap-container {
    display: none;
  }

  .container-prices {
    width: 90%;
    padding-left: 48px;
    padding-right: 48px;
  }

  .logo-white {
    display: block;
  }

  .section-reader {
    padding-bottom: 0;
  }

  .section-howtoworks {
    background-image: linear-gradient(to bottom, null, null);
    padding-bottom: 115px;
  }

  .box.kit {
    width: 90%;
    padding: 24px 32px 24px 24px;
    position: relative;
  }

  .box.materialcomercios {
    padding-top: 15px;
    padding-bottom: 32px;
  }

  .box.banner-btn-pago {
    flex-direction: column-reverse;
  }

  .sub-subtitle {
    margin-bottom: 8px;
  }

  .sub-subtitle.p-8 {
    max-width: 200px;
    margin-bottom: 8px;
    margin-right: 0;
    padding-right: 0;
    font-size: 20px;
    line-height: 24px;
  }

  .sub-subtitle.p-8.center.black, .sub-subtitle.p-8.center.titulo-tabla-home {
    max-width: 100%;
  }

  .sub-subtitle.white, .sub-subtitle.white.center {
    text-align: center;
  }

  .section-wallet.app {
    background-position: 20% 0;
  }

  .section-wallet.dashboard {
    margin-bottom: -48px;
  }

  .image-9 {
    display: none;
  }

  .magicpos {
    flex-direction: column;
  }

  .column-16 {
    margin-bottom: 48px;
  }

  .column-18 {
    margin-bottom: 20px;
    display: flex;
  }

  .circle-arrows {
    margin-right: 0;
    right: -20px;
  }

  .column-19 {
    margin-bottom: 40px;
  }

  .column-20 {
    padding-right: 0;
  }

  .div-block-13 {
    flex-direction: row;
  }

  .image-13 {
    max-width: 100%;
    position: static;
  }

  .image-16 {
    max-width: 200px;
  }

  .image-17 {
    max-width: 360px;
    margin-right: 91px;
  }

  .column-30 {
    margin-bottom: 24px;
  }

  .columns-14 {
    flex-direction: column;
    display: flex;
  }

  .columns-15 {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
  }

  .image-22 {
    max-width: 80%;
    margin-bottom: 2px;
  }

  .columns-17 {
    flex-direction: column-reverse;
    display: flex;
  }

  .column-32 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-33 {
    padding-left: 0;
    display: flex;
  }

  .image-9-absolute, .circulo.top-right {
    display: none;
  }

  .circulo.bottom-left {
    max-width: 150%;
    display: none;
  }

  .columns-20 {
    flex-direction: column;
  }

  .column-34 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

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

  .column-35 {
    top: 16px;
    left: 12%;
  }

  .column-36 {
    left: -6%;
  }

  .column-38 {
    padding-left: 0;
  }

  .subtitle-documents {
    width: 100%;
  }

  .parragraph-documents {
    text-align: left;
  }

  .parragraph-documents.faq {
    width: 16%;
    height: 40px;
    font-size: 10px;
    line-height: 14px;
  }

  .parragraph-documents.faq.head {
    overflow-wrap: normal;
  }

  .parragraph-documents.faq.head.first {
    width: 36%;
  }

  .parragraph-documents.faq.head.first.left.bottom-last.deb, .parragraph-documents.faq.head.first.t-head.deb {
    width: 70%;
  }

  .parragraph-documents.faq.head.top.last.deb {
    width: 30%;
  }

  .parragraph-documents.faq.head.w16.col2 {
    height: 80px;
  }

  .parragraph-documents.faq.last.bottom-last.deb {
    width: 30%;
  }

  .parragraph-documents.text-medium {
    display: block;
    position: static;
  }

  .div-block-faq {
    display: block;
  }

  .div-block-14 {
    margin-top: 72px;
  }

  .costoscuotas.deb {
    width: 52%;
  }

  .subtitle-columns {
    margin-top: 20px;
    margin-bottom: 24px;
  }

  .icon-feature {
    width: 32px;
  }

  .subtitle-2 {
    margin-bottom: 8px;
  }

  .subtitle-2.white.left.mobile {
    font-size: 14px;
    line-height: 18px;
  }

  .parragraph-2.white.left.mobile {
    display: none;
  }

  .features-box.mobile {
    float: left;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    margin-bottom: 0;
    display: flex;
  }

  .features-box.first.mobile {
    float: left;
    float: left;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .icon-feature-active {
    width: 32px;
  }

  .section-features-app {
    padding-bottom: 0;
  }

  .circle-arrows-button {
    margin-right: 0;
    top: 140px;
  }

  .link-de-pago-description {
    flex-direction: column;
  }

  .circle-arrows-button-2 {
    margin-right: 0;
    top: 140px;
  }

  .div-block-19 {
    height: 800px;
    overflow: visible;
  }

  .div-block-20 {
    flex-direction: column;
    align-items: center;
    margin-left: 24px;
    display: flex;
  }

  .div-block-21 {
    width: 350px;
    display: flex;
  }

  .div-block-22 {
    flex-direction: column;
    align-items: center;
    margin-left: 19px;
    display: flex;
  }

  .reader-mobile-container {
    flex-direction: column;
    width: 500px;
    display: flex;
  }

  .div-block-23 {
    flex-direction: column;
    margin-left: 24px;
    display: flex;
  }

  .recibo-mobile {
    display: flex;
  }

  .div-block-26 {
    flex-direction: column;
    align-items: stretch;
  }

  .benefits-title {
    align-items: center;
  }

  .app-benefits {
    width: 90%;
  }

  .div-block-32 {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 0;
  }

  .div-block-33 {
    flex-direction: column;
    justify-content: space-between;
  }

  .div-block-34, .div-block-35 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .div-block-35.d-none {
    display: none;
  }

  .div-block-36 {
    justify-content: center;
    align-self: auto;
    display: flex;
  }

  .container-header.benefits {
    margin-top: 0;
    margin-bottom: 0;
  }

  .container-benefit-app {
    width: 100%;
    margin-bottom: 14px;
  }

  .image-29, .section-material {
    padding-bottom: 0;
  }

  .div-block-42 {
    height: 80px;
  }

  .itemstore {
    flex-direction: row;
    align-items: center;
    width: 100%;
  }

  .sub-subtitle-store {
    margin-bottom: 8px;
  }

  .div-block-45 {
    justify-content: center;
    display: flex;
  }

  .button-negative.header {
    margin-top: 32px;
    font-size: 18px;
  }

  .section-gradient {
    padding-bottom: 0;
  }

  .background-wave {
    height: 80px;
  }

  .div-block-50 {
    width: 100%;
  }

  .div-block-53 {
    width: 70%;
  }

  .sub-subtitle-icon {
    margin-bottom: 8px;
  }

  .title-banner {
    margin-bottom: 32px;
  }

  .title-banner.left {
    text-align: center;
    margin-bottom: 0;
  }

  .img-banner-btn-pago {
    margin-bottom: 20px;
  }

  .parragraph-instructions {
    margin-bottom: 0;
  }

  .title-terciary {
    margin-bottom: 32px;
  }

  .button-terminos.mobile-button {
    text-align: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .banner-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .banner-container.banner-carrusel {
    height: auto;
  }

  .promo-block {
    flex-direction: column;
    align-items: center;
    height: 100%;
    margin-top: 57px;
  }

  .div-block-63 {
    margin-bottom: 12px;
  }

  .div-block-63._w-full {
    width: auto;
  }

  .banner-text {
    margin-right: 20px;
  }

  .section-top-banner {
    height: 100%;
  }

  .parragraph-banner {
    margin-bottom: 0;
  }

  .section-gradient-secondary {
    padding-bottom: 0;
  }

  .div-block-71 {
    width: 80%;
  }

  .slider-2 {
    height: 100%;
  }

  .slide-item {
    background-image: url('../images/brand-vertical.png');
    background-position: 50% 100%;
    background-size: contain;
    min-height: 100%;
  }

  .slider-3 {
    min-height: 700px;
  }

  .slide-inner {
    justify-content: space-between;
    align-items: center;
    height: 100%;
    min-height: 700px;
  }

  .slider-title {
    text-align: center;
  }

  .slider-text {
    text-align: center;
    width: 80%;
  }

  .slider-logos {
    order: -1;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .slide-inner__top {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .slide-inner__bottom {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .slider-ahorro {
    background-color: #0000;
    width: 100%;
    height: 100vh;
    padding-bottom: 65px;
  }

  .slider-ahorro__arrow {
    display: none;
  }

  .slides-slide-item {
    background-color: var(--white);
    background-image: url('../images/brand-vertical.png');
    background-position: 50% 70%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 16px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .slide-content-top {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .slide-content-bottom {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .logos-image {
    width: 300px;
    position: relative;
    bottom: auto;
    right: auto;
  }

  .hero-cuenta-digital {
    min-height: 85vh;
  }

  .features.feature-first {
    padding-top: 60px;
  }

  .title-copy {
    margin-bottom: 32px;
  }

  .title-copy.center {
    margin-left: 10px;
    margin-right: 10px;
  }

  .title-copy.green.app {
    text-align: center;
  }

  .hero-content__right {
    margin-top: 60px;
    position: relative;
    top: 0;
  }

  .hero-content {
    flex-direction: column;
    justify-content: flex-start;
  }

  .hero-content__top {
    width: 100%;
  }

  .hero-gradient {
    height: 70vh;
  }

  .title-hero {
    font-size: 32px;
    line-height: 36px;
  }

  .subtitle-hero {
    font-size: 22px;
    line-height: 30px;
  }

  .grid-get-app {
    grid-row-gap: 59px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .table-combine.mb-1, .table-combine.mb-1.table-combine__medium, .table-combine.table-combine__small {
    max-width: 100%;
  }

  .hero-cd.hero-gradient {
    height: 84vh;
    margin-top: -10px;
  }

  .hero-cd__h1 {
    font-size: 32px;
    line-height: 36px;
  }

  .hero-cd__bajada {
    font-size: 16px;
    line-height: 19px;
  }

  .hero-cd__cta {
    margin-top: 40px;
  }

  .hero-cd__image {
    width: 100%;
    bottom: 0%;
  }

  .grid-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .columns-37 {
    margin-top: 0;
  }

  .list-3, .list-4 {
    list-style-type: none;
  }

  .list-5 {
    padding-left: 0;
    list-style-type: none;
  }

  .list-item {
    list-style-type: none;
  }

  .grid-3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-73, .div-block-74 {
    align-self: stretch;
  }

  .section-cd-fqs.banner-2 {
    flex-direction: column;
    justify-content: flex-start;
  }

  .grid-4 {
    flex-direction: column;
    grid-template-columns: 3.5fr 1fr;
    display: flex;
  }

  .brand-cd.brand-cd-02 {
    position: relative;
  }

  .slider-desktop {
    display: none;
  }

  .slider-mobile {
    display: block;
  }

  .costs-table__head-title.head-title__left {
    text-align: center;
  }

  .container-2 {
    flex-direction: column;
    display: flex;
  }

  .cloud-shop-card {
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .text-block-9 {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 28px;
    line-height: 32px;
  }

  .section {
    margin-left: 20px;
    margin-right: 20px;
  }

  .image-39 {
    padding-top: 20px;
  }

  .hero-cloud-shop {
    background-position: 50% 100%;
  }

  .cs-features {
    padding-top: 60px;
  }

  .advantages {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid-5 {
    margin-top: 60px;
  }

  .adv-box-icon {
    margin-bottom: 40px;
  }

  .column-45 {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 56px;
    padding-left: 72px;
    padding-right: 72px;
    display: flex;
  }

  .div-block-87 {
    flex-direction: column;
    align-items: center;
    margin-left: 24px;
    display: flex;
  }

  .image-42 {
    display: none;
  }

  .sub-subtitle-2 {
    margin-bottom: 8px;
  }

  .sub-subtitle-2.white, .sub-subtitle-2.white.center {
    text-align: center;
  }

  .div-block-88 {
    flex-direction: column;
    margin-left: 24px;
    display: flex;
  }

  .parragraph-3 {
    margin-bottom: 0;
  }

  .parragraph-3.white {
    text-align: center;
  }

  .parragraph-3.white.center {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .lector-description {
    flex-direction: column;
  }

  .div-block-89 {
    flex-direction: column;
    align-items: center;
    margin-left: 19px;
    display: flex;
  }

  .div-block-90 {
    width: 350px;
    display: flex;
  }

  .number-steps-2 {
    font-size: 18px;
    line-height: 24px;
  }

  .column-46 {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 56px;
    padding-left: 72px;
    padding-right: 72px;
    display: flex;
  }

  .div-block-91 {
    flex-direction: column;
    align-items: center;
    margin-left: 24px;
    display: flex;
  }

  .image-43 {
    display: none;
  }

  .link-de-pago-description-2 {
    flex-direction: column;
  }

  .div-block-92 {
    flex-direction: column;
    margin-left: 24px;
    display: flex;
  }

  .parragraph-4 {
    margin-bottom: 0;
  }

  .parragraph-4.white {
    text-align: center;
  }

  .parragraph-4.white.center {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-93 {
    flex-direction: column;
    align-items: center;
    margin-left: 19px;
    display: flex;
  }

  .div-block-94 {
    width: 350px;
    display: flex;
  }

  .number-steps-3 {
    font-size: 18px;
    line-height: 24px;
  }

  .column-47 {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 56px;
    padding-left: 72px;
    padding-right: 72px;
    display: flex;
  }

  .link-de-pago-description-3 {
    flex-direction: column;
  }

  .parragraph-5 {
    margin-bottom: 0;
  }

  .parragraph-5.white {
    text-align: center;
  }

  .parragraph-5.white.center {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-95, .div-block-96 {
    width: 350px;
    display: flex;
  }

  .div-block-97 {
    flex-direction: column;
    align-items: center;
    margin-left: 24px;
    display: flex;
  }

  .sub-subtitle-3 {
    margin-bottom: 8px;
  }

  .sub-subtitle-3.white, .sub-subtitle-3.white.center {
    text-align: center;
  }

  .div-block-98, .div-block-99 {
    flex-direction: column;
    margin-left: 24px;
    display: flex;
  }

  .image-44 {
    display: none;
  }

  .div-block-100 {
    flex-direction: column;
    align-items: center;
    margin-left: 19px;
    display: flex;
  }

  .div-block-101 {
    flex-direction: column;
    align-items: center;
    margin-left: 24px;
    display: flex;
  }

  .dropdown-dispositives.accordion.js-accordion {
    margin-top: 80px;
  }

  .bpn-tabs-link {
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
  }

  .bpn-tabs-link.w--current {
    padding-left: 9px;
    padding-right: 9px;
  }

  .tab-pane-description {
    width: 100%;
  }

  .tab-pane-li {
    margin-bottom: 30px;
  }

  .tab-pane-ul {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .payments-tabs-title {
    font-size: 23px;
  }

  .price-block {
    grid-template: "Area-2 Area-2"
                   "Area Area"
                   / 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
  }

  .text-block-14 {
    width: 100%;
  }

  .text-block-16 {
    text-align: left;
    margin-left: 0;
    display: flex;
  }

  .text-block-17 {
    align-self: center;
  }

  .flex-block-3 {
    clear: none;
    align-items: center;
    margin-top: 15px;
    margin-left: 40px;
  }

  .payments-title {
    font-size: 22px;
    line-height: 24px;
  }

  .payment-subtitle {
    font-size: 16px;
  }

  .link-pago-img__mask {
    height: 183px;
    display: flex;
  }

  .hero-heading-left {
    padding: 100px 40px 60px;
  }

  .grid-features__ttp {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .dropdown-item {
    padding-left: 0;
    padding-right: 0;
  }

  .ttp-md {
    display: none;
  }

  .ttp-sm {
    display: block;
  }

  .text-span-8 {
    vertical-align: baseline;
    margin-top: -60px;
    padding-bottom: 7px;
    display: block;
  }

  .text-span-9 {
    color: #4527a0;
    white-space: normal;
    text-decoration: none;
  }

  .text-block-19 {
    font-size: 16px;
  }

  .div-block-110 {
    width: 420px;
  }
}

@media screen and (max-width: 479px) {
  .container.header {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .container.px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-container {
    text-align: left;
  }

  .section-header {
    background-position: 0 0, 0 0;
    margin-top: 0;
    margin-bottom: 3px;
  }

  .section-header.mt-0.hero-home {
    background-image: linear-gradient(#fff, #fff);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    min-height: auto;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .title-header {
    text-align: left;
    width: 100%;
    font-size: 32px;
    line-height: 40px;
    text-decoration: none;
    position: static;
  }

  .button {
    text-align: center;
    width: 100%;
    margin-top: 16px;
  }

  .button.header {
    text-align: center;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 35px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
  }

  .button.slider-button {
    font-size: 18px;
  }

  .button.button_tiendanube {
    align-self: center;
    margin-top: 10px;
    margin-right: 10px;
  }

  .container-circle.app {
    margin-top: 0;
    margin-right: 0;
  }

  .container-circle.center {
    margin-bottom: 16px;
  }

  .subtitle {
    font-size: 18px;
    line-height: 26px;
  }

  .subtitle.white.p-4 {
    text-align: left;
  }

  .subtitle.p8.center.switch-text {
    text-align: center;
    margin-top: -9px;
    line-height: 18px;
  }

  .parragraph {
    font-size: 14px;
    line-height: 18px;
  }

  .parragraph.white {
    text-align: center;
  }

  .column {
    padding-left: 0;
    padding-right: 0;
  }

  .title {
    font-size: 32px;
    line-height: 34px;
  }

  .title.green.app {
    max-width: 100%;
  }

  .box-block {
    width: 100%;
  }

  .box-block.feature-item {
    width: 125px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .swiper-slide {
    margin-bottom: 16px;
  }

  .item-footer {
    font-size: 14px;
  }

  .legal-footer.web {
    flex-direction: column;
  }

  .copyright {
    text-align: center;
    margin-right: 0;
  }

  .wrap-container {
    overflow: auto;
  }

  .container-prices {
    width: 95%;
    margin-bottom: 56px;
    padding-top: 56px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .cell-style, .cell-style.right {
    padding-left: 10px;
    padding-right: 10px;
  }

  .logo-white, .logo-white.w--current {
    display: inline-block;
  }

  .section-reader {
    padding-top: 100px;
  }

  .section-howtoworks {
    background-image: linear-gradient(to bottom, null, null);
    padding-top: 44px;
  }

  .image-6 {
    max-width: 90%;
  }

  .box {
    padding-bottom: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .box.kit {
    width: 96%;
  }

  .box.kit.box-benefits {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .box.comisiones {
    padding-left: 10px;
    padding-right: 10px;
  }

  .box.banner-btn-pago {
    width: 75%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sub-subtitle {
    font-size: 16px;
    line-height: 22px;
  }

  .sub-subtitle.p-8.center {
    text-align: center;
  }

  .section-wallet.app {
    background-image: linear-gradient(to bottom, null, null);
    padding-top: 104px;
    padding-bottom: 20px;
  }

  .section-wallet.comision {
    padding-top: 60px;
  }

  .section-wallet.dashboard {
    margin-bottom: -90px;
    padding-top: 60px;
  }

  .item-reader {
    margin-bottom: 32px;
  }

  .column-17 {
    margin-top: -42px;
  }

  .section-benefits {
    padding-bottom: 24px;
  }

  .div-block-13 {
    flex-direction: column;
  }

  .image-16 {
    width: 180px;
    margin-top: -27px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .image-17 {
    width: 200px;
    margin-top: -62px;
    margin-left: -38px;
    margin-right: 0;
    position: static;
  }

  .item-contact {
    flex-direction: column;
    align-items: flex-start;
  }

  .contact-content {
    margin-left: 0;
  }

  .column-30 {
    padding-left: 0;
    padding-right: 0;
  }

  .columns-15 {
    flex-direction: column;
    align-items: flex-start;
  }

  .image-22 {
    padding-right: 0;
  }

  .column-32 {
    order: 0;
  }

  .image-23 {
    margin-top: 24px;
  }

  .column-33 {
    padding-left: 0;
    padding-right: 0;
  }

  .image-25, .image-26 {
    margin-bottom: 16px;
  }

  .table-2.table-two {
    justify-content: stretch;
  }

  .subtitle-tabla {
    font-size: 13px;
  }

  .circulo.top-right {
    max-width: 20%;
  }

  .circulo.bottom-left {
    max-width: 10%;
    display: none;
  }

  .columns-21 {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
  }

  .column-35 {
    text-align: right;
    position: static;
  }

  .column-36 {
    text-align: left;
    position: static;
    top: 0;
    left: 0%;
  }

  .column-38 {
    padding-right: 10px;
    display: block;
    position: relative;
  }

  .columns-22 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .dropdown-list.w--open {
    padding-left: 16px;
    padding-right: 16px;
  }

  .parragraph-documents.faq {
    text-align: center;
    white-space: pre-wrap;
    word-break: normal;
    overflow-wrap: break-word;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    width: 16%;
    font-size: 10px;
    line-height: 12px;
    display: flex;
  }

  .parragraph-documents.faq.head.first {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    width: 32%;
    display: flex;
  }

  .parragraph-documents.faq.head.first.left.bottom-last.deb {
    width: 65%;
  }

  .parragraph-documents.faq.head.first.t-head {
    font-size: 8px;
  }

  .parragraph-documents.faq.head.first.t-head.deb {
    width: 65%;
  }

  .parragraph-documents.faq.head.top {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .parragraph-documents.faq.head.top.last.deb {
    width: 35%;
  }

  .parragraph-documents.faq.head.top.w16.w12 {
    width: 14%;
    font-size: 8px;
  }

  .parragraph-documents.faq.head.w33.w75 {
    width: 42%;
  }

  .parragraph-documents.faq.head.w16.col2 {
    width: 18%;
    font-size: 9px;
    line-height: 5px;
  }

  .parragraph-documents.faq.head.w16.col2._2-lines {
    width: 24%;
    padding-top: 20px;
    line-height: 11px;
  }

  .parragraph-documents.faq.head.w16.w24 {
    width: 24%;
  }

  .parragraph-documents.faq.head.w16.w24.col2 {
    width: 18%;
  }

  .parragraph-documents.faq.last.bottom-last.deb {
    width: 35%;
  }

  .parragraph-documents.faq.last.w16.w12.col2 {
    width: 15%;
  }

  .parragraph-documents.faq.w16.w12 {
    width: 14.67%;
  }

  .parragraph-documents.faq.w16.w12.col2 {
    width: 14%;
    font-size: 8px;
  }

  .costoscuotas {
    border-radius: 0;
    margin-left: -16px;
    margin-right: -16px;
  }

  .costoscuotas.deb {
    width: 56%;
  }

  .subtitle-columns {
    text-align: center;
    margin-top: 10px;
    font-size: 22px;
    line-height: 26px;
  }

  .features-box.mobile {
    width: 33%;
    margin-bottom: 16px;
  }

  .features-box.first.mobile {
    width: 33%;
  }

  .section-features-app {
    padding-top: 100px;
  }

  .circle-arrows-button, .circle-arrows-button-2 {
    top: 110px;
  }

  .div-block-19 {
    height: 550px;
  }

  .div-block-20 {
    margin-left: 0;
  }

  .div-block-21 {
    display: none;
  }

  .div-block-22 {
    margin-left: 0;
  }

  .reader-mobile-container {
    display: none;
  }

  .div-block-23 {
    margin-left: 0;
  }

  .recibo-mobile {
    display: none;
  }

  .beneficios-apps {
    align-items: center;
    width: 100%;
  }

  .div-block-36 {
    width: 100%;
  }

  .container-header.benefits {
    margin-bottom: 0;
  }

  .container-benefit-app {
    margin-bottom: 16px;
  }

  .section-catalogo {
    margin-top: 44px;
  }

  .div-block-37 {
    width: 85%;
  }

  .column-39 {
    padding-left: 0;
  }

  .columns-23 {
    flex-direction: column;
  }

  .div-block-42 {
    height: 80px;
  }

  .itemstore {
    width: 90%;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .sub-subtitle-store {
    font-size: 16px;
    line-height: 22px;
  }

  .div-block-46 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .div-block-47.column-34 {
    width: 100%;
  }

  .button-negative {
    text-align: center;
    width: 100%;
    margin-top: 16px;
  }

  .button-negative.header {
    text-align: center;
    margin-bottom: 40px;
    font-size: 22px;
  }

  .img-checkout {
    display: none;
  }

  .background-wave {
    height: 80px;
  }

  .div-block-52 {
    margin-right: 0;
  }

  .icon-container {
    width: 80px;
    height: 60px;
  }

  .div-block-53 {
    width: 90%;
  }

  .sub-subtitle-icon {
    font-size: 16px;
    line-height: 22px;
  }

  .button-steps {
    text-align: center;
    width: 100%;
    margin-top: 16px;
    font-size: 14px;
  }

  .icon-checkout {
    width: 30px;
    height: 30px;
  }

  .title-banner {
    font-size: 32px;
    line-height: 34px;
  }

  .title-banner.left {
    font-size: 30px;
  }

  .parragraph-instructions {
    font-size: 14px;
    line-height: 18px;
  }

  .title-terciary {
    font-size: 32px;
    line-height: 34px;
  }

  .button-terminos {
    text-align: center;
    width: 100%;
    margin-top: 16px;
  }

  .button-terminos.mobile-button {
    width: 90%;
    margin-top: 0;
    margin-left: 18px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .banner-container {
    margin-top: -6px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .banner-container.banner-carrusel.d-none {
    margin-top: -29px;
    margin-bottom: -25px;
  }

  .promo-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 220px;
    padding-left: 0;
  }

  .div-block-63 {
    align-items: flex-start;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
  }

  .div-block-63._w-full {
    width: auto;
  }

  .banner-text {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
    display: flex;
    position: relative;
  }

  .parragraph-banner {
    font-size: 14px;
    line-height: 18px;
  }

  .download-app-container {
    align-items: center;
    width: 100%;
  }

  .img-header-wallet {
    display: none;
  }

  .div-block-71 {
    width: 100%;
  }

  .slide-item {
    min-width: auto;
  }

  .slider-3 {
    min-width: auto;
    padding-left: 10px;
    position: static;
  }

  .slide-inner {
    width: 100%;
    min-width: auto;
  }

  .slider-title {
    font-size: 24px;
    line-height: 28px;
  }

  .slider-text {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
  }

  .slider-legales {
    text-align: center;
    font-size: 8px;
    line-height: 12px;
  }

  .slider-ahorro {
    background-color: #0000;
    width: 90vw;
    height: 80vh;
    min-height: 650px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 60px;
  }

  .slider-ahorro__arrow, .slider-arrow__ahorro {
    display: none;
  }

  .slides-slide-item {
    background-color: var(--white);
    background-image: url('../images/brand-vertical.png');
    background-position: 50% 80%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 16px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .slide-content-top {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 240px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .slide-content-bottom {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .logos-image {
    width: 70%;
    font-size: 20px;
  }

  .slide-nav-2 {
    bottom: 0%;
  }

  .title-copy {
    font-size: 32px;
    line-height: 34px;
  }

  .title-copy.green.app {
    max-width: 100%;
  }

  .subtitle-hero {
    font-size: 16px;
    line-height: 25px;
  }

  .grid-features {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .box-caret.mb-1, .feature-lists, .features-content_left, .image-34 {
    width: 100%;
  }

  .hero-cd.hero-gradient {
    height: 80vh;
  }

  .hero-cd__cta {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .hero-cd__image {
    height: auto;
    top: 45%;
    bottom: auto;
  }

  .column-41 {
    padding-left: 10px;
  }

  .column-43 {
    margin-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-cd-fqs.banner-2 {
    min-height: auto;
  }

  .tyc-dropdown__label {
    align-content: flex-start;
    display: flex;
  }

  .tyc-dropdown__toggle {
    flex-wrap: wrap;
    display: flex;
  }

  .container-2 {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .cloud-shop-content {
    padding-left: 0;
    padding-right: 0;
  }

  .cloud-shop-card {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .text-block-9 {
    text-align: center;
    padding: 30px 0 10px;
    font-size: 22px;
    line-height: 28px;
  }

  .text-block-11 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .section {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .cloud-shop-list {
    padding-top: 10px;
  }

  .image-39 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .advantages {
    padding-bottom: 0;
  }

  .grid-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .adv-box-icon__excerpt {
    min-height: auto;
  }

  .checkbox-label {
    padding-left: 0;
    padding-right: 20px;
    font-size: 14px;
  }

  .column-45 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-87 {
    margin-left: 0;
  }

  .sub-subtitle-2 {
    font-size: 16px;
    line-height: 22px;
  }

  .div-block-88 {
    margin-left: 0;
  }

  .parragraph-3 {
    font-size: 14px;
    line-height: 18px;
  }

  .parragraph-3.white {
    text-align: center;
  }

  .div-block-89 {
    margin-left: 0;
  }

  .div-block-90 {
    display: none;
  }

  .column-46 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-91, .div-block-92 {
    margin-left: 0;
  }

  .parragraph-4 {
    font-size: 14px;
    line-height: 18px;
  }

  .parragraph-4.white {
    text-align: center;
  }

  .div-block-93 {
    margin-left: 0;
  }

  .div-block-94 {
    display: none;
  }

  .column-47 {
    padding-left: 0;
    padding-right: 0;
  }

  .parragraph-5 {
    font-size: 14px;
    line-height: 18px;
  }

  .parragraph-5.white {
    text-align: center;
  }

  .div-block-95, .div-block-96 {
    display: none;
  }

  .div-block-97 {
    margin-left: 0;
  }

  .sub-subtitle-3 {
    font-size: 16px;
    line-height: 22px;
  }

  .div-block-98, .div-block-99, .div-block-100, .div-block-101 {
    margin-left: 0;
  }

  .bpn-tabs-link {
    padding-left: 9px;
    padding-right: 9px;
  }

  .container-3 {
    max-width: none;
  }

  .text-span-7 {
    font-size: 20px;
  }

  .text-span-9 {
    direction: rtl;
    object-fit: fill;
    font-size: 20px;
    position: static;
  }

  .text-block-19 {
    margin-top: 0;
    margin-left: -12px;
    padding-right: 0;
    font-size: 12px;
  }

  .div-block-110 {
    width: 290px;
  }
}

#w-node-fd6ddf6f-ef78-0ece-7302-3383d767b594-07da3067, #w-node-c52e5736-c3fe-1c7d-ba00-59ef4b712099-07da3067, #w-node-e308fa65-ce15-8c67-158d-4caa6723936f-07da3067, #w-node-_70f6a410-3c14-0f31-600c-b8de108d2a9c-07da3067, #w-node-db0bb4c5-e5e3-ced8-7dad-cc6afd65f6b8-07da3067, #w-node-_67564cd3-b60a-0e1f-c64e-4fccacd3c7ba-07da3067, #w-node-dd68abed-650f-5ee4-b290-7b6163aca161-07da3067, #w-node-_6cecbf21-2b17-8d07-5288-6ab431d78123-07da3067, #w-node-_0afeeb5a-bcc8-37d2-7c85-2a0554b327a6-07da3067, #w-node-c1a01aea-8db3-a31e-17b9-1a906a95225b-07da3067, #w-node-_22e144a5-4dbc-6f0d-7536-e78fe9a348b3-07da3067, #w-node-_8acd5343-5ca5-488e-d927-d99f84fff8b6-07da3067, #w-node-_54bd1a7a-ef80-c868-7e9e-1b695306122b-07da3067 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c824980e-8b51-cc1f-1895-9733994e7523-07da3067 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_85441e3f-6eb0-ea41-1577-452df50d54fd-07da3067 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b35473d6-3ea1-70f8-07da-107cfa5b195f-07da3067 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-c7229583-f226-a5d8-b608-d63ff8488b39-07da3067, #w-node-_0db883bd-2ab0-159b-2da9-f0988becf5da-07da3067, #w-node-_6fc75049-22c1-9e91-f2b2-78631a9d241a-07da3067 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_47489e4c-4361-9158-c738-a5c1814f3035-07da3067 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_47489e4c-4361-9158-c738-a5c1814f303b-07da3067 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1a24715b-16d8-8081-6593-ac4d21e809f9-07da3067 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1a24715b-16d8-8081-6593-ac4d21e809ff-07da3067 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1a24715b-16d8-8081-6593-ac4d21e80a02-07da3067 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-e93b5de1-5ac5-7d86-b601-2f81cbd63d5a-07da3067 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e93b5de1-5ac5-7d86-b601-2f81cbd63d60-07da3067 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_578bc324-a459-0628-59b1-40011a1836a6-07da30bd, #w-node-_578bc324-a459-0628-59b1-40011a1836a8-07da30bd, #w-node-ce3f4ab1-1337-c268-0b10-4984d3e08b60-07da30bd, #w-node-cab70e1f-5bd4-3880-2eac-d5dd1ae738b2-07da30bd, #w-node-_9efaf0e7-e5dd-d850-95e5-c221a6090c29-07da30bd, #w-node-d0d9e272-142d-c511-adb1-b32b5929628d-07da30be {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_47489e4c-4361-9158-c738-a5c1814f3035-07da30c0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_47489e4c-4361-9158-c738-a5c1814f303b-07da30c0 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1a24715b-16d8-8081-6593-ac4d21e809f9-07da30c0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1a24715b-16d8-8081-6593-ac4d21e809ff-07da30c0 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1a24715b-16d8-8081-6593-ac4d21e80a02-07da30c0 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-e93b5de1-5ac5-7d86-b601-2f81cbd63d5a-07da30c0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e93b5de1-5ac5-7d86-b601-2f81cbd63d60-07da30c0 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b43959e-07da30d4 {
  grid-area: Area;
}

#w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b4395a2-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b4395a5-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b4395a8-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b4395ab-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b4395ae-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b4395b1-07da30d4 {
  place-self: stretch stretch;
}

#w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b4395ce-07da30d4 {
  grid-area: Area;
}

#w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b4395d2-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b4395d5-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b4395d8-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b4395db-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b4395de-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b4395e1-07da30d4 {
  place-self: stretch stretch;
}

#w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b4395fe-07da30d4 {
  grid-area: Area;
}

#w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b439602-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b439605-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b439608-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b43960b-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b43960e-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b439611-07da30d4 {
  place-self: stretch stretch;
}

#w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b43962e-07da30d4 {
  grid-area: Area;
}

#w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b439632-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b439635-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b439638-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b43963b-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b43963e-07da30d4, #w-node-_8a0ea317-e8eb-a4dc-272d-ebc40b439641-07da30d4, #w-node-_7ff40bbd-9e73-8f2e-2028-184ffc26b97e-07da30d4 {
  place-self: stretch stretch;
}

#w-node-e07b9c80-488e-1c6c-ac38-a713e99b7347-07da30d4 {
  grid-area: Area;
}

#w-node-d9dab762-65ae-39a6-f523-fb18ccfe36da-07da30d4 {
  grid-area: Area-2;
}

#w-node-_2a999735-a62c-aaca-41ba-ebfa5c39f07a-07da30d4, #w-node-c273a18e-4856-bcc2-11fb-6db9b86f5c09-07da30d4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c273a18e-4856-bcc2-11fb-6db9b86f5c0c-07da30d4 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-b69a4bca-974f-5d11-0769-90af7384bc19-07da30d4, #w-node-c3a0ac8c-d8f9-bc28-d552-a67015660316-07da30d4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_742a8f8c-ef21-5eef-fa95-d22deb693477-07da30d4, #w-node-ebc65859-d80d-3a79-a35f-d3e8a97a90f6-07da30d4, #w-node-_68552035-98c5-e81d-abd3-43584708c7f1-07da30d4, #w-node-_334a857a-8879-5468-9330-ad0ed99865b9-07da30d4, #w-node-f6a9c962-1458-45c9-9464-3f3b331c0c8a-07da30d4, #w-node-_2f1219d9-3a47-e9d3-0cbe-e951f4cb75c3-07da30d4, #w-node-_457cdffa-1e7b-4d1d-7ea6-bff50f573f88-07da30d4, #w-node-a82c23d2-4383-2e9c-ab87-6dcc365f4648-07da30d4, #w-node-_8d5ccd2c-32e2-2e16-e0f0-a26ced2390b6-07da30d4, #w-node-f8178196-fed7-265f-7192-23e6c21146a8-07da30d4, #w-node-d23485ba-b640-0780-0c0d-068bb27d1979-07da30d4, #w-node-_1192446f-c50e-042d-fb8c-3277c864133e-07da30d4 {
  place-self: stretch center;
}

#w-node-d1b5a579-3b75-38c6-7419-f1989463096a-07da30d4 {
  grid-area: Area;
}

#w-node-d1b5a579-3b75-38c6-7419-f1989463096e-07da30d4, #w-node-d1b5a579-3b75-38c6-7419-f19894630971-07da30d4, #w-node-d1b5a579-3b75-38c6-7419-f19894630974-07da30d4, #w-node-d1b5a579-3b75-38c6-7419-f19894630977-07da30d4, #w-node-d1b5a579-3b75-38c6-7419-f1989463097a-07da30d4, #w-node-d1b5a579-3b75-38c6-7419-f1989463097d-07da30d4 {
  place-self: stretch stretch;
}

#w-node-_53700328-ae6c-2090-e0ed-5265fda9cb4e-07da30d4 {
  grid-area: Area;
}

#w-node-_53700328-ae6c-2090-e0ed-5265fda9cb52-07da30d4, #w-node-_53700328-ae6c-2090-e0ed-5265fda9cb55-07da30d4, #w-node-_53700328-ae6c-2090-e0ed-5265fda9cb58-07da30d4, #w-node-_53700328-ae6c-2090-e0ed-5265fda9cb5b-07da30d4, #w-node-_53700328-ae6c-2090-e0ed-5265fda9cb5e-07da30d4, #w-node-_53700328-ae6c-2090-e0ed-5265fda9cb61-07da30d4 {
  place-self: stretch stretch;
}

#w-node-_8e1b09bb-11cb-e2e8-14d2-bbd1281baca1-07da30d4 {
  grid-area: Area;
}

#w-node-_8e1b09bb-11cb-e2e8-14d2-bbd1281baca5-07da30d4, #w-node-_8e1b09bb-11cb-e2e8-14d2-bbd1281baca8-07da30d4, #w-node-_8e1b09bb-11cb-e2e8-14d2-bbd1281bacab-07da30d4, #w-node-_8e1b09bb-11cb-e2e8-14d2-bbd1281bacae-07da30d4, #w-node-_8e1b09bb-11cb-e2e8-14d2-bbd1281bacb1-07da30d4, #w-node-_8e1b09bb-11cb-e2e8-14d2-bbd1281bacb4-07da30d4 {
  place-self: stretch stretch;
}

#w-node-c75002c8-4420-5f73-0c99-0dbd71bd3c50-07da30d4 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_4288183b-bc48-9337-07e8-f4678197c93f-07da30d7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fc5fae4b-3c76-a43e-4366-58947ddc0222-07da30d7 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_495604dd-07bf-9dd4-1e80-6c2e8450b3ea-54c43d5a {
  align-self: center;
}

#w-node-_536f2a46-cc20-841b-5d2a-6d23a2387480-54c43d5a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-_7ff40bbd-9e73-8f2e-2028-184ffc26b97e-07da30d4 {
    place-self: stretch stretch;
  }

  #w-node-_44b09337-6aa9-a159-f99f-407a0eaa8cf0-07da30d4 {
    grid-area: 2 / 6 / 3 / 7;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_0070e266-c81e-c9fe-5143-dfe3f507dd79-07da3067 {
    order: -9999;
  }

  #w-node-_03418791-dadc-383f-15da-6fbb347b8a76-7d0d071d {
    place-self: center;
  }

  #w-node-a143c6c4-547d-933a-93ce-85f403585b79-7d0d071d, #w-node-ef3eb31b-900d-d967-a682-acd3b93171f4-7d0d071d, #w-node-c902814e-df2c-6ed3-e77e-26f4923a7467-7d0d071d {
    align-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-b1764c6f-e512-5247-8e61-5b08d1f24db0-07da3067 {
    justify-self: center;
  }

  #w-node-_070aeeab-f190-7199-b2c1-9c6fc24d1b89-07da3067 {
    place-self: center start;
  }

  #w-node-_3da72d8e-d51d-3ab9-f606-b100ad69c9f9-07da3067 {
    place-self: center;
  }

  #w-node-_880fa60b-e8b9-037a-f259-f10d69014905-54c43d5a {
    order: 9999;
  }
}