.slide-in-left, .proceso-section.is-inview h2 {
  animation-delay: 0.1s;
  animation: h1-enter-left 0.5s ease-in both;
}

.proceso-section {
  background-color: var(--color-black);
  color: var(--color-white);
  background-image: radial-gradient(circle at 50% 100%, rgba(164, 118, 255, 0.15) 0%, transparent 50%);
  padding: 0;
}
.proceso-section .container {
  padding-top: 40px;
}
.proceso-section .desktop-only {
  display: block;
}
.proceso-section .mobile-only {
  display: none;
}
.proceso-section h2 {
  margin-bottom: var(--space-12);
  max-width: 800px;
  font-size: var(--heading-h1-size);
  text-align: start;
  max-width: none;
}
.proceso-section .comparison-wrapper {
  width: 100%;
  /* overflow-x: auto; */
  /* Hide scrollbar but keep functionality */
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: scroll;
}
.proceso-section .comparison-wrapper::-webkit-scrollbar {
  display: none;
}
.proceso-section .comparison-wrapper img {
  width: 1120px;
  height: auto;
}
.proceso-section .proceso-section-cta {
  display: none;
  align-items: center;
  margin-top: var(--space-8);
}
.proceso-section .proceso-section-cta .btn {
  margin: auto;
  width: max-content;
}
@media (max-width: 868px) {
  .proceso-section {
    padding: 0;
    --left-width: 164px;
    /* IZQUIERDA */
    /* WRAPPER SCROLLEABLE */
    /* IMAGEN DERECHA */
    /* Scrollbar Webkit */
  }
  .proceso-section .proceso-section-cta {
    display: flex;
  }
  .proceso-section .desktop-only {
    display: none;
  }
  .proceso-section h2 {
    margin-bottom: var(--space-2);
    line-height: var(--heading-h2-line);
    font-size: var(--heading-h2-size);
  }
  .proceso-section .mobile-only {
    position: relative;
    width: 100%;
    display: initial;
  }
  .proceso-section .table-left {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    height: 421px;
    pointer-events: none;
  }
  .proceso-section .table-right-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: calc(var(--left-width) - 10px);
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: var(--color-purple) transparent;
    padding-bottom: 15px;
  }
  .proceso-section .table-right {
    height: 421px;
    min-width: calc(100% + var(--left-width));
  }
  .proceso-section .table-right-wrapper::-webkit-scrollbar {
    height: 10px;
  }
  .proceso-section .table-right-wrapper::-webkit-scrollbar-thumb {
    background: var(--color-purple);
    border-radius: 14px;
  }
  .proceso-section .table-right-wrapper::-webkit-scrollbar-thumb:hover {
    background: var(--color-purple);
  }
}/*# sourceMappingURL=proceso-section.css.map */