:root {
  --black: #1f140f;
  --steel-blue: #246cb1;
  --medium-violet-red: #c92f62;
  --dark-red: #941910;
  --gold: #fd0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

body {
  color: #6b6461;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  line-height: 19.2px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h3 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 800;
  line-height: 50.4px;
}

h4 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 800;
  line-height: 36px;
}

h5 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 800;
  line-height: 28.8px;
}

p {
  margin-bottom: 0;
  line-height: 28.8px;
}

a {
  color: var(--steel-blue);
  font-weight: 700;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: 0;
  font-weight: 700;
  display: block;
}

.container-content {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.container-content.navbar {
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.container-content.header {
  grid-column-gap: 100px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 96px;
  padding-bottom: 64px;
}

.container-content.body {
  padding-top: 96px;
  padding-bottom: 96px;
}

.container-content.body.contact {
  margin-bottom: 96px;
}

.container-content.body.support-banner {
  padding-bottom: 0;
}

.container-content.footer {
  padding-top: 60px;
  padding-bottom: 16px;
}

.container-content.header-intern {
  padding-top: 64px;
  padding-bottom: 96px;
}

.container-content.support-products {
  max-width: 1312px;
  padding-top: 64px;
  padding-bottom: 64px;
}

.container-content.slide {
  padding-top: 20px;
}

.container-content.slide.relative {
  position: relative;
}

.container-content.slide.relative.pd-top-50 {
  padding-top: 50px;
}

.bg-white {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}

.bg-white.navbar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}

.nav-link {
  color: #1f140f;
  padding: 0;
  font-weight: 700;
  line-height: 24px;
}

.nav-link:hover, .nav-link.w--current {
  border-bottom: 1px solid var(--steel-blue);
  color: var(--steel-blue);
}

.btn-primary {
  color: #fff;
  background-color: #246cb1;
  border-radius: 5px;
  flex: none;
  padding: 10px 24px;
  font-weight: 700;
}

.links-navbar {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  order: 1;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.brand-logo {
  order: -1;
}

.img-border {
  border-radius: 32px;
}

.img-border.desktop.margin {
  margin-top: 30px;
  margin-bottom: 30px;
}

.img-border.mobile {
  display: none;
}

.header-banner-principal {
  color: var(--black);
  font-size: 60px;
  font-weight: 800;
  line-height: 72px;
}

.header-banner-principal.font-40 {
  font-size: 40px;
  line-height: 50px;
}

.header-banner-principal.font-40._w-70 {
  width: 70%;
}

.resaltado {
  color: var(--medium-violet-red);
}

.flex-gap-32 {
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.flex-gap-32.center-mobile.cotizacion {
  align-items: stretch;
}

.flex-gap-32.center {
  align-items: center;
}

.flex-gap-32.form {
  grid-row-gap: 20px;
  flex: 1;
  align-items: stretch;
}

.flex-gap-32._w-420 {
  max-width: 420px;
}

.flex-gap-32._w-420.pd-top-120 {
  padding-top: 120px;
}

.flex-gap-32._w-420.pd-top-120.pb-bottom-96 {
  padding-bottom: 96px;
}

.flex-horizontal {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  display: flex;
}

.flex-horizontal.center {
  align-items: center;
}

.flex-horizontal.gap-60 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.flex-horizontal.gap-60.align-items-center {
  align-items: center;
}

.flex-horizontal.gap-30 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.flex-horizontal.gap-30.align-items-center {
  align-items: center;
}

.flex-horizontal.gap-30.align-strech {
  align-self: stretch;
}

.flex-horizontal.gap-30.align-top {
  justify-content: center;
  align-items: stretch;
}

.flex-horizontal.gap-auto {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
}

.flex-horizontal.gap-120 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
}

.flex-horizontal.gap-0 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.flex-horizontal.gap-0.align-v-h-center {
  justify-content: center;
  align-items: center;
}

.flex-horizontal.gap-0.align-items-end {
  align-items: flex-end;
}

.flex-horizontal.gap-3 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
}

.flex-horizontal.gap-3.colors {
  align-items: center;
}

.flex-horizontal.space-between, .flex-horizontal.tutorial {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
}

.flex-horizontal.gap-36 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
}

.flex-horizontal.gap-36.mail {
  justify-content: space-between;
}

.flex-horizontal.gap-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.flex-horizontal.gap-16.align-items-center {
  align-items: center;
}

.flex-horizontal.gap-16.align-items-center.horizontal-mobile.support {
  justify-content: space-between;
  align-items: center;
}

.flex-horizontal.gap-16.cotizacion {
  justify-content: space-between;
}

.flex-horizontal.justify-center {
  justify-content: center;
}

.flex-horizontal.gap-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.flex-horizontal.align-right {
  justify-content: flex-end;
  align-items: center;
}

.pre-tittle {
  color: var(--steel-blue);
  letter-spacing: 3px;
  text-transform: uppercase;
  line-height: 28.8px;
}

.pre-tittle.product {
  color: var(--dark-red);
  letter-spacing: 1.6px;
  line-height: 19.2px;
}

.pre-tittle.support {
  letter-spacing: 2px;
  font-size: 28px;
  font-weight: 700;
}

.flex-vertical-gap-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.flex-vertical-gap-8.center {
  align-items: center;
}

.flex-vertical-gap-8.center.mxw-756 {
  max-width: 756px;
  margin-left: auto;
  margin-right: auto;
}

.flex-vertical-gap-8.cotizacion {
  flex: 1;
}

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

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

.flex-vertical.gap-60 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.flex-vertical.gap-60.align-items-center {
  align-items: center;
}

.flex-vertical.gap-60.faq {
  margin-bottom: 16px;
}

.flex-vertical.gap-60.align-items-end {
  align-items: flex-start;
}

.flex-vertical.gap-12 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.flex-vertical.gap-12.align-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-vertical.gap-12.align-left.pd-20 {
  padding: 20px;
}

.flex-vertical.gap-12.align-left.pd-30 {
  padding: 30px 30px 96px;
}

.flex-vertical.gap-30 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.flex-vertical.gap-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.flex-vertical.gap-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.flex-vertical.gap-24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.flex-vertical.gap-24.div-support-product {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #fff;
  border: 2px solid #f2f2f2;
  border-radius: 32px;
  justify-content: space-between;
  align-items: center;
  padding: 30px 20px;
  box-shadow: 0 8px 16px -8px rgba(0, 0, 0, .3);
}

.flex-vertical.gap-24.align-center {
  justify-content: flex-start;
  align-items: center;
}

.flex-vertical.gap-24.align-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-vertical.gap-24.align-left._w-50 {
  width: 50%;
}

.flex-vertical.gap-24.align-left._w-50.modal-padding {
  padding: 30px 30px 96px;
}

.flex-vertical.gap-24.align-left.pd-20 {
  padding: 50px 40px 96px;
}

.flex-vertical.align-items-center {
  align-items: center;
}

.flex-vertical.gap-3 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
}

.flex-vertical.gap-3.cotizacion {
  flex: 0 auto;
}

.flex-vertical.gap-3.cotizacion.ci-representante {
  flex: 1;
}

.flex-vertical.align-right {
  justify-content: center;
  align-items: flex-end;
}

.flex-vertical.full-size {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.check-yellow {
  background-color: var(--gold);
  border-radius: 24px;
  padding: 6px;
}

.container-check {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  min-width: 196px;
  height: 64px;
  display: flex;
}

.grid-logos {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: 64px 64px 64px;
  grid-template-columns: 85.333px 85.333px 85.333px 85.333px 85.333px 85.333px 85.333px 85.333px;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-logos.billetera {
  grid-template-rows: 64px;
  grid-template-columns: 85.333px 85.333px;
}

.div-bg-pretittle {
  text-align: center;
  background-color: rgba(0, 50, 91, .04);
  border-radius: 6px;
  flex: 1;
  padding: 10px 16px;
}

.div-bg-pretittle.notes {
  flex: 0 auto;
  padding-top: 8px;
  padding-bottom: 8px;
}

.bullet-point {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: flex-start;
  width: 340px;
  display: flex;
}

.huella-bullet {
  width: 60px;
  height: 60px;
}

.footer-link {
  color: var(--black);
  font-weight: 700;
  line-height: 28.8px;
  text-decoration: none;
}

.container-rrss {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.icon-rrss {
  background-color: var(--black);
  border-radius: 16px;
  padding: 5.33px;
}

.divider {
  background-color: rgba(36, 108, 177, .08);
  height: 1px;
}

.copyrigth {
  text-align: center;
  font-size: 14px;
  line-height: 25.2px;
}

.bg-grey {
  background-color: rgba(0, 50, 91, .04);
}

.container-product {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: url('../images/bg-lines.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 32px;
  flex-direction: column;
  flex: none;
  width: 468px;
  padding: 32px;
  display: flex;
  box-shadow: 0 2px 8px 4px rgba(0, 0, 0, .04);
}

.container-product.support {
  background-color: #fff;
  background-image: none;
  width: 340px;
  margin-left: -4px;
}

.text-red {
  color: var(--dark-red);
}

.rich-text-block {
  line-height: 28.8px;
}

.rich-text-block.faq {
  border-radius: 0;
  margin-bottom: 16px;
}

.tittle-opc-colors {
  font-weight: 700;
  line-height: 28.8px;
}

.tittle-opc-colors.text-black {
  color: var(--black);
}

.tittle-opc-colors.text-black.check {
  line-height: 24px;
}

.opc-color {
  border-width: 0;
  border-radius: 14.8px;
  width: 22.15px;
  height: 22.15px;
  margin-top: 0;
  margin-left: 0;
}

.opc-color._1 {
  background-color: var(--dark-red);
}

.opc-color._2 {
  background-color: gray;
}

.opc-color._3 {
  background-color: var(--gold);
}

.opc-color._4 {
  background-color: var(--black);
}

.opc-color._5 {
  background-color: #612e86;
}

.opc-color._6 {
  background-color: #014a72;
}

.opc-color._7 {
  background-color: #50b9a9;
}

.border-opc-color {
  border: 1.23px solid rgba(0, 0, 0, 0);
  border-radius: 29.5px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 4.92px;
  display: flex;
  position: relative;
}

.notes {
  font-size: 14px;
  line-height: 25.2px;
}

.notes.text-blue {
  color: var(--steel-blue);
}

.notes.text-blue.cotizacion {
  text-align: left;
}

.text-blue {
  color: var(--steel-blue);
}

.expandable-single {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  border: 1px solid #f2f2f2;
  border-radius: 6px;
  flex-direction: column;
  padding: 16px 30px 0;
  display: flex;
}

.expandable-top {
  grid-column-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-h4 {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 24px;
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
}

.arrow-expand-master {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

.expandable-bottom {
  transform-origin: 50% 0;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  display: flex;
}

.faq {
  border-radius: 32px;
  margin-bottom: 16px;
}

.tutorials {
  border-radius: 32px;
}

.opc-tutorial {
  color: var(--black);
  font-size: 14px;
  font-weight: 800;
  line-height: 21px;
}

.img-radius {
  border-radius: 6px;
}

.img-desktop.product {
  margin-bottom: -11px;
}

.img-desktop.product-support {
  margin-bottom: -20px;
}

.img-mobile {
  display: none;
}

.mail-icon {
  background-color: var(--gold);
  border-radius: 16px;
  padding: 7.27px;
}

.tittle-mail {
  font-size: 20px;
  line-height: 30px;
}

.circle-light-number {
  background-color: rgba(201, 47, 98, .04);
  border-radius: 48px;
  width: 60px;
  height: 60px;
  padding: 8px;
}

.circle-number {
  background-color: var(--medium-violet-red);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.circle-number.cotizacion {
  border-radius: 10px;
  width: 21.27px;
  height: 21.27px;
  padding: 4.83px;
}

.number-bullet {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 800;
  line-height: 24px;
}

.number-bullet.cotizacion {
  font-size: 14px;
  line-height: 14px;
}

.text-line-height-28 {
  line-height: 28.8px;
}

.div-line-pink {
  justify-content: center;
  align-items: center;
  width: 60px;
  display: flex;
}

.icon-download {
  margin: 10px;
}

.order {
  width: 100%;
}

.breadcrumb-gray {
  opacity: .33;
  color: var(--black);
  font-weight: 800;
  line-height: 28.8px;
}

.breadcrumb-blue {
  color: var(--steel-blue);
  font-weight: 800;
  line-height: 28.8px;
}

.text-hidden {
  display: none;
}

.radio-btn {
  width: 22.15px;
  height: 22.15px;
  margin-bottom: 0;
  padding-left: 0;
}

.select-field {
  color: var(--black);
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, .38);
  border-radius: 8px;
  margin-bottom: 0;
  padding: 8.5px 14px;
}

.select-field.cotizacion {
  color: rgba(0, 0, 0, .38);
  flex: 1;
}

.text-quantities {
  color: rgba(0, 0, 0, .6);
  background-color: #fff;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  top: -6px;
  left: 8px;
}

.div {
  position: relative;
}

.line-vertical {
  background-color: #f5f7f9;
  width: 3px;
  height: 100%;
}

.circle-light-cotizacion {
  background-color: #f5f7f9;
  border-radius: 23.2px;
  padding: 3.87px;
}

.notes-cotizacion {
  color: rgba(0, 0, 0, .6);
  margin-left: 14px;
  margin-right: 14px;
  font-size: 12px;
  line-height: 16px;
}

.div-line-gray {
  justify-content: center;
  width: 29px;
  display: flex;
}

.checkbox {
  float: none;
  border: 1px solid rgba(0, 0, 0, .38);
  border-radius: 4.5px;
  width: 18px;
  height: 18px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 16px;
  padding: 3px;
}

.checkbox.w--redirected-checked {
  background-color: var(--steel-blue);
  background-size: 90% 90%;
}

.check-cotizacion {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.btn-secondary {
  border: 1px solid var(--steel-blue);
  color: var(--steel-blue);
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 24px;
  line-height: 24px;
}

.bg-letter {
  background-image: url('../images/Header.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
}

.slide-slider {
  background-color: rgba(0, 0, 0, 0);
  height: auto;
}

.img-slide-bg-1 {
  z-index: 1;
  max-width: 676px;
  position: absolute;
  top: auto;
  bottom: -50px;
  left: auto;
  right: 0%;
}

.img-slide-bg-1._3 {
  max-width: none;
  max-height: 600px;
  bottom: -91px;
  right: -261px;
}

.img-slide-1 {
  z-index: 10;
  max-width: 570px;
  margin-bottom: -150px;
  margin-right: 0;
  position: relative;
  right: -150px;
}

.arrow {
  color: var(--steel-blue);
  background-color: #ebeff2;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 62px;
  font-size: 25px;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.img-slide-2 {
  z-index: 10;
  max-height: 490px;
  position: relative;
}

.img-slide-2.mobile {
  display: none;
}

.img-slide-bg-2 {
  z-index: 1;
  max-width: 751px;
  position: absolute;
  top: auto;
  bottom: -99px;
  left: -84px;
  right: auto;
}

.img-slide-bg-2._3 {
  max-width: none;
  max-height: 550px;
  left: -168px;
}

.bg-gray-light {
  z-index: 100;
  background-color: #f5f5f5;
}

.bg-gray-light.z-index-102 {
  z-index: 102;
}

.container-full-slide {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 120px;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

.img-z-index {
  z-index: 10;
  position: relative;
}

.img-z-index._2 {
  width: 90%;
}

.img-z-index._2.mobile {
  display: none;
}

.slide-4 {
  z-index: 101;
  background-color: #fff;
  padding-top: 120px;
  padding-bottom: 117px;
  padding-right: 0;
}

.full-img {
  width: 90%;
}

.full-img.desktop {
  display: block;
}

.full-img.desktop.complete {
  width: 100%;
  height: 100%;
}

.full-img.mobile {
  display: none;
}

.bg-modal {
  z-index: 100000;
  opacity: 0;
  background-color: rgba(0, 0, 0, .8);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal {
  background-color: #fff;
  border-radius: 32px;
  width: 800px;
  display: flex;
  position: relative;
}

.modal.flex-horizontal.gap-0._1 {
  background-color: rgba(0, 0, 0, 0);
}

.modal.flex-vertical._2 {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0);
  display: none;
}

.modal.flex-vertical._3 {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0);
  width: 700px;
  display: none;
}

.height-24 {
  height: 24px;
}

.height-24.margin-left-0 {
  margin-left: auto;
}

.bg-punto-modal1 {
  background-color: #d9d9d9;
  background-image: url('../images/Group-31.png');
  background-position: 28% 121%;
  background-repeat: no-repeat;
  background-size: 120%;
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
  width: 50%;
}

.close-btn {
  cursor: pointer;
  background-color: #fff;
  border-radius: 100px;
  padding: 8px;
  position: absolute;
  top: 15px;
  bottom: auto;
  left: auto;
  right: 15px;
}

.bg-punto-modal2 {
  background-color: #d9d9d9;
  background-image: url('../images/Group-31-1.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 90%;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  height: 300px;
}

.height-14 {
  height: 14px;
}

.height-14.margin-left-0 {
  margin-left: auto;
}

.slider {
  background-color: rgba(221, 221, 221, 0);
  height: auto;
}

.img-pop {
  border-radius: 32px;
}

.thumbnail {
  opacity: .8;
  cursor: pointer;
  width: 19%;
  margin-left: .5%;
  margin-right: .5%;
}

.slide-nav, .slide-nav-2 {
  opacity: 0;
}

.c-thumb-slide_inner {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.c-main-slider-nav, .c-thumb-nav {
  display: none;
}

.c-thumb_prev {
  cursor: pointer;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  left: 0%;
  right: auto;
}

.c-h4 {
  font-size: 20px;
  font-weight: 600;
}

.c-slide-inner {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.c-card-wrapper {
  width: 200px;
  position: absolute;
  top: -8%;
  bottom: auto;
  left: auto;
  right: 10%;
  overflow: hidden;
}

.c-card_deck {
  background-color: #252527;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  padding: 16px 16px 22px;
  overflow: hidden;
}

.c-main-slide-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.c-popularity-icon {
  width: 32px;
  margin-right: 16px;
}

.c-thumbnail-wrapper {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-top: 52px;
  display: flex;
  position: relative;
}

.c-main-mask {
  height: auto;
  padding-top: 44px;
  position: relative;
}

.c-prev-arrow {
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-right: 1px;
  display: flex;
}

.c-next-arrow {
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-left: 1px;
  display: flex;
}

.c-thumb-mask {
  width: 250px;
  overflow: visible;
}

.c-thumb-next {
  width: 40px;
  height: 40px;
  display: none;
}

.c-thmb-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.c-popularity-tag {
  background-color: #252527;
  border-radius: 12px;
  align-items: center;
  width: 225px;
  padding: 22px 24px;
  display: flex;
  position: absolute;
  top: 268px;
  right: -2px;
  overflow: hidden;
}

.c-slide {
  height: auto;
}

.c-text-xs {
  font-size: 14px;
}

.c-main-slider {
  background-color: rgba(0, 0, 0, 0);
  height: auto;
}

.c-prev {
  display: none;
}

.c-text-sm {
  font-size: 16px;
  font-weight: 500;
}

.c-card-thumbnail {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.c-content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.c-thumb-slider {
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  width: 100%;
  max-width: 90%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.c-next {
  display: none;
  top: -100px;
  right: -48px;
}

.c-thumb_next {
  cursor: pointer;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  left: auto;
  right: 0%;
}

.c-card_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.c-thumb-prev {
  display: none;
}

.c-main-slide-card {
  border-radius: 12px;
  width: 100%;
  max-width: 424px;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.c-thumb-slide {
  width: 250px;
  height: 150px;
  margin-left: 0;
  margin-right: 32px;
  padding-bottom: 0;
  padding-right: 0;
}

.c-thumb-progress {
  position: absolute;
}

.c-progress-component {
  justify-content: center;
  align-items: center;
  display: flex;
}

.mask {
  height: auto;
}

.img-slider-videos {
  object-fit: cover;
  border-radius: 32px;
  width: 100%;
  height: 600px;
}

.btn-play-youtube {
  height: 60px;
}

.overlay-video-yotube {
  z-index: 10;
  background-color: rgba(0, 0, 0, .36);
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

@media screen and (max-width: 767px) {
  .expandable-single {
    padding-left: 24px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    margin-top: 0;
    margin-bottom: 0;
  }

  h3 {
    text-align: center;
    font-size: 28px;
    line-height: 33.6px;
  }

  h4 {
    font-size: 20px;
    line-height: 30px;
  }

  .container-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-content.header {
    padding-top: 48px;
  }

  .container-content.body {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .container-content.body.contact {
    margin-bottom: 64px;
  }

  .container-content.slide.relative.pd-top-50 {
    padding-top: 0;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 24px;
  }

  .btn-primary {
    margin-left: auto;
    margin-right: auto;
  }

  .btn-primary.full-width-mobile {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .btn-primary.full-width-mobile.cotizacion {
    flex: 1;
  }

  .btn-primary.navbar {
    text-align: center;
    margin-top: 10px;
  }

  .btn-primary.align-left {
    margin-left: 0;
  }

  .links-navbar {
    background-color: #fff;
    height: 100vh;
    padding: 20px;
  }

  .img-border.desktop {
    display: none;
  }

  .img-border.mobile {
    display: block;
  }

  .img-border.h-350 {
    order: 1;
    height: 350px;
  }

  .header-banner-principal {
    font-size: 40px;
    line-height: 48px;
  }

  .header-banner-principal.text-center.mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-banner-principal.font-40 {
    font-size: 30px;
    line-height: 34px;
  }

  .flex-gap-32 {
    grid-row-gap: 24px;
  }

  .flex-gap-32.center-mobile {
    align-items: center;
  }

  .flex-gap-32.form {
    grid-row-gap: 16px;
  }

  .flex-gap-32._w-420.pd-top-120.pb-bottom-96 {
    padding-top: 96px;
    padding-bottom: 45px;
  }

  .flex-horizontal {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-direction: column;
  }

  .flex-horizontal.gap-40 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .flex-horizontal.gap-60 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .flex-horizontal.gap-30.align-items-center.horizontal-mobile, .flex-horizontal.gap-30.footer {
    flex-direction: row;
  }

  .flex-horizontal.gap-30.align-strech {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: row;
  }

  .flex-horizontal.gap-auto, .flex-horizontal.gap-120 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .flex-horizontal.gap-0.align-items-end {
    align-items: center;
  }

  .flex-horizontal.gap-3 {
    flex-direction: row;
  }

  .flex-horizontal.gap-36.mail {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .flex-horizontal.gap-36.horizontal-mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
  }

  .flex-horizontal.gap-16.align-items-center.horizontal-mobile {
    flex-direction: row;
  }

  .flex-horizontal.gap-16.align-items-center.horizontal-mobile.email {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: flex-start;
  }

  .flex-horizontal.gap-16.flex-horizontal-mobile {
    flex-direction: row;
    justify-content: space-between;
  }

  .flex-horizontal.gap-8.flex-horizontal-mobile {
    flex-direction: row;
    align-self: flex-start;
  }

  .flex-horizontal.gap-8.flex-horizontal-mobile.tlf {
    align-self: stretch;
  }

  .flex-horizontal.align-right.desktop {
    display: none;
  }

  .pre-tittle {
    text-align: center;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 25.5px;
  }

  .pre-tittle.product {
    text-align: left;
  }

  .mobile-menu {
    order: 1;
    padding: 6px;
  }

  .mobile-menu.w--open {
    color: var(--steel-blue);
    background-color: #fff;
  }

  .flex-vertical-gap-8.product {
    order: 2;
  }

  .flex-vertical-gap-8.footer {
    grid-column-gap: 32px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    align-content: flex-start;
  }

  .text-center.monile {
    display: none;
  }

  .text-center.mobile-left {
    text-align: left;
  }

  .flex-vertical.gap-60 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .flex-vertical.gap-60.align-items-center.product {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .flex-vertical.gap-12 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .flex-vertical.gap-30.footer {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .flex-vertical.gap-4 {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .flex-vertical.gap-4.product {
    order: 1;
  }

  .flex-vertical.gap-4.product.cotizacion {
    order: 2;
  }

  .flex-vertical.gap-24.align-left._w-50.modal-padding {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    width: 100%;
    padding: 20px;
  }

  .check-yellow {
    width: 22.5px;
    height: 22.5px;
    padding: 3.75px;
  }

  .container-check {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
    height: auto;
  }

  .grid-logos {
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 40px;
  }

  .div-bg-pretittle.mobile {
    margin-left: 40px;
  }

  .bullet-point {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .huella-bullet {
    width: 30px;
    height: 30px;
  }

  .container-product {
    width: auto;
    padding: 24px;
  }

  .expandable-single {
    padding: 24px;
  }

  .img-desktop {
    display: none;
  }

  .img-mobile {
    display: block;
  }

  .img-mobile.product {
    order: -1;
  }

  .tittle-footer {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    line-height: 25.2px;
  }

  .mail-icon.support {
    border-radius: 12px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 5.45px;
    display: flex;
  }

  .tittle-mail {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
  }

  .circle-light-number {
    border-radius: 38.4px;
    width: auto;
    height: auto;
    padding: 6.4px;
  }

  .circle-number {
    border-radius: 19.2px;
    width: auto;
    height: auto;
    padding: 8px;
  }

  .number-bullet {
    width: 19.2px;
    height: 19.2px;
  }

  .number-bullet.cotizacion {
    width: 16px;
    height: auto;
  }

  .text-line-height-28.mobile {
    display: none;
  }

  .order {
    order: 1;
  }

  .div {
    order: 2;
  }

  .bg-letter {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .img-slide-bg-1 {
    max-width: 406px;
    bottom: 29px;
    right: -13px;
  }

  .img-slide-1 {
    margin-bottom: 0;
    right: 0;
  }

  .arrow {
    width: 24px;
    height: 24px;
    font-size: 12px;
    display: flex;
  }

  .img-slide-2 {
    display: none;
  }

  .img-slide-2.mobile {
    display: block;
  }

  .img-slide-bg-2 {
    max-width: 406px;
    bottom: -82px;
    left: -23px;
  }

  .img-slide-bg-2._3 {
    max-height: 266px;
    bottom: -54px;
    left: 35px;
  }

  .bg-gray-light {
    z-index: 107;
  }

  .bg-gray-light.z-index-102 {
    z-index: 105;
  }

  .bg-gray-light.z-index-103 {
    z-index: 103;
  }

  .container-full-slide {
    grid-row-gap: 116px;
    grid-template-columns: 1.3fr;
  }

  .img-z-index._2.mobile {
    display: block;
    left: -17px;
  }

  .img-z-index.mobile {
    height: 152px;
  }

  .slide-4 {
    padding-top: 50px;
    padding-bottom: 168px;
  }

  .full-img.desktop {
    display: none;
  }

  .full-img.mobile {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  .img-slide-mobile {
    display: flex;
  }

  .modal.flex-horizontal.gap-0, .modal.flex-vertical {
    width: 90%;
  }

  .height-24 {
    height: 14px;
  }

  .bg-punto-modal1 {
    background-position: 50% 35%;
    background-size: 70%;
    border-top-right-radius: 0;
    border-bottom-left-radius: 32px;
    width: 100%;
    height: 150px;
  }

  .bg-punto-modal2 {
    height: 150px;
  }

  .mask {
    height: 415px;
  }

  .img-slider-videos {
    height: 200px;
  }

  .btn-play-youtube {
    height: 30px;
  }
}

#w-node-_5163ee7c-a64c-7d9c-bc1f-506778f76116-9a2500de, #w-node-_4f36db7c-39ab-5e8a-17d8-8ea31e3a8dc9-9a2500de, #w-node-_7e42ac4e-0704-3328-ec6f-b10a2eaa7167-9a2500de, #w-node-_07d8ffc6-23d6-0231-af09-299cc1e299a1-9a2500de, #w-node-_5b07493f-2f7a-ccfe-015f-50c5ad1f652f-9a2500de, #w-node-e6512b99-8cdd-9abb-5f7d-c4356fd7e32d-9a2500de, #w-node-_404bab25-ffc3-ab02-dcb5-2d7950bc0fd0-9a2500de, #w-node-_07325200-4f90-ee2e-a95d-38915ff38721-9a2500de, #w-node-d6476068-c2ee-54c1-f8cb-6fe64c974a98-9a2500de, #w-node-_2545ba0b-88fa-affa-56d0-72fc293e9476-9a2500de, #w-node-_845de820-0171-a9fc-33ae-ec27199897fe-9a2500de, #w-node-fbd165f0-ea9e-07fd-feb6-4d3ef36527f9-9a2500de, #w-node-_93b268e2-664b-918c-a6ec-a7c4c7c79905-9a2500de, #w-node-a81dee13-925a-c48b-e42d-9c5097c567ca-9a2500de, #w-node-_6c2829d6-a73c-6d1f-4bd4-a63da29f68b6-9a2500de, #w-node-f18b30a1-9c29-0545-a9de-c369470e55ce-9a2500de, #w-node-ce91ac5b-22df-7c5c-23d5-dd8e733247f9-9a2500de, #w-node-a4bede79-d3b2-5914-0bad-e60cf0c08dfa-9a2500de, #w-node-c6911e69-a429-fd7f-4ddd-520f271143f6-9a2500de, #w-node-f030f8a4-f32a-1478-d36c-42b0775542a0-9a2500de, #w-node-_1dea6345-eaed-48cd-5642-bbc5e37a688c-9a2500de, #w-node-_2f3531ea-7537-148e-d405-d0e626f2223e-9a2500de, #w-node-_5768c82c-f44e-0bb0-0785-aa95e7e74cc4-9a2500de, #w-node-_5768c82c-f44e-0bb0-0785-aa95e7e74cc5-9a2500de, #w-node-_20dd5351-323e-e56c-e6f3-bf688caf0513-9a2500de, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e4190-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e4191-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e4192-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e4193-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e4194-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e4195-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e4196-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e4197-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e4198-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e4199-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e419a-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e419b-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e419c-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e419d-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e419e-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e419f-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e41a0-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e41a1-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e41a2-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e41a3-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e41a4-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e41a5-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e41b4-3e8e4150, #w-node-_0b81b9e5-6be3-6604-fa86-33ca3e8e41b5-3e8e4150 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-ebcfe023-1409-fc35-e82a-ef6959628985-9a2500de {
    order: -9999;
  }
}