.iphone.div {
  display: flex;
  flex-direction: column;
  min-width: 393px;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
}

.iphone .div-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .element-hero {
  display: flex;
  flex-direction: column;
  height: 763px;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-image: url(./img/01-hero.png);
  background-size: cover;
  background-position: 50% 50%;
}

.iphone .hero-content {
  flex-direction: column;
  height: 830px;
  align-items: flex-start;
  gap: 64px;
  padding: 0px 32px;
  margin-bottom: -67.00px;
  display: flex;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.iphone .hero-tab {
  display: inline-flex;
  gap: 4px;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.iphone .subtitle {
  width: fit-content;
  margin-top: -1.00px;
  font-weight: var(--tipograf-a-heading-h5-light-mobile-font-weight);
  color: var(--language-infiniteprimary50);
  font-size: var(--tipograf-a-heading-h5-light-mobile-font-size);
  letter-spacing: var(--tipograf-a-heading-h5-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-mobile-line-height);
  white-space: nowrap;
  position: relative;
  font-family: var(--tipograf-a-heading-h5-light-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-light-mobile-font-style);
}

.iphone .divider {
  position: relative;
  width: 40px;
  height: 2px;
}

.iphone .hero-text {
  display: flex;
  justify-content: center;
  gap: 16px;
  align-self: stretch;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.iphone .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  background: linear-gradient(
    180deg,
    rgba(249, 205, 226, 1) 38%,
    rgba(150, 19, 83, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--tipograf-a-heading-h2-semibold-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h2-semibold-mobile-font-weight);
  color: transparent;
  font-size: var(--tipograf-a-heading-h2-semibold-mobile-font-size);
  letter-spacing: var(--tipograf-a-heading-h2-semibold-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h2-semibold-mobile-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h2-semibold-mobile-font-style);
}

.iphone .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  font-family: var(--tipograf-a-heading-h4-regular-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h4-regular-mobile-font-weight);
  color: var(--language-infiniteprimary50);
  font-size: var(--tipograf-a-heading-h4-regular-mobile-font-size);
  letter-spacing: var(--tipograf-a-heading-h4-regular-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h4-regular-mobile-line-height);
  font-style: var(--tipograf-a-heading-h4-regular-mobile-font-style);
}

.iphone .div-3 {
  display: flex;
  justify-content: center;
  gap: 24px;
  align-self: stretch;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.iphone .div-4 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  width: 100%;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}

.iphone .p {
  align-self: stretch;
  margin-top: -1.00px;
  font-weight: 400;
  color: transparent;
  font-size: 18px;
  letter-spacing: 0.09px;
  line-height: 23.4px;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .span {
  font-style: var(--tipograf-a-heading-h5-italic-mobile-font-style);
  color: #f7f5f6;
  letter-spacing: var(--tipograf-a-heading-h5-italic-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-italic-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h5-italic-mobile-font-weight);
  line-height: var(--tipograf-a-heading-h5-italic-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-italic-mobile-font-size);
}

.iphone .text-wrapper-3 {
  font-weight: var(--tipograf-a-heading-h5-light-mobile-font-weight);
  color: #f9cde2;
  letter-spacing: var(--tipograf-a-heading-h5-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-light-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-light-mobile-font-style);
  line-height: var(--tipograf-a-heading-h5-light-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-light-mobile-font-size);
}

.iphone .img {
  position: relative;
  width: 133px;
  height: 2px;
}

.iphone .body-regular {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22.5px;
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
}

.iphone .text-wrapper-4 {
  font-weight: var(--tipograf-a-body-medium-mobile-font-weight);
  color: #f7f5f6;
  font-family: var(--tipograf-a-body-medium-mobile-font-family);
  font-style: var(--tipograf-a-body-medium-mobile-font-style);
  letter-spacing: var(--tipograf-a-body-medium-mobile-letter-spacing);
  line-height: var(--tipograf-a-body-medium-mobile-line-height);
  font-size: var(--tipograf-a-body-medium-mobile-font-size);
}

.iphone .text-wrapper-5 {
  font-weight: var(--tipograf-a-body-light-mobile-font-weight);
  color: #f9cde2;
  font-family: var(--tipograf-a-body-light-mobile-font-family);
  font-style: var(--tipograf-a-body-light-mobile-font-style);
  letter-spacing: var(--tipograf-a-body-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-body-light-mobile-line-height);
  font-size: var(--tipograf-a-body-light-mobile-font-size);
}

.iphone .hero-buttons {
  display: flex;
  gap: 8px;
  align-self: stretch;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.iphone .div-5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
  border-radius: 2px;
}

.iphone .bot-n {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: var(--language-infiniteneutral50);
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .buttons-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -3.00px;
  margin-left: -3.00px;
  background-color: var(--blanco);
  border-radius: 2px;
  border: 3px solid;
  border-color: var(--language-infiniteprimary500);
}

.iphone .bot-n-2 {
  color: var(--language-infiniteprimary500);
  font-size: 14px;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .hero-data {
  align-items: center;
  gap: 56px;
  padding: 24px 72px;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
  display: flex;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.iphone .dato {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
  margin-left: -1.50px;
  margin-right: -1.50px;
}

.iphone .title {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h2-semibold-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h2-semibold-mobile-font-weight);
  color: var(--language-infiniteneutral50);
  font-size: var(--tipograf-a-heading-h2-semibold-mobile-font-size);
  letter-spacing: var(--tipograf-a-heading-h2-semibold-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h2-semibold-mobile-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h2-semibold-mobile-font-style);
}

.iphone .subtitle-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h6-light-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h6-light-mobile-font-weight);
  color: var(--language-infiniteprimary50);
  font-size: var(--tipograf-a-heading-h6-light-mobile-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-light-mobile-line-height);
  font-style: var(--tipograf-a-heading-h6-light-mobile-font-style);
}

.iphone .element-mdulos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 44px;
  padding: 56px 32px 72px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background: linear-gradient(
    180deg,
    rgba(249, 205, 226, 1) 27%,
    rgba(100, 12, 55, 1) 100%
  );
}

.iphone .body-large {
  margin-top: -1.00px;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.09px;
  line-height: 23.4px;
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
}

.iphone .text-wrapper-6 {
  font-weight: var(--tipograf-a-heading-h5-light-mobile-font-weight);
  color: #4c3b43;
  letter-spacing: var(--tipograf-a-heading-h5-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-light-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-light-mobile-font-style);
  line-height: var(--tipograf-a-heading-h5-light-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-light-mobile-font-size);
}

.iphone .text-wrapper-7 {
  font-weight: var(--tipograf-a-heading-h5-medium-mobile-font-weight);
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h5-medium-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-medium-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-medium-mobile-font-style);
  line-height: var(--tipograf-a-heading-h5-medium-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-medium-mobile-font-size);
}

.iphone .img-2 {
  position: absolute;
  height: 88.76%;
  top: 11.21%;
  left: calc(50.00% - 196px);
  width: 393px;
  aspect-ratio: 1.5;
  object-fit: cover;
}

.iphone .div-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .img-3 {
  position: relative;
  flex: 0 0 auto;
}

.iphone .mdulos-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .frame-wrapper {
  display: flex;
  width: 229px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 20px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
  border-radius: 1px;
}

.iphone .div-7 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .frame {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .img-4 {
  position: relative;
  width: 24px;
  height: 24px;
  aspect-ratio: 1;
}

.iphone .text-wrapper-8 {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: var(--language-infiniteneutral50);
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .div-8 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .text-wrapper-9 {
  position: relative;
  width: 182px;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 300;
  font-style: italic;
  color: var(--language-infiniteprimary50);
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.22px;
  line-height: 17.6px;
}

.iphone .div-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 20px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
  border-radius: 1px;
}

.iphone .mdulos-body {
  display: flex;
  flex-direction: column;
  width: 295px;
  align-items: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .body-regular-2 {
  margin-top: -1.00px;
  color: var(--language-infiniteneutral50);
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22.5px;
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  text-align: center;
}

.iphone .text-wrapper-10 {
  font-weight: var(--tipograf-a-body-light-mobile-font-weight);
  color: #f7f5f6;
  font-family: var(--tipograf-a-body-light-mobile-font-family);
  font-style: var(--tipograf-a-body-light-mobile-font-style);
  letter-spacing: var(--tipograf-a-body-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-body-light-mobile-line-height);
  font-size: var(--tipograf-a-body-light-mobile-font-size);
}

.iphone .text-wrapper-11 {
  font-weight: var(--tipograf-a-body-light-mobile-font-weight);
  color: #f7f5f6;
  text-decoration: underline;
  font-family: var(--tipograf-a-body-light-mobile-font-family);
  font-style: var(--tipograf-a-body-light-mobile-font-style);
  letter-spacing: var(--tipograf-a-body-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-body-light-mobile-line-height);
  font-size: var(--tipograf-a-body-light-mobile-font-size);
}

.iphone .img-5 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 2px;
}

.iphone .element-problemas {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 56px;
  padding: 120px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-image: url(./img/03-problemas.png);
  background-size: cover;
  background-position: 50% 50%;
}

.iphone .div-9 {
  align-items: center;
  gap: 32px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .problemas {
  display: flex;
  flex-direction: column;
  width: 312px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .text-wrapper-12 {
  margin-top: -1.00px;
  color: var(--language-infiniteprimary700);
  font-size: var(--tipograf-a-heading-h5-light-mobile-font-size);
  letter-spacing: var(--tipograf-a-heading-h5-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-mobile-line-height);
  position: relative;
  align-self: stretch;
  font-family: var(--tipograf-a-heading-h5-light-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h5-light-mobile-font-weight);
  text-align: center;
  font-style: var(--tipograf-a-heading-h5-light-mobile-font-style);
}

.iphone .img-6 {
  position: relative;
  width: 72px;
  height: 2px;
}

.iphone .div-10 {
  align-items: center;
  gap: 24px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .title-section {
  align-self: stretch;
  font-weight: 400;
  color: transparent;
  font-size: 38px;
  letter-spacing: -0.76px;
  line-height: 41.8px;
  position: relative;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  text-align: center;
}

.iphone .text-wrapper-13 {
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h2-regular-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-regular-mobile-font-family);
  font-style: var(--tipograf-a-heading-h2-regular-mobile-font-style);
  font-weight: var(--tipograf-a-heading-h2-regular-mobile-font-weight);
  line-height: var(--tipograf-a-heading-h2-regular-mobile-line-height);
  font-size: var(--tipograf-a-heading-h2-regular-mobile-font-size);
}

.iphone .text-wrapper-14 {
  font-weight: var(--tipograf-a-heading-h2-semibold-mobile-font-weight);
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h2-semibold-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-semibold-mobile-font-family);
  font-style: var(--tipograf-a-heading-h2-semibold-mobile-font-style);
  line-height: var(--tipograf-a-heading-h2-semibold-mobile-line-height);
  font-size: var(--tipograf-a-heading-h2-semibold-mobile-font-size);
}

.iphone .subheading-large {
  font-style: italic;
  color: var(--language-infiniteprimary200);
  font-size: 21px;
  letter-spacing: -0.32px;
  line-height: 27.3px;
  text-decoration: underline;
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  font-weight: 300;
  text-align: center;
}

.iphone .body-regular-3 {
  color: var(--language-infiniteneutral800);
  font-size: 16px;
  letter-spacing: -0.24px;
  line-height: 20.8px;
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  text-align: center;
}

.iphone .text-wrapper-15 {
  font-weight: var(--tipograf-a-heading-h6-light-mobile-font-weight);
  letter-spacing: var(--tipograf-a-heading-h6-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h6-light-mobile-font-family);
  font-style: var(--tipograf-a-heading-h6-light-mobile-font-style);
  line-height: var(--tipograf-a-heading-h6-light-mobile-line-height);
  font-size: var(--tipograf-a-heading-h6-light-mobile-font-size);
}

.iphone .text-wrapper-16 {
  font-style: var(--tipograf-a-heading-h6-italic-mobile-font-style);
  letter-spacing: var(--tipograf-a-heading-h6-italic-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h6-italic-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h6-italic-mobile-font-weight);
  line-height: var(--tipograf-a-heading-h6-italic-mobile-line-height);
  font-size: var(--tipograf-a-heading-h6-italic-mobile-font-size);
}

.iphone .text-wrapper-17 {
  font-weight: 500;
  letter-spacing: -0.04px;
}

.iphone .frame-2 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
  position: relative;
  flex: 0 0 auto;
}

.iphone .frame-2::-webkit-scrollbar {
  width: 0;
  display: none;
}

.iphone .language-mobile {
  display: flex;
  flex-direction: column;
  width: 329px;
  height: 199px;
  align-items: center;
  gap: 16px;
  padding: 24px;
  position: relative;
  background-color: var(--language-infiniteprimary50);
}

.iphone .frame-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  width: 100%;
  position: relative;
  flex: 0 0 auto;
}

.iphone .title-minor {
  align-self: stretch;
  font-weight: 500;
  color: transparent;
  font-size: 16px;
  letter-spacing: -0.24px;
  line-height: 20.8px;
  position: relative;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  text-align: center;
}

.iphone .text-wrapper-18 {
  color: #961353;
  letter-spacing: -0.04px;
}

.iphone .text-wrapper-19 {
  color: #4c3b43;
  letter-spacing: -0.04px;
}

.iphone .text-wrapper-20 {
  color: #4c3b43;
  letter-spacing: -0.04px;
  text-decoration: underline;
}

.iphone .pros {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .subtitle-small {
  flex: 1;
  margin-top: -1.00px;
  font-weight: var(--tipograf-a-caption-italic-desktop-tablet-font-weight);
  font-style: var(--tipograf-a-caption-italic-desktop-tablet-font-style);
  color: var(--schoolpackneutral-900);
  font-size: var(--tipograf-a-caption-italic-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-caption-italic-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-caption-italic-desktop-tablet-line-height);
  position: relative;
  font-family: var(--tipograf-a-caption-italic-desktop-tablet-font-family);
}

.iphone .dropdown {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .horizontal-line {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 1px;
}

.iphone .icons-animated {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  transform: rotate(-90.00deg);
}

.iphone .arrow {
  position: relative;
  width: 24px;
  transform: rotate(90.00deg);
}

.iphone .problemas-CTA {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 0px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .img-7 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 2px;
  margin-top: -2.00px;
}

.iphone .body-regular-4 {
  color: transparent;
  font-size: 16px;
  letter-spacing: -0.24px;
  line-height: 20.8px;
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  text-align: center;
}

.iphone .text-wrapper-21 {
  color: #4c3b43;
  letter-spacing: var(--tipograf-a-heading-h6-regular-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h6-regular-mobile-font-family);
  font-style: var(--tipograf-a-heading-h6-regular-mobile-font-style);
  font-weight: var(--tipograf-a-heading-h6-regular-mobile-font-weight);
  line-height: var(--tipograf-a-heading-h6-regular-mobile-line-height);
  font-size: var(--tipograf-a-heading-h6-regular-mobile-font-size);
}

.iphone .text-wrapper-22 {
  font-weight: 500;
  color: #4c3b43;
  letter-spacing: -0.04px;
}

.iphone .text-wrapper-23 {
  font-weight: 500;
  color: #961353;
  letter-spacing: -0.04px;
}

.iphone .calendar {
  position: relative;
  width: 19px;
  height: 20px;
  margin-top: -2.00px;
  margin-bottom: -2.00px;
  margin-left: -1.50px;
}

.iphone .element-casos-de-xito {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 56px;
  padding: 120px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-image: url(./img/04-casos-de-xito.svg);
  background-size: cover;
  background-position: 50% 50%;
}

.iphone .heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  padding: 0px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .div-11 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .text-wrapper-24 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h5-light-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h5-light-mobile-font-weight);
  color: var(--language-infiniteprimary700);
  font-size: var(--tipograf-a-heading-h5-light-mobile-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-mobile-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h5-light-mobile-font-style);
}

.iphone .frame-4 {
  display: flex;
  flex-direction: column;
  min-width: 236px;
  align-items: center;
  gap: 18px;
  align-self: stretch;
  width: 100%;
  position: relative;
  flex: 0 0 auto;
}

.iphone .div-12 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 38px;
  letter-spacing: -0.76px;
  line-height: 41.8px;
}

.iphone .text-wrapper-25 {
  font-style: var(--tipograf-a-heading-h2-italic-mobile-font-style);
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h2-italic-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-italic-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h2-italic-mobile-font-weight);
  line-height: var(--tipograf-a-heading-h2-italic-mobile-line-height);
  font-size: var(--tipograf-a-heading-h2-italic-mobile-font-size);
}

.iphone .text-wrapper-26 {
  color: #4c3b43;
  letter-spacing: var(--tipograf-a-heading-h2-regular-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-regular-mobile-font-family);
  font-style: var(--tipograf-a-heading-h2-regular-mobile-font-style);
  font-weight: var(--tipograf-a-heading-h2-regular-mobile-font-weight);
  line-height: var(--tipograf-a-heading-h2-regular-mobile-line-height);
  font-size: var(--tipograf-a-heading-h2-regular-mobile-font-size);
}

.iphone .text-wrapper-27 {
  font-weight: var(--tipograf-a-heading-h2-semibold-mobile-font-weight);
  color: #c8196f;
  letter-spacing: var(--tipograf-a-heading-h2-semibold-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-semibold-mobile-font-family);
  font-style: var(--tipograf-a-heading-h2-semibold-mobile-font-style);
  line-height: var(--tipograf-a-heading-h2-semibold-mobile-line-height);
  font-size: var(--tipograf-a-heading-h2-semibold-mobile-font-size);
}

.iphone .language-infinite {
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: var(--language-infiniteneutral800);
  font-size: 18px;
  letter-spacing: 0.09px;
  line-height: 23.4px;
}

.iphone .text-wrapper-28 {
  font-weight: var(--tipograf-a-heading-h5-light-mobile-font-weight);
  letter-spacing: var(--tipograf-a-heading-h5-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-light-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-light-mobile-font-style);
  line-height: var(--tipograf-a-heading-h5-light-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-light-mobile-font-size);
}

.iphone .text-wrapper-29 {
  font-weight: var(--tipograf-a-heading-h5-medium-mobile-font-weight);
  letter-spacing: var(--tipograf-a-heading-h5-medium-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-medium-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-medium-mobile-font-style);
  line-height: var(--tipograf-a-heading-h5-medium-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-medium-mobile-font-size);
}

.iphone .content {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  overflow: hidden;
  overflow-x: scroll;
}

.iphone .content::-webkit-scrollbar {
  width: 0;
  display: none;
}

.iphone .testimonio {
  display: flex;
  flex-direction: column;
  width: 393px;
  align-items: center;
  justify-content: center;
  gap: 24px;
  position: relative;
}

.iphone .casos-de-xito {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .casos-de-xito-2 {
  background-color: #961353d9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  padding: 56px 32px 48px 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .body-small {
  margin-top: -1.00px;
  font-weight: var(--tipograf-a-heading-h5-italic-mobile-font-weight);
  color: var(--schoolpackneutral-50);
  font-size: var(--tipograf-a-heading-h5-italic-mobile-font-size);
  letter-spacing: var(--tipograf-a-heading-h5-italic-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-italic-mobile-line-height);
  position: relative;
  align-self: stretch;
  font-family: var(--tipograf-a-heading-h5-italic-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-italic-mobile-font-style);
}

.iphone .text-wrapper-30 {
  font-style: var(--tipograf-a-heading-h5-italic-mobile-font-style);
  letter-spacing: var(--tipograf-a-heading-h5-italic-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-italic-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h5-italic-mobile-font-weight);
  line-height: var(--tipograf-a-heading-h5-italic-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-italic-mobile-font-size);
}

.iphone .text-wrapper-31 {
  font-style: var(--tipograf-a-heading-h5-italic-mobile-font-style);
  letter-spacing: var(--tipograf-a-heading-h5-italic-mobile-letter-spacing);
  text-decoration: underline;
  font-family: var(--tipograf-a-heading-h5-italic-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h5-italic-mobile-font-weight);
  line-height: var(--tipograf-a-heading-h5-italic-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-italic-mobile-font-size);
}

.iphone .divider-horizontal {
  position: relative;
  width: 317px;
  height: 1px;
}

.iphone .subtitle-small-2 {
  width: 285px;
  font-weight: 400;
  color: transparent;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .text-wrapper-32 {
  font-weight: 500;
  color: #f9cde2;
  letter-spacing: -0.04px;
  line-height: 20.8px;
}

.iphone .text-wrapper-33 {
  font-weight: var(--tipograf-a-overline-light-desktop-tablet-font-weight);
  color: #e8e2e5;
  font-size: var(--tipograf-a-overline-light-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-overline-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-overline-light-desktop-tablet-line-height);
  font-family: var(--tipograf-a-overline-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-overline-light-desktop-tablet-font-style);
}

.iphone .div-13 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .button {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: var(--language-infiniteprimary50);
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .img-8 {
  position: relative;
  width: 12px;
  height: 12px;
}

.iphone .body-small-2 {
  margin-top: -1.00px;
  font-size: 16px;
  text-align: center;
  letter-spacing: -0.24px;
  line-height: 20.8px;
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
}

.iphone .text-wrapper-34 {
  font-weight: 500;
  color: #f9cde2;
  letter-spacing: -0.04px;
  text-decoration: underline;
}

.iphone .text-wrapper-35 {
  font-weight: var(--tipograf-a-heading-h6-light-mobile-font-weight);
  color: #f7f5f6;
  letter-spacing: var(--tipograf-a-heading-h6-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h6-light-mobile-font-family);
  font-style: var(--tipograf-a-heading-h6-light-mobile-font-style);
  line-height: var(--tipograf-a-heading-h6-light-mobile-line-height);
  font-size: var(--tipograf-a-heading-h6-light-mobile-font-size);
}

.iphone .frame-wrapper-2 {
  display: flex;
  width: 50px;
  height: 8px;
  align-items: center;
  gap: 2.11px;
  position: relative;
  aspect-ratio: 6;
}

.iphone .frame-5 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-top: -0.23px;
  margin-bottom: -0.23px;
  margin-right: -0.29px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .ellipse {
  background-color: #725964d9;
  position: relative;
  width: 8.46px;
  height: 8.46px;
  border-radius: 4.23px;
}

.iphone .ellipse-2 {
  position: relative;
  width: 8.46px;
  height: 8.46px;
  background-color: var(--language-infiniteneutral300);
  border-radius: 4.23px;
}

.iphone .div-14 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .casos-de-xito-wrapper {
  display: flex;
  flex-direction: column;
  width: 393px;
  align-items: flex-start;
  padding: 24px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .casos-de-xito-3 {
  background-color: #d0f5ffd9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  padding: 56px 32px 48px 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .body-small-3 {
  margin-top: -1.00px;
  font-weight: var(--tipograf-a-heading-h5-italic-mobile-font-weight);
  color: var(--campuspackprimary-800);
  font-size: var(--tipograf-a-heading-h5-italic-mobile-font-size);
  letter-spacing: var(--tipograf-a-heading-h5-italic-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-italic-mobile-line-height);
  position: relative;
  align-self: stretch;
  font-family: var(--tipograf-a-heading-h5-italic-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-italic-mobile-font-style);
}

.iphone .subtitle-small-3 {
  position: relative;
  width: 285px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: var(--campuspacksecondary-500);
  font-size: 16px;
  line-height: 16px;
}

.iphone .text-wrapper-36 {
  font-weight: 500;
  color: #004a88;
  letter-spacing: -0.04px;
  line-height: 20.8px;
}

.iphone .text-wrapper-37 {
  font-weight: var(--tipograf-a-overline-light-desktop-tablet-font-weight);
  color: #004a88;
  font-size: var(--tipograf-a-overline-light-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-overline-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-overline-light-desktop-tablet-line-height);
  font-family: var(--tipograf-a-overline-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-overline-light-desktop-tablet-font-style);
}

.iphone .button-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: var(--campuspackprimary-500);
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .container-slider-wrapper {
  width: 393px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .text-wrapper-38 {
  font-weight: 500;
  color: #00315b;
  letter-spacing: -0.04px;
  text-decoration: underline;
}

.iphone .text-wrapper-39 {
  font-weight: var(--tipograf-a-heading-h6-light-mobile-font-weight);
  color: #ebedf0;
  letter-spacing: var(--tipograf-a-heading-h6-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h6-light-mobile-font-family);
  font-style: var(--tipograf-a-heading-h6-light-mobile-font-style);
  line-height: var(--tipograf-a-heading-h6-light-mobile-line-height);
  font-size: var(--tipograf-a-heading-h6-light-mobile-font-size);
}

.iphone .ellipse-3 {
  position: relative;
  width: 8.46px;
  height: 8.46px;
  background-color: var(--campuspackneutral-200);
  border-radius: 4.23px;
}

.iphone .ellipse-4 {
  background-color: var(--campuspackneutral-800);
  position: relative;
  width: 8.46px;
  height: 8.46px;
  border-radius: 4.23px;
}

.iphone .casos-de-xito-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  padding: 56px 32px 48px 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--campuspackneutral-900);
}

.iphone .body-small-4 {
  margin-top: -1.00px;
  font-weight: var(--tipograf-a-heading-h5-italic-mobile-font-weight);
  color: var(--campuspackneutral-50);
  font-size: var(--tipograf-a-heading-h5-italic-mobile-font-size);
  letter-spacing: var(--tipograf-a-heading-h5-italic-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-italic-mobile-line-height);
  position: relative;
  align-self: stretch;
  font-family: var(--tipograf-a-heading-h5-italic-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-italic-mobile-font-style);
}

.iphone .text-wrapper-40 {
  font-weight: 500;
  color: #94ceff;
  letter-spacing: -0.04px;
  line-height: 20.8px;
}

.iphone .text-wrapper-41 {
  font-weight: var(--tipograf-a-overline-light-desktop-tablet-font-weight);
  color: #c3cad1;
  font-size: var(--tipograf-a-overline-light-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-overline-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-overline-light-desktop-tablet-line-height);
  font-family: var(--tipograf-a-overline-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-overline-light-desktop-tablet-font-style);
}

.iphone .button-3 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: var(--campuspackprimary-100);
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .text-wrapper-42 {
  font-weight: var(--tipograf-a-heading-h6-light-mobile-font-weight);
  color: #586572;
  letter-spacing: var(--tipograf-a-heading-h6-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h6-light-mobile-font-family);
  font-style: var(--tipograf-a-heading-h6-light-mobile-font-style);
  line-height: var(--tipograf-a-heading-h6-light-mobile-line-height);
  font-size: var(--tipograf-a-heading-h6-light-mobile-font-size);
}

.iphone .casos-de-xito-5 {
  background-color: var(--campuspacksecondary-500);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  padding: 56px 32px 48px 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .body-small-5 {
  margin-top: -1.00px;
  font-weight: var(--tipograf-a-heading-h5-italic-mobile-font-weight);
  color: var(--campuspackprimary-50);
  font-size: var(--tipograf-a-heading-h5-italic-mobile-font-size);
  letter-spacing: var(--tipograf-a-heading-h5-italic-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-italic-mobile-line-height);
  position: relative;
  align-self: stretch;
  font-family: var(--tipograf-a-heading-h5-italic-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-italic-mobile-font-style);
}

.iphone .text-wrapper-43 {
  font-weight: 500;
  color: #f5f6f7;
  letter-spacing: -0.04px;
  line-height: 20.8px;
}

.iphone .CTA {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 56px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .img-9 {
  position: relative;
  width: 48px;
  height: 48px;
  aspect-ratio: 1;
}

.iphone .div-15 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .button-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -3.00px;
  margin-left: -0.50px;
  margin-right: -0.50px;
  background-color: var(--blanco);
  border-radius: 2px;
  border: 3px solid;
  border-color: var(--language-infiniteprimary500);
}

.iphone .arrow-2 {
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: -2.00px;
}

.iphone .txt-CTA {
  position: relative;
  width: 260px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: var(--language-infiniteprimary50);
  font-size: 13px;
  text-align: center;
  letter-spacing: 0.13px;
  line-height: 19.5px;
}

.iphone .text-wrapper-44 {
  font-weight: var(--tipograf-a-body-small-light-mobile-font-weight);
  letter-spacing: var(--tipograf-a-body-small-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-body-small-light-mobile-font-family);
  font-style: var(--tipograf-a-body-small-light-mobile-font-style);
  line-height: var(--tipograf-a-body-small-light-mobile-line-height);
  font-size: var(--tipograf-a-body-small-light-mobile-font-size);
}

.iphone .text-wrapper-45 {
  letter-spacing: var(--tipograf-a-body-small-regular-mobile-letter-spacing);
  font-family: var(--tipograf-a-body-small-regular-mobile-font-family);
  font-style: var(--tipograf-a-body-small-regular-mobile-font-style);
  font-weight: var(--tipograf-a-body-small-regular-mobile-font-weight);
  line-height: var(--tipograf-a-body-small-regular-mobile-line-height);
  font-size: var(--tipograf-a-body-small-regular-mobile-font-size);
}

.iphone .element-mdulos-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
  padding: 120px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .mdulos-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  padding: 0px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .mdulos-subheadings {
  display: flex;
  flex-direction: column;
  width: 122px;
  align-items: center;
  gap: 7px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .line {
  width: 44px;
  position: relative;
  height: 2px;
}

.iphone .title-section-2 {
  align-self: stretch;
  font-weight: var(--tipograf-a-heading-h2-regular-mobile-font-weight);
  color: transparent;
  font-size: var(--tipograf-a-heading-h2-regular-mobile-font-size);
  letter-spacing: var(--tipograf-a-heading-h2-regular-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h2-regular-mobile-line-height);
  position: relative;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h2-regular-mobile-font-family);
  text-align: center;
  font-style: var(--tipograf-a-heading-h2-regular-mobile-font-style);
}

.iphone .text-wrapper-46 {
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h2-regular-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-regular-mobile-font-family);
  font-style: var(--tipograf-a-heading-h2-regular-mobile-font-style);
  font-weight: var(--tipograf-a-heading-h2-regular-mobile-font-weight);
  line-height: var(--tipograf-a-heading-h2-regular-mobile-line-height);
  font-size: var(--tipograf-a-heading-h2-regular-mobile-font-size);
}

.iphone .subtitle-medium {
  align-self: stretch;
  font-weight: 400;
  color: var(--language-infiniteneutral900);
  font-size: 21px;
  text-align: center;
  letter-spacing: -0.32px;
  line-height: 27.3px;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .text-wrapper-47 {
  font-weight: var(--tipograf-a-heading-h4-light-mobile-font-weight);
  letter-spacing: var(--tipograf-a-heading-h4-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h4-light-mobile-font-family);
  font-style: var(--tipograf-a-heading-h4-light-mobile-font-style);
  line-height: var(--tipograf-a-heading-h4-light-mobile-line-height);
  font-size: var(--tipograf-a-heading-h4-light-mobile-font-size);
}

.iphone .text-wrapper-48 {
  font-weight: var(--tipograf-a-heading-h4-medium-mobile-font-weight);
  letter-spacing: var(--tipograf-a-heading-h4-medium-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h4-medium-mobile-font-family);
  font-style: var(--tipograf-a-heading-h4-medium-mobile-font-style);
  line-height: var(--tipograf-a-heading-h4-medium-mobile-line-height);
  font-size: var(--tipograf-a-heading-h4-medium-mobile-font-size);
}

.iphone .subtitle-3 {
  position: relative;
  width: 80px;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h5-light-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h5-light-mobile-font-weight);
  color: var(--language-infiniteprimary700);
  font-size: var(--tipograf-a-heading-h5-light-mobile-font-size);
  letter-spacing: var(--tipograf-a-heading-h5-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-mobile-line-height);
  font-style: var(--tipograf-a-heading-h5-light-mobile-font-style);
}

.iphone .language-mobile-2 {
  display: flex;
  width: 345px;
  align-items: center;
  gap: 12px;
  padding: 8px 0px;
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  overflow-x: scroll;
}

.iphone .language-mobile-2::-webkit-scrollbar {
  width: 0;
  display: none;
}

.iphone .div-16 {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.iphone .img-10 {
  position: relative;
  width: 16px;
  height: 16px;
}

.iphone .buttons-primary-wrapper {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  border-radius: 2px;
}

.iphone .buttons-primary-2 {
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  background-color: var(--language-infiniteneutral400);
  border-radius: 2px;
  display: inline-flex;
  position: relative;
  flex: 0 0 auto;
}

.iphone .bot-n-3 {
  color: var(--language-infiniteneutral700);
  font-size: 14px;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .button-gestin-wrapper {
  align-items: center;
  justify-content: center;
  display: inline-flex;
  position: relative;
  flex: 0 0 auto;
}

.iphone .email-sent {
  position: relative;
  width: 16px;
  height: 16px;
  margin-top: -4243.00px;
  margin-right: -11578.00px;
}

.iphone .brick {
  position: relative;
  width: 16px;
  height: 16px;
  margin-top: -4243.00px;
  margin-right: -11390.00px;
}

.iphone .connection {
  position: relative;
  width: 16px;
  height: 16px;
  margin-top: -4243.00px;
  margin-right: -11228.00px;
}

.iphone .school {
  position: relative;
  width: 16px;
  height: 16px;
  margin-top: -4243.00px;
  margin-right: -11031.00px;
}

.iphone .div-17 {
  flex-direction: column;
  gap: 32px;
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.iphone .subtitle-medium-2 {
  width: 345px;
  margin-top: -1.00px;
  font-weight: 400;
  color: transparent;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.09px;
  line-height: 23.4px;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .text-wrapper-49 {
  font-weight: var(--tipograf-a-heading-h5-medium-mobile-font-weight);
  color: #640d37;
  letter-spacing: var(--tipograf-a-heading-h5-medium-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-medium-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-medium-mobile-font-style);
  line-height: var(--tipograf-a-heading-h5-medium-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-medium-mobile-font-size);
}

.iphone .mdulos-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .vdeo {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  max-width: 640px;
  min-height: 189.16px;
  max-height: 378.33px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  width: 100%;
  aspect-ratio: 1.69;
}

.iphone .vdeo-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #d9d9d9;
  aspect-ratio: 1.69;
}

.iphone .section-group {
  background: linear-gradient(
    180deg,
    rgba(150, 19, 83, 1) 0%,
    rgba(249, 205, 226, 1) 72%
  );
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .pattern {
  position: absolute;
  width: 366.41%;
  height: 36.13%;
  top: 10.09%;
  left: 0;
  mix-blend-mode: multiply;
}

.iphone .CTA-2 {
  justify-content: center;
  gap: 27px;
  padding: 56px 32px;
  background-color: var(--language-infiniteprimary50);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .frame-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 48px 35px 32px;
  align-self: stretch;
  width: 100%;
  background-color: var(--language-infiniteprimary50);
  border-radius: 23px;
  box-shadow: var(--shadow-down-md);
  position: relative;
  flex: 0 0 auto;
}

.iphone .container-body-small {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 85px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .title-CTA {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 28px;
  text-align: center;
  letter-spacing: -0.42px;
  line-height: 30.8px;
}

.iphone .text-wrapper-50 {
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h3-regular-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h3-regular-mobile-font-family);
  font-style: var(--tipograf-a-heading-h3-regular-mobile-font-style);
  font-weight: var(--tipograf-a-heading-h3-regular-mobile-font-weight);
  line-height: var(--tipograf-a-heading-h3-regular-mobile-line-height);
  font-size: var(--tipograf-a-heading-h3-regular-mobile-font-size);
}

.iphone .text-wrapper-51 {
  font-weight: var(--tipograf-a-heading-h3-semibold-mobile-font-weight);
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h3-semibold-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h3-semibold-mobile-font-family);
  font-style: var(--tipograf-a-heading-h3-semibold-mobile-font-style);
  line-height: var(--tipograf-a-heading-h3-semibold-mobile-line-height);
  font-size: var(--tipograf-a-heading-h3-semibold-mobile-font-size);
}

.iphone .text-wrapper-52 {
  font-weight: var(--tipograf-a-heading-h3-semibold-mobile-font-weight);
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h3-semibold-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h3-semibold-mobile-font-family);
  font-style: var(--tipograf-a-heading-h3-semibold-mobile-font-style);
  line-height: var(--tipograf-a-heading-h3-semibold-mobile-line-height);
  font-size: var(--tipograf-a-heading-h3-semibold-mobile-font-size);
}

.iphone .frame-7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  align-self: stretch;
  width: 100%;
  position: relative;
  flex: 0 0 auto;
}

.iphone .divider-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 3px;
  margin-top: -3.00px;
}

.iphone .body-small-6 {
  font-weight: var(--tipograf-a-heading-h6-light-mobile-font-weight);
  color: var(--language-infiniteprimary500);
  font-size: var(--tipograf-a-heading-h6-light-mobile-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h6-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-light-mobile-line-height);
  position: relative;
  align-self: stretch;
  font-family: var(--tipograf-a-heading-h6-light-mobile-font-family);
  font-style: var(--tipograf-a-heading-h6-light-mobile-font-style);
}

.iphone .logo {
  position: absolute;
  width: 217.41%;
  height: 10.06%;
  top: 85.83%;
  left: 20.87%;
  aspect-ratio: 2.22;
}

.iphone .element-otras-plataformas {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 120px 32px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .div-18 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 72px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .metodologa-headings {
  flex-direction: column;
  gap: 56px;
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .subheadings {
  display: flex;
  flex-direction: column;
  width: 208px;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .subtitle-small-4 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h5-light-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h5-light-mobile-font-weight);
  color: var(--language-infiniteprimary700);
  font-size: var(--tipograf-a-heading-h5-light-mobile-font-size);
  letter-spacing: var(--tipograf-a-heading-h5-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-mobile-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h5-light-mobile-font-style);
}

.iphone .text-wrapper-53 {
  color: #7d1045;
  letter-spacing: var(--tipograf-a-heading-h2-regular-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-regular-mobile-font-family);
  font-style: var(--tipograf-a-heading-h2-regular-mobile-font-style);
  font-weight: var(--tipograf-a-heading-h2-regular-mobile-font-weight);
  line-height: var(--tipograf-a-heading-h2-regular-mobile-line-height);
  font-size: var(--tipograf-a-heading-h2-regular-mobile-font-size);
}

.iphone .text-wrapper-54 {
  color: #f9cde2;
  letter-spacing: var(--tipograf-a-heading-h2-regular-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-regular-mobile-font-family);
  font-style: var(--tipograf-a-heading-h2-regular-mobile-font-style);
  font-weight: var(--tipograf-a-heading-h2-regular-mobile-font-weight);
  line-height: var(--tipograf-a-heading-h2-regular-mobile-line-height);
  font-size: var(--tipograf-a-heading-h2-regular-mobile-font-size);
}

.iphone .text-wrapper-55 {
  font-weight: var(--tipograf-a-heading-h2-semibold-mobile-font-weight);
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h2-semibold-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-semibold-mobile-font-family);
  font-style: var(--tipograf-a-heading-h2-semibold-mobile-font-style);
  line-height: var(--tipograf-a-heading-h2-semibold-mobile-line-height);
  font-size: var(--tipograf-a-heading-h2-semibold-mobile-font-size);
}

.iphone .subtitle-medium-3 {
  align-self: stretch;
  font-weight: 300;
  font-style: italic;
  color: var(--language-infiniteneutral50);
  font-size: 21px;
  letter-spacing: -0.32px;
  line-height: 27.3px;
  text-decoration: underline;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .mockup {
  display: flex;
  flex-direction: column;
  width: 1465px;
  height: 1014.75px;
  align-items: flex-start;
  gap: 10px;
  padding: 0px 0px 0px 112px;
  position: relative;
  margin-left: -568.00px;
  margin-right: -568.00px;
  aspect-ratio: 1.44;
}

.iphone .language-desktop {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 1.33;
}

.iphone .sombra {
  position: absolute;
  width: 73.09%;
  height: 44.02%;
  top: 34.88%;
  left: 31.34%;
}

.iphone .platform-dashboard {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 31.34%;
  object-fit: cover;
}

.iphone .otras-plataformas-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 72px;
  padding: 0px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .otras-plataformas {
  min-width: 240px;
  max-width: 361px;
  justify-content: center;
  gap: 31px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .div-19 {
  gap: 8px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .div-20 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 16px 16px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
}

.iphone .subtitle-4 {
  flex: 1;
  font-weight: 500;
  color: var(--language-infiniteneutral50);
  font-size: 16px;
  letter-spacing: -0.24px;
  line-height: 20.8px;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .button-icon-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
  border-radius: 2px;
}

.iphone .element-metodologa {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
  padding: 120px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .title-section-3 {
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 38px;
  letter-spacing: -0.76px;
  line-height: 41.8px;
}

.iphone .div-21 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 128px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .div-22 {
  flex-direction: column;
  gap: 32px;
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .metodologa-buttons {
  justify-content: center;
  gap: 54px;
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .button-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}

.iphone .title-2 {
  width: fit-content;
  font-weight: var(--tipograf-a-heading-h4-medium-mobile-font-weight);
  color: var(--language-infiniteprimary800);
  font-size: var(--tipograf-a-heading-h4-medium-mobile-font-size);
  letter-spacing: var(--tipograf-a-heading-h4-medium-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h4-medium-mobile-line-height);
  white-space: nowrap;
  position: relative;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h4-medium-mobile-font-family);
  text-align: center;
  font-style: var(--tipograf-a-heading-h4-medium-mobile-font-style);
}

.iphone .divider-3 {
  position: relative;
  width: 106px;
  height: 2px;
  margin-bottom: -2.00px;
}

.iphone .container-button {
  justify-content: center;
  gap: 12px;
  display: flex;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .arrow-3 {
  position: relative;
  width: 32px;
  height: 32px;
}

.iphone .subtitle-5 {
  flex: 1;
  margin-top: -1.00px;
  font-weight: var(--tipograf-a-heading-h5-regular-mobile-font-weight);
  color: transparent;
  font-size: var(--tipograf-a-heading-h5-regular-mobile-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-regular-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-regular-mobile-line-height);
  position: relative;
  font-family: var(--tipograf-a-heading-h5-regular-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-regular-mobile-font-style);
}

.iphone .text-wrapper-56 {
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h5-regular-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-regular-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-regular-mobile-font-style);
  font-weight: var(--tipograf-a-heading-h5-regular-mobile-font-weight);
  line-height: var(--tipograf-a-heading-h5-regular-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-regular-mobile-font-size);
}

.iphone .text-wrapper-57 {
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h5-regular-mobile-letter-spacing);
  text-decoration: underline;
  font-family: var(--tipograf-a-heading-h5-regular-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-regular-mobile-font-style);
  font-weight: var(--tipograf-a-heading-h5-regular-mobile-font-weight);
  line-height: var(--tipograf-a-heading-h5-regular-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-regular-mobile-font-size);
}

.iphone .arrow-wrapper {
  transform: rotate(-180.00deg);
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.iphone .arrow-4 {
  transform: rotate(180.00deg);
  position: relative;
  width: 32px;
  height: 32px;
}

.iphone .div-23 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .imagen {
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-top: -1.00px;
  margin-left: -28.00px;
  margin-right: -28.00px;
  aspect-ratio: 1.69;
  object-fit: cover;
}

.iphone .metodologa-content {
  display: flex;
  flex-direction: column;
  min-width: 329px;
  max-width: 500px;
  align-items: center;
  justify-content: center;
  gap: 56px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .body-bullet-regular {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: var(--language-infiniteneutral900);
  font-size: 13px;
  text-align: center;
  letter-spacing: 0.13px;
  line-height: 19.5px;
}

.iphone .text-wrapper-58 {
  font-weight: var(--tipograf-a-body-small-light-mobile-font-weight);
  color: #4c3b43;
  letter-spacing: var(--tipograf-a-body-small-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-body-small-light-mobile-font-family);
  font-style: var(--tipograf-a-body-small-light-mobile-font-style);
  line-height: var(--tipograf-a-body-small-light-mobile-line-height);
  font-size: var(--tipograf-a-body-small-light-mobile-font-size);
}

.iphone .text-wrapper-59 {
  font-weight: var(--tipograf-a-body-small-light-mobile-font-weight);
  color: #4c3b43;
  letter-spacing: var(--tipograf-a-body-small-light-mobile-letter-spacing);
  text-decoration: underline;
  font-family: var(--tipograf-a-body-small-light-mobile-font-family);
  font-style: var(--tipograf-a-body-small-light-mobile-font-style);
  line-height: var(--tipograf-a-body-small-light-mobile-line-height);
  font-size: var(--tipograf-a-body-small-light-mobile-font-size);
}

.iphone .text-wrapper-60 {
  color: #4c3b43;
  letter-spacing: var(--tipograf-a-body-small-regular-mobile-letter-spacing);
  font-family: var(--tipograf-a-body-small-regular-mobile-font-family);
  font-style: var(--tipograf-a-body-small-regular-mobile-font-style);
  font-weight: var(--tipograf-a-body-small-regular-mobile-font-weight);
  line-height: var(--tipograf-a-body-small-regular-mobile-line-height);
  font-size: var(--tipograf-a-body-small-regular-mobile-font-size);
}

.iphone .metodologa-CTA-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 0px 43px;
  align-self: stretch;
  width: 100%;
  position: relative;
  flex: 0 0 auto;
}

.iphone .div-24 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .subtitle-medium-4 {
  align-self: stretch;
  font-weight: 400;
  color: transparent;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .text-wrapper-61 {
  font-weight: var(--tipograf-a-body-light-desktop-tablet-font-weight);
  color: #961353;
  font-family: var(--tipograf-a-body-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-light-desktop-tablet-font-style);
  letter-spacing: var(--tipograf-a-body-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-light-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-light-desktop-tablet-font-size);
}

.iphone .text-wrapper-62 {
  font-weight: var(--tipograf-a-body-medium-desktop-tablet-font-weight);
  color: #640d37;
  font-family: var(--tipograf-a-body-medium-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-medium-desktop-tablet-font-style);
  letter-spacing: var(--tipograf-a-body-medium-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-medium-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-medium-desktop-tablet-font-size);
}

.iphone .img-11 {
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .element-intregraciones {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 72px;
  padding: 120px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .div-25 {
  align-items: center;
  gap: 64px;
  align-self: stretch;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.iphone .subtitle-small-5 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h5-light-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h5-light-mobile-font-weight);
  color: var(--language-infiniteprimary500);
  font-size: var(--tipograf-a-heading-h5-light-mobile-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-mobile-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h5-light-mobile-font-style);
}

.iphone .title-section-4 {
  align-self: stretch;
  text-align: center;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 38px;
  letter-spacing: -0.76px;
  line-height: 41.8px;
}

.iphone .intregraciones-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 0px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .intregraciones {
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  padding: 8px 0px;
  align-self: stretch;
  flex: 0 0 auto;
  overflow-x: scroll;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.iphone .intregraciones::-webkit-scrollbar {
  width: 0;
  display: none;
}

.iphone .language {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  overflow: hidden;
}

.iphone .buttons-primary-3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary100);
  border-radius: 2px;
}

.iphone .divider-4 {
  position: relative;
  width: 329px;
  height: 2.97px;
  margin-left: -32.00px;
  margin-right: -32.00px;
}

.iphone .intregraciones-text {
  align-items: center;
  gap: 32px;
  padding: 0px 0px 16px;
  align-self: stretch;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.iphone .subtitle-small-6 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h6-regular-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h6-regular-mobile-font-weight);
  color: var(--language-infiniteprimary800);
  font-size: var(--tipograf-a-heading-h6-regular-mobile-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h6-regular-mobile-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-regular-mobile-line-height);
  font-style: var(--tipograf-a-heading-h6-regular-mobile-font-style);
}

.iphone .body-small-7 {
  font-weight: var(--tipograf-a-body-light-mobile-font-weight);
  color: var(--language-infiniteneutral900);
  font-size: var(--tipograf-a-body-light-mobile-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-body-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-body-light-mobile-line-height);
  position: relative;
  align-self: stretch;
  font-family: var(--tipograf-a-body-light-mobile-font-family);
  font-style: var(--tipograf-a-body-light-mobile-font-style);
}

.iphone .intregraciones-img {
  min-width: 320px;
  max-width: 640px;
  max-height: 360px;
  height: 288px;
  align-items: center;
  gap: 10px;
  margin-left: -27.50px;
  margin-right: -27.50px;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.iphone .img-12 {
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  object-fit: cover;
}

.iphone .logo-slider {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
}

.iphone .logo-slider-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 100px;
  background-image: url(./img/logos.svg);
  background-size: 100% 100%;
}

.iphone .CTA-campuspack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  padding: 64px 72px 52px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
  box-shadow: var(--language-infinite-down-md);
}

.iphone .CTA-container {
  justify-content: center;
  gap: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .title-block {
  align-self: stretch;
  font-weight: 400;
  color: transparent;
  font-size: 21px;
  letter-spacing: -0.32px;
  line-height: 27.3px;
  position: relative;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  text-align: center;
}

.iphone .text-wrapper-63 {
  font-weight: var(--tipograf-a-heading-h4-light-mobile-font-weight);
  color: #f9cde2;
  letter-spacing: var(--tipograf-a-heading-h4-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h4-light-mobile-font-family);
  font-style: var(--tipograf-a-heading-h4-light-mobile-font-style);
  line-height: var(--tipograf-a-heading-h4-light-mobile-line-height);
  font-size: var(--tipograf-a-heading-h4-light-mobile-font-size);
}

.iphone .text-wrapper-64 {
  font-weight: var(--tipograf-a-heading-h4-medium-mobile-font-weight);
  color: #f7f5f6;
  letter-spacing: var(--tipograf-a-heading-h4-medium-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h4-medium-mobile-font-family);
  font-style: var(--tipograf-a-heading-h4-medium-mobile-font-style);
  line-height: var(--tipograf-a-heading-h4-medium-mobile-line-height);
  font-size: var(--tipograf-a-heading-h4-medium-mobile-font-size);
}

.iphone .buttons-CTA {
  display: flex;
  flex-direction: column;
  width: 249px;
  align-items: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .buttons-empecemos {
  display: flex;
  height: 56px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 12px 12px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #ffffff;
}

.iphone .text-wrapper-65 {
  position: relative;
  width: 46px;
  height: 24px;
  font-family: var(--tipograf-a-body-medium-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-medium-desktop-tablet-font-weight);
  color: var(--language-infiniteprimary500);
  font-size: var(--tipograf-a-body-medium-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-body-medium-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-medium-desktop-tablet-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-body-medium-desktop-tablet-font-style);
}

.iphone .button-empecemos {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -2.00px;
  margin-bottom: -2.00px;
  background-color: var(--language-infiniteprimary500);
  border-radius: 2px;
}

.iphone .button-secondary-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -3.00px;
  margin-left: -3.00px;
  margin-right: -3.00px;
  background-color: var(--blanco);
  border-radius: 2px;
  border: 3px solid;
  border-color: var(--language-infiniteprimary500);
}

.iphone .bot-n-4 {
  color: var(--language-infiniteprimary500);
  font-size: 18px;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .logo-language {
  position: relative;
  width: 150px;
  height: 100.72px;
  aspect-ratio: 1.49;
}

.iphone .caption {
  position: relative;
  align-self: stretch;
  font-family: var(--tipograf-a-caption-italic-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-caption-italic-desktop-tablet-font-weight);
  font-style: var(--tipograf-a-caption-italic-desktop-tablet-font-style);
  color: var(--language-infiniteprimary100);
  font-size: var(--tipograf-a-caption-italic-desktop-tablet-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-caption-italic-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-caption-italic-desktop-tablet-line-height);
}

.iphone .footer-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 18px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .div-26 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .text-wrapper-66 {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: var(--language-infiniteprimary800);
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .footer-pie-pgina {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  padding: 48px 32px 56px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .caption-2 {
  align-self: stretch;
  color: var(--language-infiniteneutral700);
  position: relative;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.iphone .logos {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .logo-upware {
  position: relative;
  width: 120px;
  height: 51px;
  aspect-ratio: 2.34;
}

.iphone .link-social-media {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .language-icons {
  position: relative;
  width: 24px;
  height: 24px;
}

.iphone .frame-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
  align-self: stretch;
  width: 100%;
  position: relative;
  flex: 0 0 auto;
}

.iphone .text {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .caption-3 {
  flex: 1;
  color: var(--language-infiniteneutral500);
  position: relative;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.iphone .button-5 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: var(--language-infiniteprimary500);
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .element-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ffffff;
  box-shadow: var(--language-infinite-header);
}

.iphone .header-navbar {
  display: flex;
  height: 72px;
  align-items: center;
  justify-content: space-between;
  padding: 0px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--language-infiniteprimary500);
}

.iphone .logo-language-2 {
  position: relative;
  width: 60px;
  height: 40px;
  aspect-ratio: 1.5;
}

.iphone.ipad-pro {
  display: flex;
  flex-direction: column;
  min-width: 1024px;
  align-items: flex-start;
  padding: 0px 0px 56px;
  position: relative;
  background-color: #ffffff;
}

.iphone .hero-content-2 {
  display: flex;
  flex-direction: column;
  height: 947px;
  align-items: center;
  justify-content: center;
  gap: 64px;
  padding: 0px 148px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-image: url(./img/hero-content-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.iphone .hero-tab-2 {
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 24px 24px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .divider-5 {
  position: relative;
  width: 2px;
  height: 40px;
}

.iphone .subtitle-6 {
  font-weight: var(--tipograf-a-heading-h5-light-tablet-font-weight);
  color: var(--language-infiniteprimary50);
  font-size: var(--tipograf-a-heading-h5-light-tablet-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-light-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-tablet-line-height);
  white-space: nowrap;
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-heading-h5-light-tablet-font-family);
  font-style: var(--tipograf-a-heading-h5-light-tablet-font-style);
}

.iphone .hero-headings {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .text-wrapper-67 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  background: linear-gradient(
    180deg,
    rgba(249, 205, 226, 1) 22%,
    rgba(150, 19, 83, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--tipograf-a-heading-h1-semibold-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h1-semibold-tablet-font-weight);
  color: transparent;
  font-size: var(--tipograf-a-heading-h1-semibold-tablet-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h1-semibold-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h1-semibold-tablet-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h1-semibold-tablet-font-style);
}

.iphone .text-wrapper-68 {
  position: relative;
  align-self: stretch;
  font-family: var(--tipograf-a-heading-h2-regular-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h2-regular-tablet-font-weight);
  color: var(--language-infiniteprimary50);
  font-size: var(--tipograf-a-heading-h2-regular-tablet-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h2-regular-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h2-regular-tablet-line-height);
  font-style: var(--tipograf-a-heading-h2-regular-tablet-font-style);
}

.iphone .hero-subheadings {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .container-subtitle {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 0px 40px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .subtitle-large {
  position: relative;
  flex: 1;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 21px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 27.3px;
}

.iphone .text-wrapper-69 {
  font-style: var(--tipograf-a-heading-h5-italic-tablet-font-style);
  color: #f7f5f6;
  letter-spacing: var(--tipograf-a-heading-h5-italic-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-italic-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h5-italic-tablet-font-weight);
  line-height: var(--tipograf-a-heading-h5-italic-tablet-line-height);
  font-size: var(--tipograf-a-heading-h5-italic-tablet-font-size);
}

.iphone .text-wrapper-70 {
  font-style: var(--tipograf-a-heading-h5-italic-tablet-font-style);
  color: #f9cde2;
  letter-spacing: var(--tipograf-a-heading-h5-italic-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-italic-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h5-italic-tablet-font-weight);
  line-height: var(--tipograf-a-heading-h5-italic-tablet-line-height);
  font-size: var(--tipograf-a-heading-h5-italic-tablet-font-size);
}

.iphone .text-wrapper-71 {
  font-weight: var(--tipograf-a-heading-h5-light-tablet-font-weight);
  color: #f9cde2;
  letter-spacing: var(--tipograf-a-heading-h5-light-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-light-tablet-font-family);
  font-style: var(--tipograf-a-heading-h5-light-tablet-font-style);
  line-height: var(--tipograf-a-heading-h5-light-tablet-line-height);
  font-size: var(--tipograf-a-heading-h5-light-tablet-font-size);
}

.iphone .divider-6 {
  position: relative;
  align-self: stretch;
  width: 2px;
}

.iphone .body-regular-5 {
  flex: 1;
  margin-top: -1.00px;
  color: transparent;
  font-size: 14px;
  line-height: 21px;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  text-align: center;
}

.iphone .text-wrapper-72 {
  font-weight: var(--tipograf-a-body-small-medium-desktop-tablet-font-weight);
  color: #f7f5f6;
  letter-spacing: var(
    --tipograf-a-body-small-medium-desktop-tablet-letter-spacing
  );
  font-family: var(--tipograf-a-body-small-medium-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-small-medium-desktop-tablet-font-style);
  line-height: var(--tipograf-a-body-small-medium-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-small-medium-desktop-tablet-font-size);
}

.iphone .text-wrapper-73 {
  font-weight: var(--tipograf-a-body-light-desktop-tablet-font-weight);
  color: #f9cde2;
  font-size: var(--tipograf-a-body-light-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-body-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-light-desktop-tablet-line-height);
  font-family: var(--tipograf-a-body-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-light-desktop-tablet-font-style);
}

.iphone .text-wrapper-74 {
  font-weight: var(--tipograf-a-body-small-light-desktop-tablet-font-weight);
  color: #f9cde2;
  letter-spacing: var(
    --tipograf-a-body-small-light-desktop-tablet-letter-spacing
  );
  font-family: var(--tipograf-a-body-small-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-small-light-desktop-tablet-font-style);
  line-height: var(--tipograf-a-body-small-light-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-small-light-desktop-tablet-font-size);
}

.iphone .hero-buttons-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .div-27 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 24px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
  border-radius: 2px;
}

.iphone .bot-n-5 {
  color: var(--language-infiniteneutral50);
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .button-secondary-3 {
  margin-top: -3.00px;
  margin-bottom: -3.00px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 24px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--blanco);
  border-radius: 2px;
  border: 3px solid;
  border-color: var(--language-infiniteprimary500);
}

.iphone .bot-n-6 {
  color: var(--language-infiniteprimary500);
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .hero-data-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 56px 56px;
  padding: 32px 72px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
}

.iphone .dato-2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .title-3 {
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-heading-h3-semibold-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h3-semibold-tablet-font-weight);
  color: var(--language-infiniteneutral50);
  font-size: var(--tipograf-a-heading-h3-semibold-tablet-font-size);
  letter-spacing: var(--tipograf-a-heading-h3-semibold-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h3-semibold-tablet-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h3-semibold-tablet-font-style);
}

.iphone .subtitle-7 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h6-light-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h6-light-tablet-font-weight);
  color: var(--language-infiniteprimary50);
  font-size: var(--tipograf-a-heading-h6-light-tablet-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-light-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-light-tablet-line-height);
  font-style: var(--tipograf-a-heading-h6-light-tablet-font-style);
}

.iphone .subtitle-8 {
  position: relative;
  width: 185px;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h6-light-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h6-light-tablet-font-weight);
  color: var(--language-infiniteprimary50);
  font-size: var(--tipograf-a-heading-h6-light-tablet-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-light-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-light-tablet-line-height);
  font-style: var(--tipograf-a-heading-h6-light-tablet-font-style);
}

.iphone .element-mdulos-ndice {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  padding: 72px 132px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-image: url(./img/02-m-dulos-ndice.svg);
  background-size: cover;
  background-position: 50% 50%;
}

.iphone .container-mdulos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 72px;
  padding: 56px 120px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 10px;
  background: linear-gradient(
    180deg,
    rgba(249, 205, 226, 1) 0%,
    rgba(100, 12, 55, 1) 97%
  );
}

.iphone .img-13 {
  position: absolute;
  height: 117.83%;
  top: -8.93%;
  left: calc(50.00% - 512px);
  width: 1024px;
  aspect-ratio: 1.5;
  object-fit: cover;
}

.iphone .body-large-2 {
  position: relative;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 21px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 27.3px;
}

.iphone .text-wrapper-75 {
  font-weight: var(--tipograf-a-heading-h5-light-tablet-font-weight);
  color: #4c3b43;
  letter-spacing: var(--tipograf-a-heading-h5-light-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-light-tablet-font-family);
  font-style: var(--tipograf-a-heading-h5-light-tablet-font-style);
  line-height: var(--tipograf-a-heading-h5-light-tablet-line-height);
  font-size: var(--tipograf-a-heading-h5-light-tablet-font-size);
}

.iphone .text-wrapper-76 {
  font-weight: 500;
  color: #961353;
  letter-spacing: 0.02px;
}

.iphone .mdulos-buttons-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .language-mobile-3 {
  display: flex;
  width: 229px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 20px;
  position: relative;
  background-color: var(--language-infiniteprimary500);
  border-radius: 1px;
}

.iphone .body-regular-6 {
  align-self: stretch;
  margin-top: -1.00px;
  color: var(--language-infiniteneutral50);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  text-align: center;
}

.iphone .text-wrapper-77 {
  font-weight: var(--tipograf-a-body-medium-desktop-tablet-font-weight);
  font-family: var(--tipograf-a-body-medium-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-medium-desktop-tablet-font-style);
  letter-spacing: var(--tipograf-a-body-medium-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-medium-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-medium-desktop-tablet-font-size);
}

.iphone .text-wrapper-78 {
  font-weight: var(--tipograf-a-body-light-desktop-tablet-font-weight);
  font-family: var(--tipograf-a-body-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-light-desktop-tablet-font-style);
  letter-spacing: var(--tipograf-a-body-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-light-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-light-desktop-tablet-font-size);
}

.iphone .text-wrapper-79 {
  font-weight: var(--tipograf-a-body-light-desktop-tablet-font-weight);
  text-decoration: underline;
  font-family: var(--tipograf-a-body-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-light-desktop-tablet-font-style);
  letter-spacing: var(--tipograf-a-body-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-light-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-light-desktop-tablet-font-size);
}

.iphone .element-problemas-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 72px;
  padding: 128px 148px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-image: url(./img/03-problemas-2.png);
  background-size: cover;
  background-position: 50% 50%;
}

.iphone .problemas-2 {
  display: flex;
  flex-direction: column;
  width: 312px;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .subheading-small {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h5-light-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h5-light-tablet-font-weight);
  color: var(--language-infiniteprimary700);
  font-size: var(--tipograf-a-heading-h5-light-tablet-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-light-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-tablet-line-height);
  font-style: var(--tipograf-a-heading-h5-light-tablet-font-style);
}

.iphone .problemas-headings {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 0px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .title-section-5 {
  align-self: stretch;
  margin-top: -1.00px;
  text-align: center;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 51px;
  letter-spacing: -1.02px;
  line-height: 56.1px;
}

.iphone .text-wrapper-80 {
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h2-regular-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-regular-tablet-font-family);
  font-style: var(--tipograf-a-heading-h2-regular-tablet-font-style);
  font-weight: var(--tipograf-a-heading-h2-regular-tablet-font-weight);
  line-height: var(--tipograf-a-heading-h2-regular-tablet-line-height);
  font-size: var(--tipograf-a-heading-h2-regular-tablet-font-size);
}

.iphone .text-wrapper-81 {
  font-style: var(--tipograf-a-heading-h2-italic-tablet-font-style);
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h2-italic-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-italic-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h2-italic-tablet-font-weight);
  line-height: var(--tipograf-a-heading-h2-italic-tablet-line-height);
  font-size: var(--tipograf-a-heading-h2-italic-tablet-font-size);
}

.iphone .text-wrapper-82 {
  font-weight: var(--tipograf-a-heading-h2-semibold-tablet-font-weight);
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h2-semibold-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-semibold-tablet-font-family);
  font-style: var(--tipograf-a-heading-h2-semibold-tablet-font-style);
  line-height: var(--tipograf-a-heading-h2-semibold-tablet-line-height);
  font-size: var(--tipograf-a-heading-h2-semibold-tablet-font-size);
}

.iphone .subheading-large-2 {
  font-weight: 300;
  font-style: italic;
  color: var(--language-infiniteprimary300);
  font-size: 28px;
  letter-spacing: -0.42px;
  line-height: 36.4px;
  text-decoration: underline;
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  text-align: center;
}

.iphone .subheading-large-3 {
  font-weight: 400;
  color: var(--language-infiniteneutral800);
  font-size: 21px;
  letter-spacing: 0.10px;
  line-height: 27.3px;
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  text-align: center;
}

.iphone .text-wrapper-83 {
  font-weight: var(--tipograf-a-heading-h5-light-tablet-font-weight);
  letter-spacing: var(--tipograf-a-heading-h5-light-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-light-tablet-font-family);
  font-style: var(--tipograf-a-heading-h5-light-tablet-font-style);
  line-height: var(--tipograf-a-heading-h5-light-tablet-line-height);
  font-size: var(--tipograf-a-heading-h5-light-tablet-font-size);
}

.iphone .text-wrapper-84 {
  font-style: var(--tipograf-a-heading-h5-italic-tablet-font-style);
  letter-spacing: var(--tipograf-a-heading-h5-italic-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-italic-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h5-italic-tablet-font-weight);
  line-height: var(--tipograf-a-heading-h5-italic-tablet-line-height);
  font-size: var(--tipograf-a-heading-h5-italic-tablet-font-size);
}

.iphone .text-wrapper-85 {
  font-weight: 500;
  letter-spacing: 0.02px;
}

.iphone .frame-9 {
  display: inline-flex;
  align-items: flex-start;
  gap: 16px;
  margin-left: -820.50px;
  margin-right: -820.50px;
  overflow-x: scroll;
  position: relative;
  flex: 0 0 auto;
}

.iphone .frame-9::-webkit-scrollbar {
  width: 0;
  display: none;
}

.iphone .language-tablet {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 44px 32px 32px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary50);
}

.iphone .card-title {
  align-self: stretch;
  font-weight: 500;
  color: transparent;
  font-size: 21px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 27.3px;
  position: relative;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
}

.iphone .text-wrapper-86 {
  color: #961353;
  letter-spacing: 0.02px;
}

.iphone .text-wrapper-87 {
  color: #f29ac5;
  letter-spacing: 0.02px;
}

.iphone .text-wrapper-88 {
  color: #4c3b43;
  letter-spacing: 0.02px;
}

.iphone .text-wrapper-89 {
  color: #4c3b43;
  letter-spacing: 0.02px;
  text-decoration: underline;
}

.iphone .horizontal-container {
  display: flex;
  width: 397px;
  align-items: center;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .card-text {
  flex: 1;
  font-weight: var(--tipograf-a-body-italic-desktop-tablet-font-weight);
  font-style: var(--tipograf-a-body-italic-desktop-tablet-font-style);
  color: var(--language-infiniteneutral700);
  font-size: var(--tipograf-a-body-italic-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-body-italic-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-italic-desktop-tablet-line-height);
  position: relative;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-body-italic-desktop-tablet-font-family);
}

.iphone .dropdown-2 {
  display: flex;
  align-items: center;
  gap: 19px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .language-tablet-2 {
  display: inline-flex;
  flex-direction: column;
  height: 261px;
  align-items: center;
  justify-content: space-between;
  padding: 44px 32px 32px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary50);
}

.iphone .card-text-2 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-body-small-italic-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-small-italic-desktop-tablet-font-weight);
  font-style: var(--tipograf-a-body-small-italic-desktop-tablet-font-style);
  color: var(--language-infiniteneutral700);
  font-size: var(--tipograf-a-body-small-italic-desktop-tablet-font-size);
  letter-spacing: var(
    --tipograf-a-body-small-italic-desktop-tablet-letter-spacing
  );
  line-height: var(--tipograf-a-body-small-italic-desktop-tablet-line-height);
}

.iphone .frame-10 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .card-title-2 {
  position: relative;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 21px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 27.3px;
}

.iphone .horizontal-container-2 {
  display: flex;
  width: 397px;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .problemas-txt {
  display: flex;
  flex-direction: column;
  width: 728px;
  height: 62px;
  align-items: flex-start;
  gap: 16px;
  padding: 0px 72px;
  position: relative;
}

.iphone .body-regular-7 {
  align-self: stretch;
  color: transparent;
  font-size: 18px;
  letter-spacing: 0.09px;
  line-height: 23.4px;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  text-align: center;
}

.iphone .text-wrapper-90 {
  font-weight: var(--tipograf-a-heading-h6-light-tablet-font-weight);
  color: #4c3b43;
  letter-spacing: var(--tipograf-a-heading-h6-light-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h6-light-tablet-font-family);
  font-style: var(--tipograf-a-heading-h6-light-tablet-font-style);
  line-height: var(--tipograf-a-heading-h6-light-tablet-line-height);
  font-size: var(--tipograf-a-heading-h6-light-tablet-font-size);
}

.iphone .text-wrapper-91 {
  font-weight: var(--tipograf-a-heading-h6-medium-tablet-font-weight);
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h6-medium-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h6-medium-tablet-font-family);
  font-style: var(--tipograf-a-heading-h6-medium-tablet-font-style);
  line-height: var(--tipograf-a-heading-h6-medium-tablet-line-height);
  font-size: var(--tipograf-a-heading-h6-medium-tablet-font-size);
}

.iphone .img-14 {
  position: relative;
  width: 20px;
  height: 20px;
}

.iphone .element-casos-de-xito-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
  padding: 128px 132px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-image: url(./img/04-casos-de-xito-2.svg);
  background-size: cover;
  background-position: 50% 50%;
}

.iphone .casos-de-xito-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 48px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .casos-de-xito-7 {
  display: flex;
  flex-direction: column;
  width: 189px;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .subtitle-small-7 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h5-light-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h5-light-tablet-font-weight);
  color: var(--language-infiniteprimary700);
  font-size: var(--tipograf-a-heading-h5-light-tablet-font-size);
  letter-spacing: var(--tipograf-a-heading-h5-light-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-tablet-line-height);
  font-style: var(--tipograf-a-heading-h5-light-tablet-font-style);
}

.iphone .title-section-6 {
  width: 639px;
  margin-top: -1.00px;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 51px;
  letter-spacing: -1.02px;
  line-height: 56.1px;
}

.iphone .text-wrapper-92 {
  font-weight: var(--tipograf-a-heading-h2-semibold-tablet-font-weight);
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h2-semibold-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-semibold-tablet-font-family);
  font-style: var(--tipograf-a-heading-h2-semibold-tablet-font-style);
  line-height: var(--tipograf-a-heading-h2-semibold-tablet-line-height);
  font-size: var(--tipograf-a-heading-h2-semibold-tablet-font-size);
}

.iphone .subtitle-small-8 {
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: var(--language-infiniteneutral900);
  font-size: 21px;
  letter-spacing: 0.10px;
  line-height: 27.3px;
}

.iphone .language-tablet-3 {
  display: flex;
  flex-direction: column;
  height: 483px;
  align-items: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.iphone .casos-de-xito-8 {
  justify-content: center;
  gap: 16px;
  padding: 72px 56px 48px;
  background-color: #961353d9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .card-body-small {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h5-italic-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h5-italic-tablet-font-weight);
  color: var(--campuspackneutral-50);
  font-size: var(--tipograf-a-heading-h5-italic-tablet-font-size);
  letter-spacing: var(--tipograf-a-heading-h5-italic-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-italic-tablet-line-height);
  font-style: var(--tipograf-a-heading-h5-italic-tablet-font-style);
}

.iphone .text-wrapper-93 {
  font-style: var(--tipograf-a-heading-h5-italic-tablet-font-style);
  letter-spacing: var(--tipograf-a-heading-h5-italic-tablet-letter-spacing);
  text-decoration: underline;
  font-family: var(--tipograf-a-heading-h5-italic-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h5-italic-tablet-font-weight);
  line-height: var(--tipograf-a-heading-h5-italic-tablet-line-height);
  font-size: var(--tipograf-a-heading-h5-italic-tablet-font-size);
}

.iphone .card-subtitle-small {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 18px;
  line-height: 18px;
}

.iphone .text-wrapper-94 {
  color: #f9cde2;
  letter-spacing: var(--tipograf-a-heading-h6-regular-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-regular-tablet-line-height);
  font-family: var(--tipograf-a-heading-h6-regular-tablet-font-family);
  font-style: var(--tipograf-a-heading-h6-regular-tablet-font-style);
  font-weight: var(--tipograf-a-heading-h6-regular-tablet-font-weight);
  font-size: var(--tipograf-a-heading-h6-regular-tablet-font-size);
}

.iphone .text-wrapper-95 {
  font-weight: var(--tipograf-a-overline-light-desktop-tablet-font-weight);
  color: #e8dbde;
  font-size: var(--tipograf-a-overline-light-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-overline-light-desktop-tablet-letter-spacing);
  font-family: var(--tipograf-a-overline-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-overline-light-desktop-tablet-font-style);
  line-height: var(--tipograf-a-overline-light-desktop-tablet-line-height);
}

.iphone .div-28 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .language-slider {
  width: 56px;
  height: 12px;
  align-items: center;
  gap: 4px;
  display: flex;
  position: relative;
}

.iphone .frame-11 {
  display: inline-flex;
  align-items: center;
  gap: 2.23px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .ellipse-5 {
  position: relative;
  width: 9.42px;
  height: 9.42px;
  background-color: #725964d9;
  border-radius: 4.71px;
}

.iphone .ellipse-6 {
  position: relative;
  width: 9.42px;
  height: 9.42px;
  background-color: var(--language-infiniteneutral300);
  border-radius: 4.71px;
}

.iphone .buttons {
  display: inline-flex;
  align-items: center;
  gap: 29px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .img-wrapper {
  background-color: #961353d9;
  transform: rotate(-180.00deg);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 2px;
}

.iphone .arrow-5 {
  position: relative;
  width: 20px;
  height: 20px;
  transform: rotate(180.00deg);
}

.iphone .button-icon-primary-2 {
  background-color: #961353d9;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 2px;
}

.iphone .body-small-8 {
  position: absolute;
  top: 0;
  left: calc(50.00% - 115px);
  font-weight: 400;
  color: transparent;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-family: "Roboto", Helvetica;
  text-align: center;
}

.iphone .text-wrapper-96 {
  font-weight: var(--tipograf-a-body-medium-desktop-tablet-font-weight);
  color: #f9cde2;
  text-decoration: underline;
  font-family: var(--tipograf-a-body-medium-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-medium-desktop-tablet-font-style);
  letter-spacing: var(--tipograf-a-body-medium-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-medium-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-medium-desktop-tablet-font-size);
}

.iphone .text-wrapper-97 {
  font-weight: var(--tipograf-a-body-light-desktop-tablet-font-weight);
  color: #f7f5f6;
  font-family: var(--tipograf-a-body-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-light-desktop-tablet-font-style);
  letter-spacing: var(--tipograf-a-body-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-light-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-light-desktop-tablet-font-size);
}

.iphone .CTA-3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 32px 0px 0px;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.iphone .button-secondary-4 {
  margin-top: -3.00px;
  margin-left: -3.00px;
  margin-right: -3.00px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 24px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--blanco);
  border-radius: 2px;
  border: 3px solid;
  border-color: var(--language-infiniteprimary500);
}

.iphone .body-xsmall {
  position: relative;
  width: 284px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: var(--language-infiniteprimary50);
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.14px;
  line-height: 21px;
}

.iphone .text-wrapper-98 {
  font-weight: var(--tipograf-a-body-small-light-desktop-tablet-font-weight);
  letter-spacing: var(
    --tipograf-a-body-small-light-desktop-tablet-letter-spacing
  );
  font-family: var(--tipograf-a-body-small-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-small-light-desktop-tablet-font-style);
  line-height: var(--tipograf-a-body-small-light-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-small-light-desktop-tablet-font-size);
}

.iphone .text-wrapper-99 {
  font-weight: var(--tipograf-a-body-small-medium-desktop-tablet-font-weight);
  letter-spacing: var(
    --tipograf-a-body-small-medium-desktop-tablet-letter-spacing
  );
  font-family: var(--tipograf-a-body-small-medium-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-small-medium-desktop-tablet-font-style);
  line-height: var(--tipograf-a-body-small-medium-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-small-medium-desktop-tablet-font-size);
}

.iphone .element-mdulos-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 72px;
  padding: 128px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .mdulos-text-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  padding: 0px 132px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .text-wrapper-100 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h5-light-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h5-light-desktop-font-weight);
  color: var(--language-infiniteprimary700);
  font-size: var(--tipograf-a-heading-h5-light-desktop-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-light-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-desktop-line-height);
  font-style: var(--tipograf-a-heading-h5-light-desktop-font-style);
}

.iphone .subtitle-medium-5 {
  align-self: stretch;
  font-weight: 400;
  color: var(--language-infiniteneutral800);
  font-size: 28px;
  text-align: center;
  letter-spacing: -0.42px;
  line-height: 36.4px;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .text-wrapper-101 {
  font-weight: var(--tipograf-a-heading-h4-light-tablet-font-weight);
  letter-spacing: var(--tipograf-a-heading-h4-light-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h4-light-tablet-font-family);
  font-style: var(--tipograf-a-heading-h4-light-tablet-font-style);
  line-height: var(--tipograf-a-heading-h4-light-tablet-line-height);
  font-size: var(--tipograf-a-heading-h4-light-tablet-font-size);
}

.iphone .text-wrapper-102 {
  font-weight: var(--tipograf-a-heading-h4-medium-tablet-font-weight);
  letter-spacing: var(--tipograf-a-heading-h4-medium-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h4-medium-tablet-font-family);
  font-style: var(--tipograf-a-heading-h4-medium-tablet-font-style);
  line-height: var(--tipograf-a-heading-h4-medium-tablet-line-height);
  font-size: var(--tipograf-a-heading-h4-medium-tablet-font-size);
}

.iphone .hero-tab-3 {
  max-width: 580px;
  width: 579px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 24px 24px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .subtitle-9 {
  font-weight: var(--tipograf-a-heading-h5-light-desktop-font-weight);
  color: var(--language-infiniteprimary600);
  font-size: var(--tipograf-a-heading-h5-light-desktop-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-light-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-desktop-line-height);
  white-space: nowrap;
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-heading-h5-light-desktop-font-family);
  font-style: var(--tipograf-a-heading-h5-light-desktop-font-style);
}

.iphone .language-tablet-wrapper {
  display: flex;
  flex-direction: column;
  width: 640px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .div-29 {
  flex-direction: column;
  align-items: flex-start;
  gap: 72px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.iphone .language-tablet-4 {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 12px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -593.00px;
  overflow-x: scroll;
}

.iphone .language-tablet-4::-webkit-scrollbar {
  width: 0;
  display: none;
}

.iphone .buttons-primary-4 {
  background-color: var(--language-infiniteneutral400);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 24px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 2px;
}

.iphone .assigment {
  position: relative;
  width: 20px;
  height: 22px;
  margin-top: -1.00px;
  margin-bottom: -1.00px;
}

.iphone .bot-n-7 {
  color: var(--language-infiniteneutral700);
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .button-wrapper {
  display: flex;
  width: 198px;
  align-items: flex-start;
  position: relative;
}

.iphone .button-6 {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  border-radius: 2px;
}

.iphone .language-tablet-5 {
  display: flex;
  width: 206px;
  align-items: flex-start;
  position: relative;
}

.iphone .brick-2 {
  position: relative;
  width: 14px;
  height: 20px;
}

.iphone .connection-2 {
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: -4517.00px;
  margin-right: -14029.00px;
}

.iphone .school-2 {
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: -4517.00px;
  margin-right: -13797.00px;
}

.iphone .subtitle-medium-6 {
  width: 491px;
  margin-top: -1.00px;
  font-weight: 400;
  color: transparent;
  font-size: 21px;
  letter-spacing: 0.10px;
  line-height: 27.3px;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .text-wrapper-103 {
  font-weight: 500;
  color: #640d37;
  letter-spacing: 0.02px;
}

.iphone .text-wrapper-104 {
  font-weight: var(--tipograf-a-heading-h5-light-desktop-font-weight);
  color: #4c3b43;
  font-size: var(--tipograf-a-heading-h5-light-desktop-font-size);
  letter-spacing: var(--tipograf-a-heading-h5-light-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-desktop-line-height);
  font-family: var(--tipograf-a-heading-h5-light-desktop-font-family);
  font-style: var(--tipograf-a-heading-h5-light-desktop-font-style);
}

.iphone .mdulos-content-2 {
  display: flex;
  flex-direction: column;
  width: 640px;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .list {
  display: flex;
  flex-direction: column;
  min-width: 424px;
  align-items: center;
  justify-content: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .div-30 {
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .list-2 {
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .subtitle-10 {
  flex: 1;
  margin-top: -1.00px;
  font-weight: var(--tipograf-a-heading-h6-light-tablet-font-weight);
  color: var(--language-infiniteneutral900);
  font-size: var(--tipograf-a-heading-h6-light-tablet-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-light-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-light-tablet-line-height);
  position: relative;
  font-family: var(--tipograf-a-heading-h6-light-tablet-font-family);
  font-style: var(--tipograf-a-heading-h6-light-tablet-font-style);
}

.iphone .subtitle-11 {
  flex: 1;
  margin-top: -1.00px;
  font-weight: 300;
  color: var(--language-infiniteneutral900);
  position: relative;
  font-family: "Roboto", Helvetica;
  font-size: 18px;
  letter-spacing: 0.09px;
  line-height: 23.4px;
}

.iphone .text-wrapper-105 {
  color: #4c3b43;
  font-size: var(--tipograf-a-heading-h6-light-desktop-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-light-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-light-desktop-line-height);
  font-family: var(--tipograf-a-heading-h6-light-desktop-font-family);
  font-style: var(--tipograf-a-heading-h6-light-desktop-font-style);
  font-weight: var(--tipograf-a-heading-h6-light-desktop-font-weight);
}

.iphone .subtitle-12 {
  flex: 1;
  margin-top: -1.00px;
  font-weight: 400;
  color: var(--language-infiniteneutral900);
  position: relative;
  font-family: "Roboto", Helvetica;
  font-size: 18px;
  letter-spacing: 0.09px;
  line-height: 23.4px;
}

.iphone .text-wrapper-106 {
  color: #4c3b43;
  font-size: var(--tipograf-a-heading-h6-regular-desktop-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-regular-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-regular-desktop-line-height);
  font-family: var(--tipograf-a-heading-h6-regular-desktop-font-family);
  font-style: var(--tipograf-a-heading-h6-regular-desktop-font-style);
  font-weight: var(--tipograf-a-heading-h6-regular-desktop-font-weight);
}

.iphone .section-group-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 128px;
  position: relative;
  flex: 0 0 auto;
  background: linear-gradient(
    180deg,
    rgba(150, 19, 83, 1) 0%,
    rgba(249, 205, 226, 1) 69%
  );
}

.iphone .pattern-2 {
  position: absolute;
  width: 140.62%;
  height: 34.17%;
  top: 9.38%;
  left: 0;
  mix-blend-mode: multiply;
}

.iphone .CTA-4 {
  display: flex;
  width: 1024px;
  align-items: flex-start;
  justify-content: center;
  gap: 27px;
  padding: 56px 148px;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary50);
  flex-direction: column;
  position: relative;
}

.iphone .frame-12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 48px 0px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary50);
  border-radius: 23px;
  box-shadow: var(--shadow-down-md);
}

.iphone .title-CTA-wrapper {
  display: flex;
  flex-direction: column;
  min-width: 410px;
  align-items: center;
  gap: 85px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .title-CTA-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 38px;
  text-align: center;
  letter-spacing: -0.57px;
  line-height: 41.8px;
}

.iphone .text-wrapper-107 {
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h3-regular-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h3-regular-tablet-font-family);
  font-style: var(--tipograf-a-heading-h3-regular-tablet-font-style);
  font-weight: var(--tipograf-a-heading-h3-regular-tablet-font-weight);
  line-height: var(--tipograf-a-heading-h3-regular-tablet-line-height);
  font-size: var(--tipograf-a-heading-h3-regular-tablet-font-size);
}

.iphone .text-wrapper-108 {
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h3-regular-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h3-regular-tablet-font-family);
  font-style: var(--tipograf-a-heading-h3-regular-tablet-font-style);
  font-weight: var(--tipograf-a-heading-h3-regular-tablet-font-weight);
  line-height: var(--tipograf-a-heading-h3-regular-tablet-line-height);
  font-size: var(--tipograf-a-heading-h3-regular-tablet-font-size);
}

.iphone .text-wrapper-109 {
  font-weight: var(--tipograf-a-heading-h3-semibold-tablet-font-weight);
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h3-semibold-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h3-semibold-tablet-font-family);
  font-style: var(--tipograf-a-heading-h3-semibold-tablet-font-style);
  line-height: var(--tipograf-a-heading-h3-semibold-tablet-line-height);
  font-size: var(--tipograf-a-heading-h3-semibold-tablet-font-size);
}

.iphone .frame-13 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0px 27px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .frame-14 {
  display: flex;
  flex-direction: column;
  width: 567px;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  position: relative;
}

.iphone .body-small-9 {
  position: relative;
  align-self: stretch;
  height: 56px;
  font-weight: var(--tipograf-a-heading-h6-light-tablet-font-weight);
  color: var(--language-infiniteprimary500);
  font-size: var(--tipograf-a-heading-h6-light-tablet-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-light-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-light-tablet-line-height);
  font-family: var(--tipograf-a-heading-h6-light-tablet-font-family);
  text-align: center;
  font-style: var(--tipograf-a-heading-h6-light-tablet-font-style);
}

.iphone .container-otras-wrapper {
  display: flex;
  flex-direction: column;
  width: 1024px;
  align-items: center;
  justify-content: center;
  gap: 128px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .container-otras {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 72px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .otras-plataformas-2 {
  gap: 64px;
  padding: 0px 132px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .otras-plataformas-3 {
  display: flex;
  flex-direction: column;
  width: 199px;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .subtitle-small-9 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h5-light-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h5-light-tablet-font-weight);
  color: var(--language-infiniteprimary50);
  font-size: var(--tipograf-a-heading-h5-light-tablet-font-size);
  letter-spacing: var(--tipograf-a-heading-h5-light-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-tablet-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h5-light-tablet-font-style);
}

.iphone .title-section-7 {
  align-self: stretch;
  margin-top: -1.00px;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 51px;
  letter-spacing: -1.02px;
  line-height: 56.1px;
}

.iphone .text-wrapper-110 {
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h2-regular-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-regular-tablet-font-family);
  font-style: var(--tipograf-a-heading-h2-regular-tablet-font-style);
  font-weight: var(--tipograf-a-heading-h2-regular-tablet-font-weight);
  line-height: var(--tipograf-a-heading-h2-regular-tablet-line-height);
  font-size: var(--tipograf-a-heading-h2-regular-tablet-font-size);
}

.iphone .text-wrapper-111 {
  font-weight: var(--tipograf-a-heading-h2-semibold-tablet-font-weight);
  color: #f7f5f6;
  letter-spacing: var(--tipograf-a-heading-h2-semibold-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-semibold-tablet-font-family);
  font-style: var(--tipograf-a-heading-h2-semibold-tablet-font-style);
  line-height: var(--tipograf-a-heading-h2-semibold-tablet-line-height);
  font-size: var(--tipograf-a-heading-h2-semibold-tablet-font-size);
}

.iphone .subtitle-medium-7 {
  align-self: stretch;
  font-weight: 300;
  font-style: italic;
  color: var(--language-infiniteneutral50);
  font-size: 28px;
  letter-spacing: -0.42px;
  line-height: 36.4px;
  text-decoration: underline;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .language-desktop-wrapper {
  display: flex;
  flex-direction: column;
  width: 1534px;
  height: 936px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  margin-left: -255.00px;
  margin-right: -255.00px;
}

.iphone .language-desktop-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-top: -107.25px;
  margin-bottom: -107.25px;
  aspect-ratio: 1.33;
}

.iphone .sombra-2 {
  position: absolute;
  width: 73.09%;
  height: 44.02%;
  top: 35.75%;
  left: 16.62%;
}

.iphone .platform-dashboard-2 {
  position: absolute;
  width: 100.00%;
  height: 100%;
  top: 0;
  left: 16.62%;
  object-fit: cover;
}

.iphone .language-tablet-6 {
  display: flex;
  width: 760px;
  align-items: center;
  justify-content: center;
  gap: 31px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .otras-plataformas-4 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 11px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .fila {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .div-31 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 16px 16px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--language-infiniteprimary500);
}

.iphone .subtitle-13 {
  flex: 1;
  font-weight: var(--tipograf-a-heading-h6-medium-tablet-font-weight);
  color: var(--language-infiniteneutral50);
  position: relative;
  font-family: var(--tipograf-a-heading-h6-medium-tablet-font-family);
  font-size: var(--tipograf-a-heading-h6-medium-tablet-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-medium-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-medium-tablet-line-height);
  font-style: var(--tipograf-a-heading-h6-medium-tablet-font-style);
}

.iphone .button-icon-primary-3 {
  background-color: var(--language-infiniteprimary500);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 2px;
}

.iphone .div-32 {
  height: 78px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 16px 16px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--language-infiniteprimary500);
}

.iphone .subtitle-14 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h6-medium-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h6-medium-tablet-font-weight);
  color: var(--language-infiniteneutral50);
  font-size: var(--tipograf-a-heading-h6-medium-tablet-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-medium-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-medium-tablet-line-height);
  font-style: var(--tipograf-a-heading-h6-medium-tablet-font-style);
}

.iphone .logo-2 {
  position: absolute;
  width: 83.44%;
  height: 9.82%;
  top: 81.78%;
  left: 55.66%;
  aspect-ratio: 2.22;
}

.iphone .frame-15 {
  display: flex;
  flex-direction: column;
  width: 1024px;
  align-items: flex-start;
  gap: 56px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .element-metodologa-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 128px;
  padding: 0px 132px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .div-33 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .subtitle-small-10 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h5-light-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h5-light-tablet-font-weight);
  color: var(--language-infiniteprimary700);
  font-size: var(--tipograf-a-heading-h5-light-tablet-font-size);
  letter-spacing: var(--tipograf-a-heading-h5-light-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-tablet-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h5-light-tablet-font-style);
}

.iphone .title-section-8 {
  align-self: stretch;
  text-align: center;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 51px;
  letter-spacing: -1.02px;
  line-height: 56.1px;
}

.iphone .metodologa-buttons-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 54px 54px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .language-2 {
  display: inline-flex;
  height: 137px;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  position: relative;
}

.iphone .title-4 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h4-medium-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h4-medium-tablet-font-weight);
  color: var(--language-infiniteprimary800);
  font-size: var(--tipograf-a-heading-h4-medium-tablet-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h4-medium-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h4-medium-tablet-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h4-medium-tablet-font-style);
}

.iphone .subtitle-15 {
  width: fit-content;
  font-weight: var(--tipograf-a-heading-h5-regular-tablet-font-weight);
  color: transparent;
  font-size: var(--tipograf-a-heading-h5-regular-tablet-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-regular-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-regular-tablet-line-height);
  position: relative;
  font-family: var(--tipograf-a-heading-h5-regular-tablet-font-family);
  font-style: var(--tipograf-a-heading-h5-regular-tablet-font-style);
}

.iphone .text-wrapper-112 {
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h5-regular-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-regular-tablet-font-family);
  font-style: var(--tipograf-a-heading-h5-regular-tablet-font-style);
  font-weight: var(--tipograf-a-heading-h5-regular-tablet-font-weight);
  line-height: var(--tipograf-a-heading-h5-regular-tablet-line-height);
  font-size: var(--tipograf-a-heading-h5-regular-tablet-font-size);
}

.iphone .text-wrapper-113 {
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h5-regular-tablet-letter-spacing);
  text-decoration: underline;
  font-family: var(--tipograf-a-heading-h5-regular-tablet-font-family);
  font-style: var(--tipograf-a-heading-h5-regular-tablet-font-style);
  font-weight: var(--tipograf-a-heading-h5-regular-tablet-font-weight);
  line-height: var(--tipograf-a-heading-h5-regular-tablet-line-height);
  font-size: var(--tipograf-a-heading-h5-regular-tablet-font-size);
}

.iphone .language-3 {
  display: flex;
  width: 153px;
  height: 137px;
  opacity: 0.4;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  position: relative;
}

.iphone .title-5 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h4-medium-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h4-medium-tablet-font-weight);
  color: var(--language-infiniteneutral800);
  font-size: var(--tipograf-a-heading-h4-medium-tablet-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h4-medium-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h4-medium-tablet-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h4-medium-tablet-font-style);
}

.iphone .subtitle-16 {
  font-weight: var(--tipograf-a-heading-h5-regular-tablet-font-weight);
  color: var(--language-infiniteneutral800);
  font-size: var(--tipograf-a-heading-h5-regular-tablet-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-regular-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-regular-tablet-line-height);
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-heading-h5-regular-tablet-font-family);
  font-style: var(--tipograf-a-heading-h5-regular-tablet-font-style);
}

.iphone .language-4 {
  display: inline-flex;
  height: 137px;
  flex: 0 0 auto;
  opacity: 0.4;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  position: relative;
}

.iphone .subtitle-17 {
  position: relative;
  width: 170px;
  font-family: var(--tipograf-a-heading-h5-regular-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h5-regular-tablet-font-weight);
  color: var(--language-infiniteneutral800);
  font-size: var(--tipograf-a-heading-h5-regular-tablet-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-regular-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-regular-tablet-line-height);
  font-style: var(--tipograf-a-heading-h5-regular-tablet-font-style);
}

.iphone .language-5 {
  display: inline-flex;
  height: 141px;
  flex: 0 0 auto;
  opacity: 0.4;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  position: relative;
}

.iphone .subtitle-18 {
  position: relative;
  width: 158px;
  font-family: var(--tipograf-a-heading-h5-regular-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h5-regular-tablet-font-weight);
  color: var(--language-infiniteneutral800);
  font-size: var(--tipograf-a-heading-h5-regular-tablet-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-regular-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-regular-tablet-line-height);
  font-style: var(--tipograf-a-heading-h5-regular-tablet-font-style);
}

.iphone .metodologa-content-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .img-15 {
  position: relative;
  max-width: 600px;
  width: 398.77px;
  max-height: 676.83px;
  height: 441px;
  margin-top: -1.00px;
  margin-bottom: -68.00px;
  margin-left: -1.00px;
  aspect-ratio: 0.89;
  object-fit: cover;
}

.iphone .metodologa-txt {
  display: flex;
  flex-direction: column;
  min-width: 240px;
  max-width: 530px;
  align-items: flex-end;
  justify-content: center;
  gap: 32px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .text-wrapper-114 {
  font-weight: var(--tipograf-a-heading-h6-medium-tablet-font-weight);
  color: #4c3b43;
  letter-spacing: var(--tipograf-a-heading-h6-medium-tablet-letter-spacing);
  font-family: var(--tipograf-a-heading-h6-medium-tablet-font-family);
  font-style: var(--tipograf-a-heading-h6-medium-tablet-font-style);
  line-height: var(--tipograf-a-heading-h6-medium-tablet-line-height);
  font-size: var(--tipograf-a-heading-h6-medium-tablet-font-size);
}

.iphone .text-wrapper-115 {
  font-weight: var(--tipograf-a-heading-h6-light-tablet-font-weight);
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h6-light-tablet-letter-spacing);
  text-decoration: underline;
  font-family: var(--tipograf-a-heading-h6-light-tablet-font-family);
  font-style: var(--tipograf-a-heading-h6-light-tablet-font-style);
  line-height: var(--tipograf-a-heading-h6-light-tablet-line-height);
  font-size: var(--tipograf-a-heading-h6-light-tablet-font-size);
}

.iphone .metodologa-CTA {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 32px;
  padding: 0px 132px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .container-CTA {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .subtitle-medium-8 {
  width: 330px;
  font-weight: 400;
  color: transparent;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .element-equipo-de {
  position: relative;
  width: 1024px;
  flex: 0 0 auto;
}

.section-group .element-equipo-de {
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .element-intregraciones-2 {
  align-items: center;
  gap: 72px;
  padding: 128px 132px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .subtitle-small-11 {
  display: flex;
  flex-direction: column;
  width: 199px;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .subtitle-small-12 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h5-light-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h5-light-tablet-font-weight);
  color: var(--language-infiniteprimary700);
  font-size: var(--tipograf-a-heading-h5-light-tablet-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-light-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-tablet-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h5-light-tablet-font-style);
}

.iphone .language-tablet-7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 72px;
  padding: 0px 132px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .intregraciones-2 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
  margin-left: -5.50px;
  margin-right: -5.50px;
}

.iphone .buttons-primary-5 {
  background-color: var(--language-infiniteprimary100);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 24px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 2px;
}

.iphone .divider-7 {
  position: relative;
  width: 760px;
  height: 2px;
  margin-top: -2.00px;
  margin-left: -132.00px;
  margin-right: -132.00px;
}

.iphone .subtitle-small-13 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h6-regular-tablet-font-family);
  font-weight: var(--tipograf-a-heading-h6-regular-tablet-font-weight);
  color: var(--language-infiniteprimary800);
  font-size: var(--tipograf-a-heading-h6-regular-tablet-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h6-regular-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-regular-tablet-line-height);
  font-style: var(--tipograf-a-heading-h6-regular-tablet-font-style);
}

.iphone .body-small-10 {
  position: relative;
  align-self: stretch;
  font-weight: var(--tipograf-a-body-light-desktop-tablet-font-weight);
  color: var(--language-infiniteneutral900);
  font-size: var(--tipograf-a-body-light-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-body-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-light-desktop-tablet-line-height);
  font-family: var(--tipograf-a-body-light-desktop-tablet-font-family);
  text-align: center;
  font-style: var(--tipograf-a-body-light-desktop-tablet-font-style);
}

.iphone .intregraciones-img-2 {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  max-width: 640px;
  max-height: 360px;
  height: 288px;
  align-items: center;
  gap: 10px;
  position: relative;
  width: 100%;
}

.iphone .integraciones-logos {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 16px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
}

.iphone .logo-slider-3 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 120px;
  background-image: url(./img/logos-2.svg);
  background-size: 100% 100%;
}

.iphone .language-tablet-8 {
  display: flex;
  flex-direction: column;
  width: 1024px;
  align-items: center;
  gap: 80px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .CTA-background {
  display: flex;
  height: 323px;
  align-items: center;
  justify-content: space-around;
  gap: 24px;
  padding: 64px 72px 52px;
  align-self: stretch;
  width: 100%;
  background-color: var(--language-infiniteprimary500);
  box-shadow: var(--language-infinite-down-md);
  flex-direction: column;
  position: relative;
}

.iphone .CTA-container-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 64px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .caption-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 250px;
  width: 250px;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .caption-4 {
  align-self: stretch;
  font-weight: var(--tipograf-a-caption-italic-desktop-tablet-font-weight);
  font-style: var(--tipograf-a-caption-italic-desktop-tablet-font-style);
  color: var(--language-infiniteprimary50);
  text-align: center;
  position: relative;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-caption-italic-desktop-tablet-font-family);
  font-size: var(--tipograf-a-caption-italic-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-caption-italic-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-caption-italic-desktop-tablet-line-height);
}

.iphone .divider-8 {
  position: relative;
  width: 2px;
  height: 148px;
}

.iphone .CTA-5 {
  display: flex;
  min-width: 320px;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex: 1;
  flex-grow: 1;
  flex-direction: column;
  position: relative;
}

.iphone .title-block-2 {
  position: relative;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 28px;
  text-align: center;
  letter-spacing: 0.14px;
  line-height: 36.4px;
}

.iphone .text-wrapper-116 {
  font-weight: var(--tipograf-a-heading-h5-light-desktop-font-weight);
  color: #f9cde2;
  letter-spacing: var(--tipograf-a-heading-h5-light-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-light-desktop-font-family);
  font-style: var(--tipograf-a-heading-h5-light-desktop-font-style);
  line-height: var(--tipograf-a-heading-h5-light-desktop-line-height);
  font-size: var(--tipograf-a-heading-h5-light-desktop-font-size);
}

.iphone .text-wrapper-117 {
  font-weight: var(--tipograf-a-heading-h5-medium-desktop-font-weight);
  color: #f9cde2;
  letter-spacing: var(--tipograf-a-heading-h5-medium-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-medium-desktop-font-family);
  font-style: var(--tipograf-a-heading-h5-medium-desktop-font-style);
  line-height: var(--tipograf-a-heading-h5-medium-desktop-line-height);
  font-size: var(--tipograf-a-heading-h5-medium-desktop-font-size);
}

.iphone .text-wrapper-118 {
  font-weight: var(--tipograf-a-heading-h5-medium-desktop-font-weight);
  color: #f7f5f6;
  letter-spacing: var(--tipograf-a-heading-h5-medium-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-medium-desktop-font-family);
  font-style: var(--tipograf-a-heading-h5-medium-desktop-font-style);
  line-height: var(--tipograf-a-heading-h5-medium-desktop-line-height);
  font-size: var(--tipograf-a-heading-h5-medium-desktop-font-size);
}

.iphone .buttons-CTA-2 {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .buttons-empecemos-2 {
  display: flex;
  height: 52px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 12px 12px 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #ffffff;
}

.iphone .text-wrapper-119 {
  position: relative;
  width: 46px;
  height: 24px;
  font-family: var(--tipograf-a-body-light-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-light-desktop-tablet-font-weight);
  color: var(--language-infiniteneutral900);
  font-size: var(--tipograf-a-body-light-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-body-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-light-desktop-tablet-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-body-light-desktop-tablet-font-style);
}

.iphone .check-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -4.00px;
  margin-bottom: -4.00px;
  background-color: var(--language-infiniteprimary500);
  border-radius: 2px;
}

.iphone .button-secondary-5 {
  margin-right: -3.00px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 24px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--blanco);
  border-radius: 2px;
  border: 3px solid;
  border-color: var(--language-infiniteprimary500);
}

.iphone .footer-content-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  padding: 0px 132px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .container-tag {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .divider-9 {
  position: relative;
  width: 2px;
  height: 208px;
  margin-left: -2.00px;
}

.iphone .div-34 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 32px 32px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .subtitle-19 {
  width: fit-content;
  margin-top: -1.00px;
  font-weight: var(--tipograf-a-heading-h6-medium-tablet-font-weight);
  color: var(--language-infiniteprimary700);
  white-space: nowrap;
  position: relative;
  font-family: var(--tipograf-a-heading-h6-medium-tablet-font-family);
  font-size: var(--tipograf-a-heading-h6-medium-tablet-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-medium-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-medium-tablet-line-height);
  font-style: var(--tipograf-a-heading-h6-medium-tablet-font-style);
}

.iphone .explora-links {
  display: flex;
  flex-direction: column;
  min-width: 100px;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .language-navlinks {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .header-nav-link {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-body-small-regular-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-small-regular-desktop-tablet-font-weight);
  color: var(--language-infiniteneutral700);
  font-size: var(--tipograf-a-body-small-regular-desktop-tablet-font-size);
  letter-spacing: var(
    --tipograf-a-body-small-regular-desktop-tablet-letter-spacing
  );
  line-height: var(--tipograf-a-body-small-regular-desktop-tablet-line-height);
  font-style: var(--tipograf-a-body-small-regular-desktop-tablet-font-style);
}

.iphone .divider-10 {
  position: relative;
  width: 2px;
  height: 208px;
}

.iphone .subtitle-20 {
  margin-top: -1.00px;
  font-weight: var(--tipograf-a-heading-h6-medium-tablet-font-weight);
  color: var(--language-infiniteprimary700);
  font-size: var(--tipograf-a-heading-h6-medium-tablet-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-medium-tablet-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-medium-tablet-line-height);
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-heading-h6-medium-tablet-font-family);
  font-style: var(--tipograf-a-heading-h6-medium-tablet-font-style);
}

.iphone .informacin-legal {
  display: flex;
  flex-direction: column;
  min-width: 122px;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .divider-11 {
  position: relative;
  width: 2px;
  height: 98px;
  margin-left: -2.00px;
}

.iphone .contacto-links {
  display: flex;
  flex-direction: column;
  min-width: 155px;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .footer-pie-pgina-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  padding: 0px 58px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .caption-5 {
  width: fit-content;
  font-weight: var(--tipograf-a-caption-light-desktop-tablet-font-weight);
  color: var(--language-infiniteneutral700);
  white-space: nowrap;
  position: relative;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-caption-light-desktop-tablet-font-family);
  font-size: var(--tipograf-a-caption-light-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-caption-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-caption-light-desktop-tablet-line-height);
  font-style: var(--tipograf-a-caption-light-desktop-tablet-font-style);
}

.iphone .logos-2 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0px 0px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .logo-upware-2 {
  position: relative;
  width: 173px;
  height: 73.99px;
  aspect-ratio: 2.34;
}

.iphone .link-social-media-2 {
  display: flex;
  width: 58px;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.iphone .button-tertiary {
  gap: 6px;
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.iphone .button-7 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: var(--language-infiniteprimary500);
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .language-tablet-9 {
  display: flex;
  width: 100%;
  height: 72px;
  align-items: center;
  justify-content: space-between;
  padding: 0px 60px 0px 72px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--language-infiniteprimary500);
  box-shadow: var(--language-infinite-header);
}

.iphone .buttons-2 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .button-secondary-6 {
  margin-top: -3.00px;
  margin-bottom: -3.00px;
  margin-left: -3.00px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 24px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--blanco);
  border-radius: 2px;
  border: 3px solid;
  border-color: var(--language-infiniteprimary500);
}

.iphone.desktop {
  display: flex;
  flex-direction: column;
  min-width: 1440px;
  align-items: center;
  padding: 0px 0px 56px;
  position: relative;
  background-color: #ffffff;
}

.iphone .element-hero-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.iphone .hero-content-3 {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 1.52;
  object-fit: cover;
}

.iphone .hero-data-3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 64px 64px;
  padding: 64px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
}

.iphone .title-6 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h3-semibold-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h3-semibold-desktop-font-weight);
  color: var(--language-infiniteneutral50);
  font-size: var(--tipograf-a-heading-h3-semibold-desktop-font-size);
  letter-spacing: var(--tipograf-a-heading-h3-semibold-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h3-semibold-desktop-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h3-semibold-desktop-font-style);
}

.iphone .subtitle-21 {
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-heading-h6-light-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h6-light-desktop-font-weight);
  color: var(--language-infiniteprimary50);
  font-size: var(--tipograf-a-heading-h6-light-desktop-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-light-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-light-desktop-line-height);
  font-style: var(--tipograf-a-heading-h6-light-desktop-font-style);
}

.iphone .dato-3 {
  display: flex;
  width: 349px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
}

.iphone .subtitle-22 {
  position: relative;
  width: 185px;
  font-family: var(--tipograf-a-heading-h6-light-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h6-light-desktop-font-weight);
  color: var(--language-infiniteprimary50);
  font-size: var(--tipograf-a-heading-h6-light-desktop-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-light-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-light-desktop-line-height);
  font-style: var(--tipograf-a-heading-h6-light-desktop-font-style);
}

.iphone .element-problemas-3 {
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-blend-mode: screen;
}

.iphone .element-casos-de-xito-3 {
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  object-fit: cover;
}

.iphone .mdulos-content-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 72px;
  padding: 0px 148px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .title-section-9 {
  margin-top: -1.00px;
  text-align: center;
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 67px;
  letter-spacing: -1.34px;
  line-height: 73.7px;
}

.iphone .text-wrapper-120 {
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h2-regular-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-regular-desktop-font-family);
  font-style: var(--tipograf-a-heading-h2-regular-desktop-font-style);
  font-weight: var(--tipograf-a-heading-h2-regular-desktop-font-weight);
  line-height: var(--tipograf-a-heading-h2-regular-desktop-line-height);
  font-size: var(--tipograf-a-heading-h2-regular-desktop-font-size);
}

.iphone .text-wrapper-121 {
  font-weight: var(--tipograf-a-heading-h2-semibold-desktop-font-weight);
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h2-semibold-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-semibold-desktop-font-family);
  font-style: var(--tipograf-a-heading-h2-semibold-desktop-font-style);
  line-height: var(--tipograf-a-heading-h2-semibold-desktop-line-height);
  font-size: var(--tipograf-a-heading-h2-semibold-desktop-font-size);
}

.iphone .subtitle-medium-9 {
  align-self: stretch;
  font-weight: 400;
  color: var(--language-infiniteneutral800);
  font-size: 38px;
  text-align: center;
  letter-spacing: -0.57px;
  line-height: 49.4px;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .text-wrapper-122 {
  font-weight: var(--tipograf-a-heading-h4-light-desktop-font-weight);
  letter-spacing: var(--tipograf-a-heading-h4-light-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h4-light-desktop-font-family);
  font-style: var(--tipograf-a-heading-h4-light-desktop-font-style);
  line-height: var(--tipograf-a-heading-h4-light-desktop-line-height);
  font-size: var(--tipograf-a-heading-h4-light-desktop-font-size);
}

.iphone .text-wrapper-123 {
  font-weight: var(--tipograf-a-heading-h4-medium-desktop-font-weight);
  letter-spacing: var(--tipograf-a-heading-h4-medium-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h4-medium-desktop-font-family);
  font-style: var(--tipograf-a-heading-h4-medium-desktop-font-style);
  line-height: var(--tipograf-a-heading-h4-medium-desktop-line-height);
  font-size: var(--tipograf-a-heading-h4-medium-desktop-font-size);
}

.iphone .subtitle-23 {
  font-weight: var(--tipograf-a-heading-h5-light-desktop-font-weight);
  color: var(--language-infiniteprimary500);
  font-size: var(--tipograf-a-heading-h5-light-desktop-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-light-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-desktop-line-height);
  white-space: nowrap;
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-heading-h5-light-desktop-font-family);
  font-style: var(--tipograf-a-heading-h5-light-desktop-font-style);
}

.iphone .language-desktop-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 12px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  overflow: hidden;
  overflow-x: scroll;
}

.iphone .language-desktop-3::-webkit-scrollbar {
  width: 0;
  display: none;
}

.iphone .buttons-primary-6 {
  background-color: var(--language-infiniteneutral400);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 2px;
}

.iphone .school-3 {
  position: relative;
  flex: 0 0 auto;
  height: 24px;
  margin-top: -4678.00px;
  margin-right: -18121.50px;
}

.iphone .text-wrapper-124 {
  color: var(--language-infiniteneutral700);
  font-size: 18px;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .div-35 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
  border-radius: 2px;
}

.iphone .bot-n-8 {
  color: var(--language-infiniteneutral50);
  font-size: 18px;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .assigment-2 {
  position: relative;
  width: 24px;
}

.iphone .img-16 {
  position: relative;
  flex: 0 0 auto;
  height: 24px;
}

.iphone .subtitle-medium-10 {
  align-self: stretch;
  margin-top: -1.00px;
  font-weight: 400;
  color: transparent;
  font-size: 28px;
  letter-spacing: 0.14px;
  line-height: 36.4px;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .text-wrapper-125 {
  font-weight: var(--tipograf-a-heading-h5-medium-desktop-font-weight);
  color: #640d37;
  letter-spacing: var(--tipograf-a-heading-h5-medium-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-medium-desktop-font-family);
  font-style: var(--tipograf-a-heading-h5-medium-desktop-font-style);
  line-height: var(--tipograf-a-heading-h5-medium-desktop-line-height);
  font-size: var(--tipograf-a-heading-h5-medium-desktop-font-size);
}

.iphone .vdeo-wrapper {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  max-width: 640px;
  min-height: 189.16px;
  max-height: 378.33px;
  align-items: flex-start;
  gap: 10px;
  flex: 1;
  flex-grow: 1;
  box-shadow: var(--shadow-down-sm);
  position: relative;
  aspect-ratio: 1.69;
}

.iphone .list-3 {
  display: flex;
  flex-direction: column;
  min-width: 315px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .list-4 {
  display: flex;
  align-items: center;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .subtitle-24 {
  flex: 1;
  margin-top: -1.00px;
  font-weight: 400;
  color: var(--language-infiniteneutral900);
  font-size: 21px;
  letter-spacing: 0.10px;
  line-height: 27.3px;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .section-group-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 128px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background: linear-gradient(
    180deg,
    rgba(150, 19, 83, 1) 0%,
    rgba(249, 205, 226, 1) 63%
  );
}

.iphone .pattern-3 {
  position: absolute;
  width: 100%;
  height: 39.52%;
  top: 9.53%;
  left: 0;
  mix-blend-mode: multiply;
}

.iphone .CTA-6 {
  display: flex;
  align-items: flex-start;
  gap: 27px;
  padding: 72px 148px;
  align-self: stretch;
  width: 100%;
  background-color: var(--language-infiniteprimary50);
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
}

.iphone .frame-16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 56px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary50);
  border-radius: 25px;
  box-shadow: var(--shadow-down-md);
}

.iphone .title-CTA-3 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h3-regular-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h3-regular-desktop-font-weight);
  color: transparent;
  font-size: var(--tipograf-a-heading-h3-regular-desktop-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h3-regular-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h3-regular-desktop-line-height);
  font-style: var(--tipograf-a-heading-h3-regular-desktop-font-style);
}

.iphone .text-wrapper-126 {
  color: #7d1045;
  letter-spacing: var(--tipograf-a-heading-h3-regular-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h3-regular-desktop-font-family);
  font-style: var(--tipograf-a-heading-h3-regular-desktop-font-style);
  font-weight: var(--tipograf-a-heading-h3-regular-desktop-font-weight);
  line-height: var(--tipograf-a-heading-h3-regular-desktop-line-height);
  font-size: var(--tipograf-a-heading-h3-regular-desktop-font-size);
}

.iphone .text-wrapper-127 {
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h3-regular-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h3-regular-desktop-font-family);
  font-style: var(--tipograf-a-heading-h3-regular-desktop-font-style);
  font-weight: var(--tipograf-a-heading-h3-regular-desktop-font-weight);
  line-height: var(--tipograf-a-heading-h3-regular-desktop-line-height);
  font-size: var(--tipograf-a-heading-h3-regular-desktop-font-size);
}

.iphone .body-small-11 {
  height: 56px;
  color: var(--language-infiniteprimary400);
  font-size: var(--tipograf-a-heading-h6-light-desktop-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-light-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-light-desktop-line-height);
  text-decoration: underline;
  position: relative;
  align-self: stretch;
  font-family: var(--tipograf-a-heading-h6-light-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h6-light-desktop-font-weight);
  font-style: var(--tipograf-a-heading-h6-light-desktop-font-style);
}

.iphone .element-otras-plataformas-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 128px;
  padding: 0px 148px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .otras-plataformas-5 {
  display: flex;
  gap: 64px;
  align-self: stretch;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.iphone .subtitle-small-14 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h5-light-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h5-light-desktop-font-weight);
  color: var(--language-infiniteprimary50);
  font-size: var(--tipograf-a-heading-h5-light-desktop-font-size);
  letter-spacing: var(--tipograf-a-heading-h5-light-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-desktop-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h5-light-desktop-font-style);
}

.iphone .title-section-10 {
  margin-top: -1.00px;
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 67px;
  letter-spacing: -1.34px;
  line-height: 73.7px;
}

.iphone .text-wrapper-128 {
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h2-regular-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-regular-desktop-font-family);
  font-style: var(--tipograf-a-heading-h2-regular-desktop-font-style);
  font-weight: var(--tipograf-a-heading-h2-regular-desktop-font-weight);
  line-height: var(--tipograf-a-heading-h2-regular-desktop-line-height);
  font-size: var(--tipograf-a-heading-h2-regular-desktop-font-size);
}

.iphone .text-wrapper-129 {
  font-weight: var(--tipograf-a-heading-h2-semibold-desktop-font-weight);
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h2-semibold-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-semibold-desktop-font-family);
  font-style: var(--tipograf-a-heading-h2-semibold-desktop-font-style);
  line-height: var(--tipograf-a-heading-h2-semibold-desktop-line-height);
  font-size: var(--tipograf-a-heading-h2-semibold-desktop-font-size);
}

.iphone .subtitle-medium-11 {
  align-self: stretch;
  font-weight: 300;
  font-style: italic;
  color: var(--language-infiniteneutral50);
  font-size: 38px;
  letter-spacing: -0.57px;
  line-height: 49.4px;
  text-decoration: underline;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .otras-plataformas-6 {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 11px;
  position: relative;
}

.iphone .language-desktop-4 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 72px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .otras-plataformas-7 {
  display: flex;
  align-items: flex-start;
  gap: 31px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .otras-plataformas-8 {
  display: flex;
  flex-direction: column;
  width: 566px;
  align-items: center;
  gap: 11px;
  position: relative;
}

.iphone .div-36 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 16px 20px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
}

.iphone .subtitle-25 {
  width: fit-content;
  font-weight: var(--tipograf-a-heading-h6-medium-desktop-font-weight);
  color: var(--language-infiniteneutral50);
  font-size: var(--tipograf-a-heading-h6-medium-desktop-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-medium-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-medium-desktop-line-height);
  white-space: nowrap;
  position: relative;
  font-family: var(--tipograf-a-heading-h6-medium-desktop-font-family);
  font-style: var(--tipograf-a-heading-h6-medium-desktop-font-style);
}

.iphone .add-wrapper {
  padding: 16px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
  border-radius: 2px;
}

.iphone .language-desktop-5 {
  position: absolute;
  height: 128.39%;
  top: 7.66%;
  left: 337px;
  width: 1767px;
  aspect-ratio: 1.33;
}

.iphone .sombra-3 {
  position: absolute;
  width: 73.09%;
  height: 44.02%;
  top: 36.61%;
  left: 0;
}

.iphone .platform-dashboard-3 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.iphone .element-metodologa-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 56px;
  padding: 0px 132px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .title-section-11 {
  text-align: center;
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 67px;
  letter-spacing: -1.34px;
  line-height: 73.7px;
}

.iphone .title-7 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h4-medium-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h4-medium-desktop-font-weight);
  color: var(--language-infiniteprimary800);
  font-size: var(--tipograf-a-heading-h4-medium-desktop-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h4-medium-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h4-medium-desktop-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h4-medium-desktop-font-style);
}

.iphone .subtitle-26 {
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-heading-h5-regular-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h5-regular-desktop-font-weight);
  color: transparent;
  font-size: var(--tipograf-a-heading-h5-regular-desktop-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-regular-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-regular-desktop-line-height);
  font-style: var(--tipograf-a-heading-h5-regular-desktop-font-style);
}

.iphone .text-wrapper-130 {
  color: #32061c;
  letter-spacing: var(--tipograf-a-heading-h5-regular-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-regular-desktop-font-family);
  font-style: var(--tipograf-a-heading-h5-regular-desktop-font-style);
  font-weight: var(--tipograf-a-heading-h5-regular-desktop-font-weight);
  line-height: var(--tipograf-a-heading-h5-regular-desktop-line-height);
  font-size: var(--tipograf-a-heading-h5-regular-desktop-font-size);
}

.iphone .text-wrapper-131 {
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h5-regular-desktop-letter-spacing);
  text-decoration: underline;
  font-family: var(--tipograf-a-heading-h5-regular-desktop-font-family);
  font-style: var(--tipograf-a-heading-h5-regular-desktop-font-style);
  font-weight: var(--tipograf-a-heading-h5-regular-desktop-font-weight);
  line-height: var(--tipograf-a-heading-h5-regular-desktop-line-height);
  font-size: var(--tipograf-a-heading-h5-regular-desktop-font-size);
}

.iphone .language-6 {
  display: flex;
  width: 197px;
  height: 137px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  position: relative;
  opacity: 0.4;
}

.iphone .title-8 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h4-medium-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h4-medium-desktop-font-weight);
  color: var(--language-infiniteneutral800);
  font-size: var(--tipograf-a-heading-h4-medium-desktop-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h4-medium-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h4-medium-desktop-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h4-medium-desktop-font-style);
}

.iphone .subtitle-27 {
  margin-left: -3.50px;
  margin-right: -3.50px;
  font-weight: var(--tipograf-a-heading-h5-regular-desktop-font-weight);
  color: var(--language-infiniteneutral800);
  font-size: var(--tipograf-a-heading-h5-regular-desktop-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-regular-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-regular-desktop-line-height);
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-heading-h5-regular-desktop-font-family);
  font-style: var(--tipograf-a-heading-h5-regular-desktop-font-style);
}

.iphone .language-7 {
  display: flex;
  width: 228px;
  height: 137px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  position: relative;
  opacity: 0.4;
}

.iphone .subtitle-28 {
  position: relative;
  width: fit-content;
  margin-left: -1.50px;
  margin-right: -1.50px;
  font-family: var(--tipograf-a-heading-h5-regular-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h5-regular-desktop-font-weight);
  color: var(--language-infiniteneutral800);
  font-size: var(--tipograf-a-heading-h5-regular-desktop-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-regular-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-regular-desktop-line-height);
  font-style: var(--tipograf-a-heading-h5-regular-desktop-font-style);
}

.iphone .subtitle-29 {
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-heading-h5-regular-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h5-regular-desktop-font-weight);
  color: var(--language-infiniteneutral800);
  font-size: var(--tipograf-a-heading-h5-regular-desktop-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-regular-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-regular-desktop-line-height);
  font-style: var(--tipograf-a-heading-h5-regular-desktop-font-style);
}

.iphone .metodologa-content-3 {
  display: flex;
  align-items: center;
  gap: 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .img-17 {
  min-width: 480px;
  max-width: 750px;
  height: 404px;
  margin-top: -1.00px;
  margin-bottom: -68.00px;
  margin-left: -1.00px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  object-fit: cover;
}

.iphone .metodologa-txt-2 {
  display: flex;
  flex-direction: column;
  min-width: 240px;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .body-bullet-regular-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 21px;
  letter-spacing: 0.10px;
  line-height: 27.3px;
}

.iphone .text-wrapper-132 {
  font-weight: var(--tipograf-a-heading-h6-medium-desktop-font-weight);
  color: #4c3b43;
  letter-spacing: var(--tipograf-a-heading-h6-medium-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h6-medium-desktop-font-family);
  font-style: var(--tipograf-a-heading-h6-medium-desktop-font-style);
  line-height: var(--tipograf-a-heading-h6-medium-desktop-line-height);
  font-size: var(--tipograf-a-heading-h6-medium-desktop-font-size);
}

.iphone .text-wrapper-133 {
  font-weight: var(--tipograf-a-heading-h6-light-desktop-font-weight);
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h6-light-desktop-letter-spacing);
  text-decoration: underline;
  font-family: var(--tipograf-a-heading-h6-light-desktop-font-family);
  font-style: var(--tipograf-a-heading-h6-light-desktop-font-style);
  line-height: var(--tipograf-a-heading-h6-light-desktop-line-height);
  font-size: var(--tipograf-a-heading-h6-light-desktop-font-size);
}

.iphone .metodologa-CTA-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .subtitle-medium-12 {
  width: 330px;
  font-weight: 400;
  color: transparent;
  font-size: 21px;
  letter-spacing: 0.10px;
  line-height: 27.3px;
  position: relative;
  font-family: "Roboto", Helvetica;
}

.iphone .text-wrapper-134 {
  font-weight: var(--tipograf-a-heading-h6-light-desktop-font-weight);
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h6-light-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h6-light-desktop-font-family);
  font-style: var(--tipograf-a-heading-h6-light-desktop-font-style);
  line-height: var(--tipograf-a-heading-h6-light-desktop-line-height);
  font-size: var(--tipograf-a-heading-h6-light-desktop-font-size);
}

.iphone .text-wrapper-135 {
  font-weight: var(--tipograf-a-heading-h6-medium-desktop-font-weight);
  color: #640d37;
  letter-spacing: var(--tipograf-a-heading-h6-medium-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h6-medium-desktop-font-family);
  font-style: var(--tipograf-a-heading-h6-medium-desktop-font-style);
  line-height: var(--tipograf-a-heading-h6-medium-desktop-line-height);
  font-size: var(--tipograf-a-heading-h6-medium-desktop-font-size);
}

.iphone .logo-3 {
  position: absolute;
  /*width: 63.16%;
  height: 12.09%;*/
  width: auto;
  height: auto;
  top: 78.41%;
  left: 60.56%;
  aspect-ratio: 2.22;
}

.iphone .frame-17 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 128px;
  padding: 128px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .element-intregraciones-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 72px;
  padding: 0px 148px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .intregraciones-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 64px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .subtitle-small-15 {
  display: flex;
  flex-direction: column;
  width: 199px;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .subtitle-small-16 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h5-light-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h5-light-desktop-font-weight);
  color: var(--language-infiniteprimary700);
  font-size: var(--tipograf-a-heading-h5-light-desktop-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-heading-h5-light-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h5-light-desktop-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-heading-h5-light-desktop-font-style);
}

.iphone .title-section-12 {
  position: relative;
  align-self: stretch;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 67px;
  letter-spacing: -1.34px;
  line-height: 73.7px;
}

.iphone .text-wrapper-136 {
  font-style: var(--tipograf-a-heading-h2-italic-desktop-font-style);
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h2-italic-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h2-italic-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h2-italic-desktop-font-weight);
  line-height: var(--tipograf-a-heading-h2-italic-desktop-line-height);
  font-size: var(--tipograf-a-heading-h2-italic-desktop-font-size);
}

.iphone .language-desktop-6 {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  gap: 72px;
  padding: 0px 148px;
  position: relative;
  flex: 0 0 auto;
  margin-left: -148.00px;
  margin-right: -148.00px;
}

.iphone .intregraciones-4 {
  display: inline-flex;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
  margin-left: -17.00px;
  margin-right: -17.00px;
}

.iphone .language-8 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .buttons-primary-7 {
  background-color: var(--language-infiniteprimary100);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 2px;
}

.iphone .intregraciones-text-2 {
  display: flex;
  flex-direction: column;
  width: 488.5px;
  align-items: flex-start;
  gap: 32px;
  position: relative;
}

.iphone .divider-12 {
  position: relative;
  width: 489px;
  height: 2px;
  margin-top: -2.00px;
  margin-right: -0.50px;
}

.iphone .text-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .subtitle-small-17 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-heading-h6-regular-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h6-regular-desktop-font-weight);
  color: var(--language-infiniteprimary800);
  font-size: var(--tipograf-a-heading-h6-regular-desktop-font-size);
  letter-spacing: var(--tipograf-a-heading-h6-regular-desktop-letter-spacing);
  line-height: var(--tipograf-a-heading-h6-regular-desktop-line-height);
  font-style: var(--tipograf-a-heading-h6-regular-desktop-font-style);
}

.iphone .body-small-12 {
  color: var(--language-infiniteneutral900);
  font-size: var(--tipograf-a-body-light-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-body-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-light-desktop-tablet-line-height);
  position: relative;
  align-self: stretch;
  font-family: var(--tipograf-a-body-light-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-light-desktop-tablet-font-weight);
  font-style: var(--tipograf-a-body-light-desktop-tablet-font-style);
}

.iphone .intregraciones-img-3 {
  display: flex;
  flex-direction: column;
  max-width: 640px;
  width: 488.5px;
  min-height: 180px;
  max-height: 360px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
}

.iphone .logo-slider-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 32px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
}

.iphone .logo-slider-4 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 120px;
  background-image: url(./img/logos-1.svg);
  background-size: 100% 100%;
}

.iphone .language-desktop-7 {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  gap: 64px;
  padding: 0px 148px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .CTA-container-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  padding: 64px 72px 52px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
  box-shadow: var(--language-infinite-CTA);
}

.iphone .CTA-container-3 {
  display: flex;
  width: 1000px;
  align-items: center;
  justify-content: center;
  gap: 64px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .logo-language-3 {
  position: relative;
  width: 170px;
  height: 114.14px;
  aspect-ratio: 1.49;
}

.iphone .caption-6 {
  width: 280px;
  font-weight: var(--tipograf-a-caption-italic-desktop-tablet-font-weight);
  color: var(--language-infiniteprimary100);
  text-align: center;
  position: relative;
  font-family: var(--tipograf-a-caption-italic-desktop-tablet-font-family);
  font-size: var(--tipograf-a-caption-italic-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-caption-italic-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-caption-italic-desktop-tablet-line-height);
  font-style: var(--tipograf-a-caption-italic-desktop-tablet-font-style);
}

.iphone .text-wrapper-137 {
  font-style: var(--tipograf-a-caption-italic-desktop-tablet-font-style);
  letter-spacing: var(--tipograf-a-caption-italic-desktop-tablet-letter-spacing);
  font-family: var(--tipograf-a-caption-italic-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-caption-italic-desktop-tablet-font-weight);
  line-height: var(--tipograf-a-caption-italic-desktop-tablet-line-height);
  font-size: var(--tipograf-a-caption-italic-desktop-tablet-font-size);
}

.iphone .text-wrapper-138 {
  font-style: var(--tipograf-a-caption-italic-desktop-tablet-font-style);
  letter-spacing: var(--tipograf-a-caption-italic-desktop-tablet-letter-spacing);
  text-decoration: underline;
  font-family: var(--tipograf-a-caption-italic-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-caption-italic-desktop-tablet-font-weight);
  line-height: var(--tipograf-a-caption-italic-desktop-tablet-line-height);
  font-size: var(--tipograf-a-caption-italic-desktop-tablet-font-size);
}

.iphone .CTA-7 {
  display: inline-flex;
  min-width: 240px;
  align-items: center;
  gap: 32px;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
}

.iphone .title-block-3 {
  position: relative;
  width: 546px;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 28px;
  text-align: center;
  letter-spacing: 0.14px;
  line-height: 36.4px;
}

.iphone .frame-18 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 16px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .buttons-CTA-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .footer-content-3 {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  padding: 0px 58px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .subtitle-30 {
  width: fit-content;
  margin-top: -1.00px;
  font-weight: var(--tipograf-a-body-medium-desktop-tablet-font-weight);
  color: var(--language-infiniteprimary700);
  font-size: var(--tipograf-a-body-medium-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-body-medium-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-medium-desktop-tablet-line-height);
  white-space: nowrap;
  position: relative;
  font-family: var(--tipograf-a-body-medium-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-medium-desktop-tablet-font-style);
}

.iphone .explora-links-2 {
  display: flex;
  flex-direction: column;
  min-width: 105px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .header-nav-link-2 {
  flex: 1;
  color: var(--language-infiniteneutral700);
  position: relative;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-body-regular-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-regular-desktop-tablet-font-weight);
  font-size: var(--tipograf-a-body-regular-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-body-regular-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-regular-desktop-tablet-line-height);
  font-style: var(--tipograf-a-body-regular-desktop-tablet-font-style);
}

.iphone .divider-13 {
  position: relative;
  width: 2px;
  height: 216px;
}

.iphone .subtitle-31 {
  margin-top: -1.00px;
  font-weight: var(--tipograf-a-body-medium-desktop-tablet-font-weight);
  color: var(--language-infiniteprimary700);
  font-size: var(--tipograf-a-body-medium-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-body-medium-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-medium-desktop-tablet-line-height);
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-body-medium-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-medium-desktop-tablet-font-style);
}

.iphone .informacin-legal-2 {
  display: flex;
  flex-direction: column;
  min-width: 120px;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .contacto-links-2 {
  display: flex;
  flex-direction: column;
  min-width: 140px;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .button-tertiary-2 {
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .footer-pie-pgina-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 0px 58px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.iphone .caption-7 {
  align-self: stretch;
  margin-top: -1.00px;
  font-weight: var(--tipograf-a-caption-light-desktop-tablet-font-weight);
  color: var(--language-infiniteneutral800);
  position: relative;
  font-family: var(--tipograf-a-caption-light-desktop-tablet-font-family);
  font-size: var(--tipograf-a-caption-light-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-caption-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-caption-light-desktop-tablet-line-height);
  font-style: var(--tipograf-a-caption-light-desktop-tablet-font-style);
}

.iphone .logo-upware-3 {
  position: relative;
  width: 119px;
  height: 51px;
  aspect-ratio: 2.34;
}

.iphone .link-social-media-3 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .div-37 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .button-8 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: var(--language-infiniteprimary500);
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .caption-8 {
  align-self: stretch;
  font-weight: var(--tipograf-a-caption-light-desktop-tablet-font-weight);
  color: var(--language-infiniteneutral800);
  text-align: right;
  position: relative;
  font-family: var(--tipograf-a-caption-light-desktop-tablet-font-family);
  font-size: var(--tipograf-a-caption-light-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-caption-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-caption-light-desktop-tablet-line-height);
  font-style: var(--tipograf-a-caption-light-desktop-tablet-font-style);
}

.iphone .header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 20px 40px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--language-infiniteprimary500);
  box-shadow: var(--language-infinite-header);
}

.iphone .navlinks {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.iphone .header-nav-link-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .header-nav-link-3 {
  width: fit-content;
  color: var(--language-infiniteprimary50);
  white-space: nowrap;
  position: relative;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-body-regular-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-regular-desktop-tablet-font-weight);
  font-size: var(--tipograf-a-body-regular-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-body-regular-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-regular-desktop-tablet-line-height);
  font-style: var(--tipograf-a-body-regular-desktop-tablet-font-style);
}

.iphone .header-buttons {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .key {
  display: inline-flex;
  flex-direction: column;
  height: 20px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.iphone .vector {
  position: relative;
  width: 24px;
  height: 13px;
  aspect-ratio: 1.92;
}

.iphone .button-9 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: var(--language-infiniteprimary50);
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.iphone .button-secondary-7 {
  padding: 16px 32px;
  margin-top: -3.00px;
  margin-bottom: -3.00px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -3.00px;
  background-color: var(--blanco);
  border-radius: 2px;
  border: 3px solid;
  border-color: var(--language-infiniteprimary500);
}

@media (max-width: 1023px) {
  .iphone.ipad-pro {
    display: none !important;
  }
  .iphone.desktop {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .iphone.div {
    display: none !important;
  }
  .iphone.desktop {
    display: none !important;
  }
}

@media (min-width: 1440px) {
  .iphone.div {
    display: none !important;
  }
  .iphone.ipad-pro {
    display: none !important;
  }
}

.language-desktop {
  display: flex;
  flex-direction: column;
  width: 191.18px;
  align-items: flex-start;
  position: relative;
}

.language-desktop .dropdown-button {
  display: flex;
  height: 44px;
  align-items: center;
  gap: 10px;
  padding: 10px 10px 10px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--language-infiniteprimary500);
}

.language-desktop .dropdown-label {
  position: relative;
  flex: 1;
  font-family: var(--tipograf-a-body-small-light-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-small-light-desktop-tablet-font-weight);
  color: var(--schoolpackneutral-50);
  font-size: var(--tipograf-a-body-small-light-desktop-tablet-font-size);
  letter-spacing: var(
    --tipograf-a-body-small-light-desktop-tablet-letter-spacing
  );
  line-height: var(--tipograf-a-body-small-light-desktop-tablet-line-height);
  font-style: var(--tipograf-a-body-small-light-desktop-tablet-font-style);
}

.language-desktop .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-body-small-light-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-small-light-desktop-tablet-font-weight);
  color: var(--schoolpackneutral-50);
  font-size: var(--tipograf-a-body-small-light-desktop-tablet-font-size);
  text-align: center;
  letter-spacing: var(
    --tipograf-a-body-small-light-desktop-tablet-letter-spacing
  );
  line-height: var(--tipograf-a-body-small-light-desktop-tablet-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-body-small-light-desktop-tablet-font-style);
}

.language-desktop .dropdown-label-wrapper {
  display: flex;
  height: 44px;
  align-items: center;
  gap: 10px;
  padding: 10px 10px 10px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--language-infiniteprimary500);
  border-radius: 0px 0px 2px 2px;
}
/* Original CSS code should be injected here */

.language-desktop {
  display: flex;
  flex-direction: column;
  max-width: 191.18px;
  align-items: flex-start;
  position: relative;
}

.language-desktop .dropdown-button {
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  padding: 10px 10px 10px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--language-infiniteprimary500);
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s ease;
}

.language-desktop .dropdown-button:hover {
  background-color: var(--language-infiniteprimary600);
}

.language-desktop .dropdown-button:focus {
  outline: 2px solid var(--language-infiniteprimary300);
  outline-offset: 2px;
}

.language-desktop .dropdown-button:active {
  background-color: var(--language-infiniteprimary700);
}

.language-desktop .dropdown-label {
  position: relative;
  flex: 1;
  font-family: var(--tipograf-a-body-small-light-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-small-light-desktop-tablet-font-weight);
  color: var(--schoolpackneutral-50);
  font-size: var(--tipograf-a-body-small-light-desktop-tablet-font-size);
  letter-spacing: var(
    --tipograf-a-body-small-light-desktop-tablet-letter-spacing
  );
  line-height: var(--tipograf-a-body-small-light-desktop-tablet-line-height);
  font-style: var(--tipograf-a-body-small-light-desktop-tablet-font-style);
}

.language-desktop .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-body-small-light-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-small-light-desktop-tablet-font-weight);
  color: var(--schoolpackneutral-50);
  font-size: var(--tipograf-a-body-small-light-desktop-tablet-font-size);
  text-align: center;
  letter-spacing: var(
    --tipograf-a-body-small-light-desktop-tablet-letter-spacing
  );
  line-height: var(--tipograf-a-body-small-light-desktop-tablet-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-body-small-light-desktop-tablet-font-style);
}

.language-desktop .dropdown-label-wrapper {
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  padding: 10px 10px 10px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--language-infiniteprimary500);
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s ease;
  border-radius: 0px 0px 2px 2px;
}

.language-desktop .dropdown-label-wrapper:hover {
  background-color: var(--language-infiniteprimary600);
}

.language-desktop .dropdown-label-wrapper:focus {
  outline: 2px solid var(--language-infiniteprimary300);
  outline-offset: 2px;
}

.language-desktop .dropdown-label-wrapper:active {
  background-color: var(--language-infiniteprimary700);
}

.language-modal-demo {
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}

.language-modal-demo .icons-animated {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.language-modal-demo .close {
  position: relative;
  width: 32px;
  height: 32px;
}

.language-modal-demo .modal-container {
  display: flex;
  flex-direction: column;
  height: 500px;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.language-modal-demo .modal-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo .modal-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 0px 72px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo .modal-title-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo .modal-title {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Roboto-Light", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 28px;
  text-align: center;
  letter-spacing: 0.14px;
  line-height: 36.4px;
  white-space: nowrap;
}

.language-modal-demo .text-wrapper {
  font-weight: var(--tipograf-a-heading-h5-light-desktop-font-weight);
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h5-light-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-light-desktop-font-family);
  font-style: var(--tipograf-a-heading-h5-light-desktop-font-style);
  line-height: var(--tipograf-a-heading-h5-light-desktop-line-height);
  font-size: var(--tipograf-a-heading-h5-light-desktop-font-size);
}

.language-modal-demo .span {
  font-family: var(--tipograf-a-heading-h5-medium-desktop-font-family);
  font-weight: var(--tipograf-a-heading-h5-medium-desktop-font-weight);
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h5-medium-desktop-letter-spacing);
  font-style: var(--tipograf-a-heading-h5-medium-desktop-font-style);
  line-height: var(--tipograf-a-heading-h5-medium-desktop-line-height);
  font-size: var(--tipograf-a-heading-h5-medium-desktop-font-size);
}

.language-modal-demo .language-modal {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 68px;
}

.language-modal-demo .language-modal-icons {
  position: relative;
  height: 100%;
}

.language-modal-demo .line-horizontal {
  position: absolute;
  width: 86.30%;
  height: 0;
  top: 27.94%;
  left: 5.07%;
}

.language-modal-demo .icon {
  display: flex;
  flex-direction: column;
  width: 12.61%;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 43.64%;
}

.language-modal-demo .modal-icon {
  display: flex;
  flex-direction: column;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 16.67px;
  padding: 3.33px 13.33px;
  position: relative;
  background-color: var(--language-infiniteprimary200);
  border-radius: 20px;
  aspect-ratio: 1;
}

.language-modal-demo .div {
  width: fit-content;
  white-space: nowrap;
  position: relative;
  margin-top: -1.50px;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  color: var(--language-infiniteprimary500);
  font-size: 21.7px;
  letter-spacing: 0.22px;
  line-height: 32.5px;
}

.language-modal-demo .subtitle-small {
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-body-regular-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-regular-desktop-tablet-font-weight);
  color: var(--language-infiniteprimary500);
  font-size: var(--tipograf-a-body-regular-desktop-tablet-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-body-regular-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-regular-desktop-tablet-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-body-regular-desktop-tablet-font-style);
}

.language-modal-demo .icon-2 {
  display: flex;
  flex-direction: column;
  width: 17.59%;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 82.41%;
}

.language-modal-demo .div-2 {
  display: flex;
  flex-direction: column;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 16.67px;
  padding: 3.33px 13.33px;
  position: relative;
  background-color: var(--language-infiniteprimary200);
  border-radius: 20px;
}

.language-modal-demo .icon-3 {
  display: flex;
  flex-direction: column;
  width: 9.96%;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

.language-modal-demo .text-wrapper-2 {
  align-self: stretch;
  position: relative;
  margin-top: -1.50px;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  color: var(--language-infiniteprimary500);
  font-size: 21.7px;
  letter-spacing: 0.22px;
  line-height: 32.5px;
}

.language-modal-demo .modal-subtitle {
  position: relative;
  align-self: stretch;
  font-family: "Roboto-Light", Helvetica;
  font-weight: 400;
  color: var(--language-infiniteneutral900);
  font-size: 21px;
  text-align: center;
  letter-spacing: 0.10px;
  line-height: 27.3px;
}

.language-modal-demo .text-wrapper-3 {
  font-weight: var(--tipograf-a-heading-h6-light-desktop-font-weight);
  letter-spacing: var(--tipograf-a-heading-h6-light-desktop-letter-spacing);
  font-family: var(--tipograf-a-heading-h6-light-desktop-font-family);
  font-style: var(--tipograf-a-heading-h6-light-desktop-font-style);
  line-height: var(--tipograf-a-heading-h6-light-desktop-line-height);
  font-size: var(--tipograf-a-heading-h6-light-desktop-font-size);
}

.language-modal-demo .text-wrapper-4 {
  font-family: var(--tipograf-a-heading-h6-regular-desktop-font-family);
  letter-spacing: var(--tipograf-a-heading-h6-regular-desktop-letter-spacing);
  font-style: var(--tipograf-a-heading-h6-regular-desktop-font-style);
  font-weight: var(--tipograf-a-heading-h6-regular-desktop-font-weight);
  line-height: var(--tipograf-a-heading-h6-regular-desktop-line-height);
  font-size: var(--tipograf-a-heading-h6-regular-desktop-font-size);
}

.language-modal-demo .modal-box-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 0px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo .fila {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo .div-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.language-modal-demo .p {
  color: transparent;
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-body-light-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-light-desktop-tablet-font-weight);
  font-size: var(--tipograf-a-body-light-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-body-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-light-desktop-tablet-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-body-light-desktop-tablet-font-style);
}

.language-modal-demo .text-wrapper-5 {
  color: #4b0929;
  font-family: var(--tipograf-a-body-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-light-desktop-tablet-font-style);
  font-weight: var(--tipograf-a-body-light-desktop-tablet-font-weight);
  letter-spacing: var(--tipograf-a-body-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-light-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-light-desktop-tablet-font-size);
}

.language-modal-demo .text-wrapper-6 {
  color: #dc3545;
  font-family: var(--tipograf-a-body-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-light-desktop-tablet-font-style);
  font-weight: var(--tipograf-a-body-light-desktop-tablet-font-weight);
  letter-spacing: var(--tipograf-a-body-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-light-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-light-desktop-tablet-font-size);
}

.language-modal-demo .language-text-field {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 54px;
  margin-bottom: -2.00px;
  margin-left: -2.00px;
  margin-right: -2.00px;
  background-color: var(--language-infiniteneutral50);
  border-radius: 2px;
  border: 2px solid;
  border-color: var(--language-infiniteneutral600);
}

.language-modal-demo .label-tel-fono {
  color: var(--language-infiniteprimary800);
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-body-light-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-light-desktop-tablet-font-weight);
  font-size: var(--tipograf-a-body-light-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-body-light-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-light-desktop-tablet-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-body-light-desktop-tablet-font-style);
}

.language-modal-demo .label-wrapper {
  display: flex;
  height: 54px;
  align-items: center;
  gap: 8px;
  padding: 10px 12px 10px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-bottom: -2.00px;
  margin-left: -2.00px;
  margin-right: -2.00px;
  background-color: var(--language-infiniteneutral50);
  border-radius: 2px;
  border: 2px solid;
  border-color: var(--language-infiniteneutral600);
}

.language-modal-demo .label {
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-body-small-regular-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-small-regular-desktop-tablet-font-weight);
  color: var(--language-infiniteneutral600);
  font-size: var(--tipograf-a-body-small-regular-desktop-tablet-font-size);
  letter-spacing: var(
    --tipograf-a-body-small-regular-desktop-tablet-letter-spacing
  );
  line-height: var(--tipograf-a-body-small-regular-desktop-tablet-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-body-small-regular-desktop-tablet-font-style);
}

.language-modal-demo .language-modal-check {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 24px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo .box {
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: -1.00px;
  border-radius: 2px;
  border: 1px solid;
  border-color: var(--language-infiniteneutral800);
  aspect-ratio: 1;
}

.language-modal-demo .body-xsmall {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-body-small-light-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-small-light-desktop-tablet-font-weight);
  color: #725964;
  font-size: var(--tipograf-a-body-small-light-desktop-tablet-font-size);
  letter-spacing: var(
    --tipograf-a-body-small-light-desktop-tablet-letter-spacing
  );
  line-height: var(--tipograf-a-body-small-light-desktop-tablet-line-height);
  font-style: var(--tipograf-a-body-small-light-desktop-tablet-font-style);
}

.language-modal-demo .text-wrapper-7 {
  color: #725964;
  font-weight: var(--tipograf-a-body-small-light-desktop-tablet-font-weight);
  letter-spacing: var(
    --tipograf-a-body-small-light-desktop-tablet-letter-spacing
  );
  font-family: var(--tipograf-a-body-small-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-small-light-desktop-tablet-font-style);
  line-height: var(--tipograf-a-body-small-light-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-small-light-desktop-tablet-font-size);
}

.language-modal-demo .text-wrapper-8 {
  color: #725964;
  text-decoration: underline;
  font-weight: var(--tipograf-a-body-small-light-desktop-tablet-font-weight);
  letter-spacing: var(
    --tipograf-a-body-small-light-desktop-tablet-letter-spacing
  );
  font-family: var(--tipograf-a-body-small-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-small-light-desktop-tablet-font-style);
  line-height: var(--tipograf-a-body-small-light-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-small-light-desktop-tablet-font-size);
}

.language-modal-demo .text-wrapper-9 {
  font-weight: var(--tipograf-a-body-small-light-desktop-tablet-font-weight);
  color: #dc3545;
  letter-spacing: var(
    --tipograf-a-body-small-light-desktop-tablet-letter-spacing
  );
  font-family: var(--tipograf-a-body-small-light-desktop-tablet-font-family);
  font-style: var(--tipograf-a-body-small-light-desktop-tablet-font-style);
  line-height: var(--tipograf-a-body-small-light-desktop-tablet-line-height);
  font-size: var(--tipograf-a-body-small-light-desktop-tablet-font-size);
}

.language-modal-demo .buttons-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
  border-radius: 2px;
}

.language-modal-demo .bot-n {
  position: relative;
  width: fit-content;
  font-family: "Roboto-SemiBold", Helvetica;
  font-weight: 600;
  color: var(--language-infiniteneutral50);
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.language-modal-demo .arrow {
  position: relative;
  flex: 0 0 auto;
}
/* Inject original CSS code here */

.language-modal-demo .close {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: block;
}

.language-modal-demo .close img {
  display: block;
}

.language-modal-demo .language-text-field {
  box-sizing: border-box;
  padding: 10px 16px;
  font-family: var(--tipograf-a-body-regular-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-regular-desktop-tablet-font-weight);
  font-size: var(--tipograf-a-body-regular-desktop-tablet-font-size);
  letter-spacing: var(--tipograf-a-body-regular-desktop-tablet-letter-spacing);
  line-height: var(--tipograf-a-body-regular-desktop-tablet-line-height);
  color: var(--language-infiniteneutral900);
}

.language-modal-demo .label-wrapper {
  box-sizing: border-box;
  font-family: var(--tipograf-a-body-small-regular-desktop-tablet-font-family);
  font-weight: var(--tipograf-a-body-small-regular-desktop-tablet-font-weight);
  font-size: var(--tipograf-a-body-small-regular-desktop-tablet-font-size);
  letter-spacing: var(
    --tipograf-a-body-small-regular-desktop-tablet-letter-spacing
  );
  line-height: var(--tipograf-a-body-small-regular-desktop-tablet-line-height);
  color: var(--language-infiniteneutral900);
}

.language-modal-demo .label-wrapper::placeholder {
  color: var(--language-infiniteneutral600);
}

.language-modal-demo .box {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  flex-shrink: 0;
}

.language-modal-demo .box:checked {
  background-color: var(--language-infiniteprimary500);
  border-color: var(--language-infiniteprimary500);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.language-modal-demo .box:focus-visible {
  outline: 2px solid var(--language-infiniteprimary500);
  outline-offset: 2px;
}

.language-modal-demo .body-xsmall a {
  color: inherit;
}

.language-modal-demo .buttons-primary {
  border: none;
  cursor: pointer;
  font-family: inherit;
}

.language-modal-demo .buttons-primary:hover {
  background-color: var(--language-infiniteprimary600);
}

.language-modal-demo .buttons-primary:focus-visible {
  outline: 2px solid var(--language-infiniteprimary700);
  outline-offset: 2px;
}

.language-modal-demo .buttons-primary:active {
  background-color: var(--language-infiniteprimary700);
}

.language-modal-demo .modal-icon[aria-current="true"],
.language-modal-demo .div-2[aria-current="true"] {
  background-color: var(--language-infiniteprimary500);
}

.language-modal-demo .modal-icon[aria-current="true"] .div,
.language-modal-demo .div-2[aria-current="true"] .div,
.language-modal-demo .div-2[aria-current="true"] .text-wrapper-2 {
  color: var(--language-infiniteneutral50);
}


.language-modal-demo.is-open {
  display: flex;
}

.language-modal-demo .modal-container {
  background-color: var(--language-infiniteprimary50);
  width: 750px;
  min-height: 600px;
  padding: 56px;
  border-radius: 8px;
}

.error-msg {
  color: #dc3545;
  font-size: 12px;
  min-height: 16px;
}

.language-text-field.is-error,
.box.is-error {
  border-color: #dc3545;
}

.box.is-error {
  border-color: #dc3545;
}

.form-success {
  margin-top: 16px;
  padding: 12px 16px;
  background: #e6f7f0;
  color: #0f5132;
  border-radius: 4px;
  text-align: center;
  font-weight: 500;
}

.section-group .logo {
  position: absolute;
  width: 63.16%;
  height: 12.09%;
  top: 78.41%;
  left: 60.56%;
  aspect-ratio: 2.22;
}


/*arreglo*/
/* ===============================
   FIX OVERFLOW IMAGEN DASHBOARD
   =============================== */

.language-desktop-wrapper {
  width: 100%;
  max-width: 1200px;        /* límite real del diseño */
  margin: 0 auto;
  padding: 0 16px;
  overflow-x: hidden;       /* CLAVE */
}

.language-desktop-2 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}

/* IMAGEN PRINCIPAL */
.platform-dashboard-2 {
  position: relative !important; /* anula absolute de Figma */
  width: 100% !important;
  max-width: 100%;
  height: auto;
  display: block;
  z-index: 1;
}

/* SOMBRA */
.sombra-2 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
  max-width: 100%;
  pointer-events: none;
  z-index: 0;
}

@media (max-width: 1024px) {
  .language-desktop-wrapper {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .language-desktop-wrapper {
    padding: 0 12px;
  }
}

.iphone .language-desktop-wrapper {
  width: 100%;
  max-width: 1200px;        /* límite real del diseño */
  margin: 0 auto;
  padding: 0 16px;
  overflow-x: hidden;       /* CLAVE */
}

.iphone .language-desktop-2 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}

iphone .platform-dashboard-2 {
  position: relative !important; /* anula absolute de Figma */
  width: 100% !important;
  max-width: 100%;
  height: auto;
  display: block;
  z-index: 1;
}

.iphone .sombra-2 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
  max-width: 100%;
  pointer-events: none;
  z-index: 0;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

[class*="wrapper"],
[class*="container"],
section {
  max-width: 100%;
  overflow-x: hidden;
}

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

.decorative,
.sombra,
[class*="sombra"] {
  position: absolute;
  max-width: 100%;
  overflow: hidden;
  pointer-events: none;
}

@media (max-width: 768px) {
  [style*="gap"] {
    gap: 24px !important;
  }
}

@media (max-width: 768px) {
  section,
  div {
    max-width: 100%;
  }
}

/**/
.div-35 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

/* Tooltip oculto */
.div-35 .tooltip {
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #4b0929;
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
  z-index: 10;
}

/* Flechita */
.div-35 .tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #4b0929 transparent transparent transparent;
}

/* Mostrar en hover */
.div-35:hover .tooltip {
  opacity: 1;
  visibility: visible;
}

.div-35:focus-within .tooltip {
  opacity: 1;
  visibility: visible;
}


.language-modal-demo1 .modal-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo1 .icons-animated {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.language-modal-demo1 .img {
  position: relative;
  width: 16px;
  height: 16px;
}

.language-modal-demo1 .modal-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo1 .modal-title-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo1 .modal-title {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Roboto-Light", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.09px;
  line-height: 23.4px;
  white-space: nowrap;
}

.language-modal-demo1 .text-wrapper {
  font-weight: var(--tipograf-a-heading-h5-light-mobile-font-weight);
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h5-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-light-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-light-mobile-font-style);
  line-height: var(--tipograf-a-heading-h5-light-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-light-mobile-font-size);
}

.language-modal-demo1 .span {
  font-weight: var(--tipograf-a-heading-h5-light-mobile-font-weight);
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h5-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-light-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-light-mobile-font-style);
  line-height: var(--tipograf-a-heading-h5-light-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-light-mobile-font-size);
}

.language-modal-demo1 .text-wrapper-2 {
  font-family: var(--tipograf-a-heading-h5-medium-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h5-medium-mobile-font-weight);
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h5-medium-mobile-letter-spacing);
  font-style: var(--tipograf-a-heading-h5-medium-mobile-font-style);
  line-height: var(--tipograf-a-heading-h5-medium-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-medium-mobile-font-size);
}

.language-modal-demo1 .language-modal {
  position: relative;
  width: 289px;
  height: 46px;
}

.language-modal-demo1 .language-modal-icons {
  position: relative;
  height: 100%;
}

.language-modal-demo1 .line-horizontal {
  position: absolute;
  width: 86.30%;
  height: 0;
  top: 23.91%;
  left: 5.07%;
}

.language-modal-demo1 .icon {
  display: flex;
  flex-direction: column;
  width: 12.61%;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 43.77%;
}

.language-modal-demo1 .div {
  display: flex;
  flex-direction: column;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 2px 8px;
  position: relative;
  background-color: var(--language-infiniteprimary200);
  border-radius: 12px;
}

.language-modal-demo1 .text-wrapper-3 {
  width: fit-content;
  white-space: nowrap;
  position: relative;
  margin-top: -1.00px;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  color: var(--language-infiniteprimary500);
  font-size: 13px;
  letter-spacing: 0.13px;
  line-height: 19.5px;
}

.language-modal-demo1 .subtitle-small {
  margin-left: -1.27px;
  margin-right: -1.27px;
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-caption-medium-mobile-font-family);
  font-weight: var(--tipograf-a-caption-medium-mobile-font-weight);
  color: var(--language-infiniteprimary500);
  font-size: var(--tipograf-a-caption-medium-mobile-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-caption-medium-mobile-letter-spacing);
  line-height: var(--tipograf-a-caption-medium-mobile-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-caption-medium-mobile-font-style);
}

.language-modal-demo1 .icon-2 {
  display: flex;
  flex-direction: column;
  width: 17.59%;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 82.41%;
}

.language-modal-demo1 .subtitle-small-2 {
  margin-left: -1.58px;
  margin-right: -1.58px;
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-caption-medium-mobile-font-family);
  font-weight: var(--tipograf-a-caption-medium-mobile-font-weight);
  color: var(--language-infiniteprimary500);
  font-size: var(--tipograf-a-caption-medium-mobile-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-caption-medium-mobile-letter-spacing);
  line-height: var(--tipograf-a-caption-medium-mobile-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-caption-medium-mobile-font-style);
}

.language-modal-demo1 .icon-3 {
  display: flex;
  flex-direction: column;
  width: 9.96%;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

.language-modal-demo1 .text-wrapper-4 {
  align-self: stretch;
  position: relative;
  margin-top: -1.00px;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  color: var(--language-infiniteprimary500);
  font-size: 13px;
  letter-spacing: 0.13px;
  line-height: 19.5px;
}

.language-modal-demo1 .subtitle-small-3 {
  margin-left: -0.61px;
  margin-right: -0.61px;
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-caption-medium-mobile-font-family);
  font-weight: var(--tipograf-a-caption-medium-mobile-font-weight);
  color: var(--language-infiniteprimary500);
  font-size: var(--tipograf-a-caption-medium-mobile-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-caption-medium-mobile-letter-spacing);
  line-height: var(--tipograf-a-caption-medium-mobile-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-caption-medium-mobile-font-style);
}

.language-modal-demo1 .modal-subtitle {
  position: relative;
  align-self: stretch;
  font-family: "Roboto-Light", Helvetica;
  font-weight: 400;
  color: var(--language-infiniteneutral900);
  font-size: 13px;
  text-align: center;
  letter-spacing: 0.13px;
  line-height: 19.5px;
}

.language-modal-demo1 .text-wrapper-5 {
  font-weight: var(--tipograf-a-body-small-light-mobile-font-weight);
  letter-spacing: var(--tipograf-a-body-small-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-body-small-light-mobile-font-family);
  font-style: var(--tipograf-a-body-small-light-mobile-font-style);
  line-height: var(--tipograf-a-body-small-light-mobile-line-height);
  font-size: var(--tipograf-a-body-small-light-mobile-font-size);
}

.language-modal-demo1 .text-wrapper-6 {
  font-family: "Roboto-Regular", Helvetica;
  letter-spacing: 0.02px;
}

.language-modal-demo1 .modal-box-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 0px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo1 .div-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo1 .p {
  color: transparent;
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-body-small-light-mobile-font-family);
  font-weight: var(--tipograf-a-body-small-light-mobile-font-weight);
  font-size: var(--tipograf-a-body-small-light-mobile-font-size);
  letter-spacing: var(--tipograf-a-body-small-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-body-small-light-mobile-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-body-small-light-mobile-font-style);
}

.language-modal-demo1 .text-wrapper-7 {
  color: #4b0929;
  letter-spacing: var(--tipograf-a-body-small-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-body-small-light-mobile-font-family);
  font-style: var(--tipograf-a-body-small-light-mobile-font-style);
  font-weight: var(--tipograf-a-body-small-light-mobile-font-weight);
  line-height: var(--tipograf-a-body-small-light-mobile-line-height);
  font-size: var(--tipograf-a-body-small-light-mobile-font-size);
}

.language-modal-demo1 .text-wrapper-8 {
  color: #dc3545;
  letter-spacing: var(--tipograf-a-body-small-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-body-small-light-mobile-font-family);
  font-style: var(--tipograf-a-body-small-light-mobile-font-style);
  font-weight: var(--tipograf-a-body-small-light-mobile-font-weight);
  line-height: var(--tipograf-a-body-small-light-mobile-line-height);
  font-size: var(--tipograf-a-body-small-light-mobile-font-size);
}

.language-modal-demo1 .language-text-field {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 44px;
  margin-left: -2.00px;
  margin-right: -2.00px;
  background-color: var(--language-infiniteneutral50);
  border-radius: 2px;
  border: 2px solid;
  border-color: var(--language-infiniteneutral600);
}

.language-modal-demo1 .label-tel-fono {
  color: var(--language-infiniteprimary800);
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-body-small-light-mobile-font-family);
  font-weight: var(--tipograf-a-body-small-light-mobile-font-weight);
  font-size: var(--tipograf-a-body-small-light-mobile-font-size);
  letter-spacing: var(--tipograf-a-body-small-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-body-small-light-mobile-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-body-small-light-mobile-font-style);
}

.language-modal-demo1 .label-wrapper {
  display: flex;
  height: 44px;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-bottom: -2.00px;
  margin-left: -2.00px;
  margin-right: -2.00px;
  background-color: var(--language-infiniteneutral50);
  border-radius: 2px;
  border: 2px solid;
  border-color: var(--language-infiniteneutral600);
}

.language-modal-demo1 .label {
  position: relative;
  width: fit-content;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: var(--language-infiniteneutral600);
  font-size: 13px;
  letter-spacing: 0.13px;
  line-height: 19.5px;
  white-space: nowrap;
}

.language-modal-demo1 .language-modal-check {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 16px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo1 .box {
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: -1.00px;
  border-radius: 2px;
  border: 1px solid;
  border-color: var(--language-infiniteneutral800);
  aspect-ratio: 1;
}

.language-modal-demo1 .body-xsmall {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-caption-light-mobile-font-family);
  font-weight: var(--tipograf-a-caption-light-mobile-font-weight);
  color: transparent;
  font-size: var(--tipograf-a-caption-light-mobile-font-size);
  letter-spacing: var(--tipograf-a-caption-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-caption-light-mobile-line-height);
  font-style: var(--tipograf-a-caption-light-mobile-font-style);
}

.language-modal-demo1 .text-wrapper-9 {
  color: #725964;
  font-weight: var(--tipograf-a-caption-light-mobile-font-weight);
  letter-spacing: var(--tipograf-a-caption-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-caption-light-mobile-font-family);
  font-style: var(--tipograf-a-caption-light-mobile-font-style);
  line-height: var(--tipograf-a-caption-light-mobile-line-height);
  font-size: var(--tipograf-a-caption-light-mobile-font-size);
}

.language-modal-demo1 .text-wrapper-10 {
  color: #725964;
  text-decoration: underline;
  font-weight: var(--tipograf-a-caption-light-mobile-font-weight);
  letter-spacing: var(--tipograf-a-caption-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-caption-light-mobile-font-family);
  font-style: var(--tipograf-a-caption-light-mobile-font-style);
  line-height: var(--tipograf-a-caption-light-mobile-line-height);
  font-size: var(--tipograf-a-caption-light-mobile-font-size);
}

.language-modal-demo1 .text-wrapper-11 {
  font-weight: var(--tipograf-a-caption-light-mobile-font-weight);
  color: #dc3545;
  letter-spacing: var(--tipograf-a-caption-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-caption-light-mobile-font-family);
  font-style: var(--tipograf-a-caption-light-mobile-font-style);
  line-height: var(--tipograf-a-caption-light-mobile-line-height);
  font-size: var(--tipograf-a-caption-light-mobile-font-size);
}
/*
.language-modal-demo1 .modal-CTA {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
*/
.language-modal-demo1 .buttons-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
  border-radius: 2px;
}

.language-modal-demo1 .bot-n {
  position: relative;
  width: fit-content;
  font-family: "Roboto-SemiBold", Helvetica;
  font-weight: 600;
  color: var(--language-infiniteneutral50);
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}
/* Original CSS code should be injected here */

.language-modal-demo1 .icons-animated {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.language-modal-demo1 .language-text-field {
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  font-size: 13px;
  color: var(--language-infiniteneutral900);
  padding: 10px 12px;
  box-sizing: border-box;
}

.language-modal-demo1 .language-text-field::placeholder {
  color: var(--language-infiniteneutral600);
}

.language-modal-demo1 .label-wrapper {
  position: relative;
}

.language-modal-demo1 .label-wrapper .label {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: var(--language-infiniteneutral900);
  font-size: 13px;
  letter-spacing: 0.13px;
  line-height: 19.5px;
  padding: 0;
}

.language-modal-demo1 .label-wrapper .label::placeholder {
  color: var(--language-infiniteneutral600);
}

.language-modal-demo1 .box {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  flex-shrink: 0;
}

.language-modal-demo1 .box:checked {
  background-color: var(--language-infiniteprimary500);
  border-color: var(--language-infiniteprimary500);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

.language-modal-demo1 .body-xsmall a {
  color: inherit;
}

.language-modal-demo1 .buttons-primary {
  background: none;
  border: none;
  cursor: pointer;
  width: 100%;
}

.language-modal-demo1 .modal-box-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 0px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo1 .label-wrapper input[type="tel"] {
  outline: none;
}

.language-modal-demo1 .label-wrapper input[type="tel"]:focus {
  outline: 2px solid var(--language-infiniteprimary500);
  outline-offset: -2px;
}

.language-modal-demo1 input[type="text"]:focus,
.language-modal-demo1 input[type="email"]:focus {
  outline: 2px solid var(--language-infiniteprimary500);
  outline-offset: -2px;
}

.language-modal-demo1 .box:focus {
  outline: 2px solid var(--language-infiniteprimary500);
  outline-offset: 2px;
}

.language-modal-demo1 .buttons-primary:focus {
  outline: 2px solid var(--language-infiniteneutral50);
  outline-offset: 2px;
}

.language-modal-demo1 .icons-animated:focus {
  outline: 2px solid var(--language-infiniteprimary500);
  outline-offset: 2px;
}

.language-modal-demo1 .modal-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo1 .icons-animated {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.language-modal-demo1 .img {
  position: relative;
  width: 16px;
  height: 16px;
}

.language-modal-demo1 .modal-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo1 .modal-title-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo1 .modal-title {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Roboto-Light", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.09px;
  line-height: 23.4px;
  white-space: nowrap;
}

.language-modal-demo1 .text-wrapper {
  font-weight: var(--tipograf-a-heading-h5-light-mobile-font-weight);
  color: #4b0929;
  letter-spacing: var(--tipograf-a-heading-h5-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-light-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-light-mobile-font-style);
  line-height: var(--tipograf-a-heading-h5-light-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-light-mobile-font-size);
}

.language-modal-demo1 .span {
  font-weight: var(--tipograf-a-heading-h5-light-mobile-font-weight);
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h5-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-heading-h5-light-mobile-font-family);
  font-style: var(--tipograf-a-heading-h5-light-mobile-font-style);
  line-height: var(--tipograf-a-heading-h5-light-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-light-mobile-font-size);
}

.language-modal-demo1 .text-wrapper-2 {
  font-family: var(--tipograf-a-heading-h5-medium-mobile-font-family);
  font-weight: var(--tipograf-a-heading-h5-medium-mobile-font-weight);
  color: #961353;
  letter-spacing: var(--tipograf-a-heading-h5-medium-mobile-letter-spacing);
  font-style: var(--tipograf-a-heading-h5-medium-mobile-font-style);
  line-height: var(--tipograf-a-heading-h5-medium-mobile-line-height);
  font-size: var(--tipograf-a-heading-h5-medium-mobile-font-size);
}

.language-modal-demo1 .language-modal {
  position: relative;
  width: 289px;
  height: 46px;
}

.language-modal-demo1 .language-modal-icons {
  position: relative;
  height: 100%;
}

.language-modal-demo1 .line-horizontal {
  position: absolute;
  width: 86.30%;
  height: 0;
  top: 23.91%;
  left: 5.07%;
}

.language-modal-demo1 .icon {
  display: flex;
  flex-direction: column;
  width: 12.61%;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 43.77%;
}

.language-modal-demo1 .div {
  display: flex;
  flex-direction: column;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 2px 8px;
  position: relative;
  background-color: var(--language-infiniteprimary200);
  border-radius: 12px;
}

.language-modal-demo1 .text-wrapper-3 {
  width: fit-content;
  white-space: nowrap;
  position: relative;
  margin-top: -1.00px;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  color: var(--language-infiniteprimary500);
  font-size: 13px;
  letter-spacing: 0.13px;
  line-height: 19.5px;
}

.language-modal-demo1 .subtitle-small {
  margin-left: -1.27px;
  margin-right: -1.27px;
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-caption-medium-mobile-font-family);
  font-weight: var(--tipograf-a-caption-medium-mobile-font-weight);
  color: var(--language-infiniteprimary500);
  font-size: var(--tipograf-a-caption-medium-mobile-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-caption-medium-mobile-letter-spacing);
  line-height: var(--tipograf-a-caption-medium-mobile-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-caption-medium-mobile-font-style);
}

.language-modal-demo1 .icon-2 {
  display: flex;
  flex-direction: column;
  width: 17.59%;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 82.41%;
}

.language-modal-demo1 .subtitle-small-2 {
  margin-left: -1.58px;
  margin-right: -1.58px;
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-caption-medium-mobile-font-family);
  font-weight: var(--tipograf-a-caption-medium-mobile-font-weight);
  color: var(--language-infiniteprimary500);
  font-size: var(--tipograf-a-caption-medium-mobile-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-caption-medium-mobile-letter-spacing);
  line-height: var(--tipograf-a-caption-medium-mobile-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-caption-medium-mobile-font-style);
}

.language-modal-demo1 .icon-3 {
  display: flex;
  flex-direction: column;
  width: 9.96%;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

.language-modal-demo1 .text-wrapper-4 {
  align-self: stretch;
  position: relative;
  margin-top: -1.00px;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  color: var(--language-infiniteprimary500);
  font-size: 13px;
  letter-spacing: 0.13px;
  line-height: 19.5px;
}

.language-modal-demo1 .subtitle-small-3 {
  margin-left: -0.61px;
  margin-right: -0.61px;
  position: relative;
  width: fit-content;
  font-family: var(--tipograf-a-caption-medium-mobile-font-family);
  font-weight: var(--tipograf-a-caption-medium-mobile-font-weight);
  color: var(--language-infiniteprimary500);
  font-size: var(--tipograf-a-caption-medium-mobile-font-size);
  text-align: center;
  letter-spacing: var(--tipograf-a-caption-medium-mobile-letter-spacing);
  line-height: var(--tipograf-a-caption-medium-mobile-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-caption-medium-mobile-font-style);
}

.language-modal-demo1 .modal-subtitle {
  position: relative;
  align-self: stretch;
  font-family: "Roboto-Light", Helvetica;
  font-weight: 400;
  color: var(--language-infiniteneutral900);
  font-size: 13px;
  text-align: center;
  letter-spacing: 0.13px;
  line-height: 19.5px;
}

.language-modal-demo1 .text-wrapper-5 {
  font-weight: var(--tipograf-a-body-small-light-mobile-font-weight);
  letter-spacing: var(--tipograf-a-body-small-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-body-small-light-mobile-font-family);
  font-style: var(--tipograf-a-body-small-light-mobile-font-style);
  line-height: var(--tipograf-a-body-small-light-mobile-line-height);
  font-size: var(--tipograf-a-body-small-light-mobile-font-size);
}

.language-modal-demo1 .text-wrapper-6 {
  font-family: "Roboto-Regular", Helvetica;
  letter-spacing: 0.02px;
}

.language-modal-demo1 .div-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo1 .p {
  color: transparent;
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-body-small-light-mobile-font-family);
  font-weight: var(--tipograf-a-body-small-light-mobile-font-weight);
  font-size: var(--tipograf-a-body-small-light-mobile-font-size);
  letter-spacing: var(--tipograf-a-body-small-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-body-small-light-mobile-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-body-small-light-mobile-font-style);
}

.language-modal-demo1 .text-wrapper-7 {
  color: #4b0929;
  letter-spacing: var(--tipograf-a-body-small-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-body-small-light-mobile-font-family);
  font-style: var(--tipograf-a-body-small-light-mobile-font-style);
  font-weight: var(--tipograf-a-body-small-light-mobile-font-weight);
  line-height: var(--tipograf-a-body-small-light-mobile-line-height);
  font-size: var(--tipograf-a-body-small-light-mobile-font-size);
}

.language-modal-demo1 .text-wrapper-8 {
  color: #dc3545;
  letter-spacing: var(--tipograf-a-body-small-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-body-small-light-mobile-font-family);
  font-style: var(--tipograf-a-body-small-light-mobile-font-style);
  font-weight: var(--tipograf-a-body-small-light-mobile-font-weight);
  line-height: var(--tipograf-a-body-small-light-mobile-line-height);
  font-size: var(--tipograf-a-body-small-light-mobile-font-size);
}

.language-modal-demo1 .language-text-field {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 44px;
  margin-left: -2.00px;
  margin-right: -2.00px;
  background-color: var(--language-infiniteneutral50);
  border-radius: 2px;
  border: 2px solid;
  border-color: var(--language-infiniteneutral600);
}

.language-modal-demo1 .label-tel-fono {
  color: var(--language-infiniteprimary800);
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-body-small-light-mobile-font-family);
  font-weight: var(--tipograf-a-body-small-light-mobile-font-weight);
  font-size: var(--tipograf-a-body-small-light-mobile-font-size);
  letter-spacing: var(--tipograf-a-body-small-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-body-small-light-mobile-line-height);
  white-space: nowrap;
  font-style: var(--tipograf-a-body-small-light-mobile-font-style);
}

.language-modal-demo1 .label-wrapper {
  display: flex;
  height: 44px;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-bottom: -2.00px;
  margin-left: -2.00px;
  margin-right: -2.00px;
  background-color: var(--language-infiniteneutral50);
  border-radius: 2px;
  border: 2px solid;
  border-color: var(--language-infiniteneutral600);
}

.language-modal-demo1 .language-modal-check {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 16px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.language-modal-demo1 .box {
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: -1.00px;
  border-radius: 2px;
  border: 1px solid;
  border-color: var(--language-infiniteneutral800);
  aspect-ratio: 1;
}

.language-modal-demo1 .body-xsmall {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: var(--tipograf-a-caption-light-mobile-font-family);
  font-weight: var(--tipograf-a-caption-light-mobile-font-weight);
  color: transparent;
  font-size: var(--tipograf-a-caption-light-mobile-font-size);
  letter-spacing: var(--tipograf-a-caption-light-mobile-letter-spacing);
  line-height: var(--tipograf-a-caption-light-mobile-line-height);
  font-style: var(--tipograf-a-caption-light-mobile-font-style);
}

.language-modal-demo1 .text-wrapper-9 {
  color: #725964;
  font-weight: var(--tipograf-a-caption-light-mobile-font-weight);
  letter-spacing: var(--tipograf-a-caption-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-caption-light-mobile-font-family);
  font-style: var(--tipograf-a-caption-light-mobile-font-style);
  line-height: var(--tipograf-a-caption-light-mobile-line-height);
  font-size: var(--tipograf-a-caption-light-mobile-font-size);
}

.language-modal-demo1 .text-wrapper-10 {
  color: #725964;
  text-decoration: underline;
  font-weight: var(--tipograf-a-caption-light-mobile-font-weight);
  letter-spacing: var(--tipograf-a-caption-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-caption-light-mobile-font-family);
  font-style: var(--tipograf-a-caption-light-mobile-font-style);
  line-height: var(--tipograf-a-caption-light-mobile-line-height);
  font-size: var(--tipograf-a-caption-light-mobile-font-size);
}

.language-modal-demo1 .text-wrapper-11 {
  font-weight: var(--tipograf-a-caption-light-mobile-font-weight);
  color: #dc3545;
  letter-spacing: var(--tipograf-a-caption-light-mobile-letter-spacing);
  font-family: var(--tipograf-a-caption-light-mobile-font-family);
  font-style: var(--tipograf-a-caption-light-mobile-font-style);
  line-height: var(--tipograf-a-caption-light-mobile-line-height);
  font-size: var(--tipograf-a-caption-light-mobile-font-size);
}
/*
.language-modal-demo1 .modal-CTA {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
*/
.language-modal-demo1 .buttons-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--language-infiniteprimary500);
  border-radius: 2px;
}

.language-modal-demo1 .bot-n {
  position: relative;
  width: fit-content;
  font-family: "Roboto-SemiBold", Helvetica;
  font-weight: 600;
  color: var(--language-infiniteneutral50);
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}


.language-modal-demo {
  display: none;
}


/* MODAL BASE */
/* OVERLAY */
.language-modal-demo1 {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.language-modal-demo1.is-open {
  display: block;
}

.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* CAJA MODAL */
.modal-box-mobile {
  background-color: var(--language-infiniteprimary50);
  width: 353px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
}

/* SCROLL INTERNO */
.modal-scroll {
  overflow-y: auto;
  padding: 24px 32px;
  flex: 1;
}

/* CTA ABAJO */
/*
.modal-CTA {
  padding: 16px 32px 24px;
  background-color: var(--language-infiniteprimary50);
}
*/
/* BOTÓN CERRAR */
.icons-animated.close {
  align-self: flex-end;
  background: none;
  border: none;
  padding: 16px;
  cursor: pointer;
}

.buttons-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}


/* OVERLAY css menu hamburguesa moblie o ipad*/
.mobile-menu {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 80px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
  z-index: 9999;
}

/* CUANDO ABRE */
.mobile-menu.is-open {
  opacity: 1;
  pointer-events: auto;
  display: flex;
}

/* CONTENEDOR */
.mobile-menu-content {
  background: #fff;
  width: calc(100% - 32px);
  max-width: 360px;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* BOTONES */
.mobile-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  font-size: 14px;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  border: none;
}

/* OUTLINE */
.mobile-btn-outline {
  border: 2px solid #8e0e4c;
  color: #8e0e4c;
  background: #fff;
}

/* PRIMARY */
.mobile-btn-primary {
  background: #8e0e4c;
  color: #fff;
}

html {
  scroll-behavior: smooth;
}

 


/* TÍTULO */
.mobile-title {
  font-size: 16px;
  font-weight: 600;
  color: #961353;
  margin-bottom: 24px;
  border-left: 3px solid #961353;
  padding-left: 8px;
}

/* NAV */
.mobile-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1;
}

.mobile-nav li {
  border-bottom: 1px solid #e5d6de;
}

.mobile-nav a,
.mobile-nav button {
  width: 100%;
  padding: 16px 0;
  font-size: 14px;
  color: #725964;
  background: none;
  border: none;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* BOTONES ABAJO */
.mobile-cta {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.button-icon-primary-3 {
  position: relative;
  z-index: 100000;      /* más alto que headers */
  cursor: pointer;
  pointer-events: auto;
}

.button-icon-primary-3 img {
  display: block;
  pointer-events: none; /* el click va al contenedor */
}


/* OVERLAY */
.ipad-menu {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: none;              /* oculto por defecto */
  z-index: 9999;
}

/* CUANDO SE ABRE */
.ipad-menu.is-open {
  display: block;
}

/* PANEL */
.ipad-menu-panel {
  background: #fff;
  height: 100%;
  width: 100%;
  padding: 24px;
  display: flex;
  flex-direction: column;
}

/* HEADER */
.ipad-menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.ipad-menu-title {
  font-size: 22px;
  font-weight: 600;
  color: #8a0f4c;
}

.ipad-menu-close {
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
}

/* NAV */
.ipad-menu-nav a {
  display: block;
  padding: 18px 0;
  border-bottom: 1px solid #e6d9df;
  color: #8a6b77;
  text-decoration: none;
  font-size: 18px;
}

/* ACTIONS */
.ipad-menu-actions {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ipad-btn {
  padding: 14px;
  font-size: 16px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}

.ipad-btn-outline {
  border: 2px solid #8a0f4c;
  color: #8a0f4c;
  background: transparent;
}

.ipad-btn-primary {
  background: #8a0f4c;
  color: #fff;
  border: none;
}

.button-icon-primary-3 img {
  pointer-events: none !important;
}
/*
.text-wrapper-8 {
  color: #8a0f4c;        
  font-size: inherit;
  line-height: 1.4;
  opacity: 1;
  visibility: visible;
  text-decoration: underline;
}

.text-wrapper-7 {
  color: #6f6f6f;
}

.text-wrapper-9 {
  color: #8a0f4c;
}
*/