@media (min-width: 1024px) and (max-width: 1280px) {
  @keyframes slideUpFromBottom {
    0% {
      opacity: 0;
      transform: translateY(6vw);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .balanced-text {
    text-wrap: balance;
  }

  /* SECTION 1 */
  .text-gradient {
    background: var(--color-primary-gradient-left);
    background: -webkit-linear-gradient(
      92.98deg,
      var(--color-primary-gradient-left) 42.6%,
      var(--color-primary-gradient-right) 70.02%
    );
    background: -moz-linear-gradient(
      92.98deg,
      var(--color-primary-gradient-left) 42.6%,
      var(--color-primary-gradient-right) 70.02%
    );
    background: linear-gradient(
      92.98deg,
      var(--color-primary-gradient-left) 42.6%,
      var(--color-primary-gradient-right) 70.02%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--color-primary-gradient-left),
            endColorstr=var(--color-primary-gradient-right),
            GradientType=0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* display: flex; */
    inline-size: max-content;
    padding-bottom: 2%;
  }

  .text-1 {
    /* XL Body/Regular */
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 140%;
    /* o 31px */

    /* Neutrals/900 */
    color: #201f23;

    & > .text-1-color {
      color: #21428f;
    }
  }

  .container-section-1 {
    margin-top: var(--header-height);
    width: 100%;
    height: 45vw;
    /* height: 645px; */
    position: relative;
    background: #551d71;
    background: -webkit-linear-gradient(
      126.2deg,
      rgba(255, 255, 255, 1) 8.11%,
      rgba(226, 223, 247, 1) 55.84%
    );
    background: -moz-linear-gradient(
      126.2deg,
      rgba(255, 255, 255, 1) 8.11%,
      rgba(226, 223, 247, 1) 55.84%
    );
    background: linear-gradient(
      126.2deg,
      rgba(255, 255, 255, 1) 8.11%,
      rgba(226, 223, 247, 1) 55.84%
    );

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",
              endColorstr="#E2DFF7",
              GradientType=1);

    & > img {
      height: 100%;
      &.header-background.movil {
        display: none;
      }
    }

    & > .content {
      width: 100%;
      height: 70%;
      /* height: 50svh; */
      flex: 1;
      justify-content: center;
    }

    & > .imagen_wunderguard_1_container {
      /* background: purple; */
      position: absolute;
      /* width: 100%; */
      height: 45vw;
      right: 0;

      & > img {
        /* width: 100%; */
        height: 100%;
        /* object-fit: cover; */
      }

      & > svg {
        /* width: 100%; */
        height: 45vw;
        /* object-fit: cover; */
      }
    }
  }

  .description-nuestro-servicio {
    width: 31.5vw;
    margin-top: 0px;
    margin-bottom: 2.2vw;

    &.en {
      width: 32vw;
    }
  }

  .movil {
    display: none !important;

    &.imagen_wunderguard_1_container {
      display: none !important;
    }
    &.matrix-card {
      display: none;
    }
  }

  .asd {
    background-color: red;
    /* max-width: 50vw; */
  }

  .title-nuestro-servicio {
    margin-bottom: 1.6vw;
    display: flex;
    font-size: 4.2vw;
  }

  .button-contacto-div {
    position: relative;
  }

  .button-contacto {
    box-sizing: border-box;
    width: auto;
    padding: 1.6vw 2vw;
    font-size: 1.4vw;
    position: relative;
    top: initial;
    left: initial;
  }

  .button-contacto-div a {
    text-decoration: none;
  }

  .marquee-container {
    left: -17vw !important;
    -webkit-mask-image: linear-gradient(
      to right,
      transparent,
      black 40%
    ) !important;
    mask-image: linear-gradient(to right, transparent, black 40%) !important;
    -webkit-mask-size: 100% !important;
    mask-size: 100% !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    height: 5vw;
  }

  .marquee-content {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    height: 100%;
    display: inline-block;
    animation: marquee 18s linear infinite;
    width: min-content;
    padding: 0 1vw;
  }

  @keyframes marquee {
    0% {
      transform: translateX(100%);
    }

    100% {
      transform: translateX(-100%);
    }
  }

  /* END SECTION 1 */
  /* SECTION 2 */
  .container-section-2 {
    /* Sección 2 | WunderGuard */

    /* Disposición automática */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1vw;

    padding: 6vw 0vw;
    border-radius: 1vw;

    order: 2;
    flex-grow: 0;

    & > .section-2-item-1 {
      font-family: "Inter";
      font-style: normal;
      font-weight: 500;
      font-size: 3vw;
      line-height: 130%;
      text-align: center;

      color: #101011;

      &.mobile {
        display: none;
      }

      & > p > span {
        background: linear-gradient(90.77deg, #21428f 68.14%, #6e5bbe 92.59%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
    }

    & > .section-2-item-2 {
      width: 80vw;
      height: 32vw;
      background: linear-gradient(126.2deg, #ffffff 8.11%, #e2dff7 55.84%);
      border-radius: 1.3vw;
      position: relative;
      overflow: hidden;

      .slide-card {
        width: 100%;
        height: 100%;
        /* padding: 2vw 4vw; */
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: row;
        /* align-items: center; */
        gap: 2vw;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s ease-out, visibility 0.4s ease-out;
        /* background-color: purple; */
        &.active {
          opacity: 1;
          visibility: visible;
          .anim-element {
            animation: slideUpFromBottom 0.6s
              cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          }
        }

        .slide-part-left {
          background: linear-gradient(
            180deg,
            rgba(113, 92, 192, 0.11) 0%,
            rgba(30, 58, 129, 0.11) 100%
          );

          display: flex;
          flex-direction: column;
          width: 17vw;
          justify-content: flex-end;
          padding-left: 1vw;
          align-items: center;
          /* flex: 1; */
          text-align: center;
          /* gap: 2vw; */
          /* background-color: green; */
          img.anim-element {
            /* background-color: red; */
            /* max-width: 100%; */

            animation-delay: 0.1s;
          }

          & > .button-rotate-card {
            &.mobile {
              display: none;
            }
          }
        }

        .slide-part-middle {
          /* flex: 1; */
          color: #101011;
          padding-top: 8vw;
          /* background-color: blue; */
          width: 28.5vw;

          color: var(--color-azul-a-600);
          /* margin: 0vw 5vw; */
          margin-left: 3vw;

          font-size: 1.45vw;
          font-weight: 300;

          &.ai {
            padding-top: 10vw;
          }

          & .mobile {
            display: none;
          }

          & > p {
            animation-delay: 0.2s;
            & > strong {
              font-weight: 700 !important;
              & > span.normal {
                font-weight: 400 !important;
              }
              &.italic {
                font-style: italic;
              }
            }
          }
          p.anim-element {
            /* max-width: 90%; */
            animation-delay: 0.3s;
          }
        }

        .slide-part-right {
          position: absolute;
          width: 20vw;
          height: 25vw;
          left: 55vw;
          top: 0vw;

          display: flex;
          flex-direction: column;
          /* justify-items: center; */

          background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 6.01%,
            #ffffff 86.72%
          );
          border-radius: 1vw;

          & > img {
            width: 100%;
            object-fit: cover;
            border-radius: 1vw;
            animation-delay: 0.4s;
          }

          & > p {
            /* font-size: 1.8vw; */
            font-size: 1.6vw;
            font-family: Inter;
            text-align: center;
            font-style: normal;
            font-weight: 400;

            padding: 0vw 1.5vw;

            color: rgba(16, 16, 17, 1);
          }
        }
      }

      .slider-bullets {
        position: absolute;
        top: 6vw;
        /* left: calc(30%); */
        left: 23vw;
        z-index: 10;
        display: flex;
        gap: 1vw;

        .bullet {
          width: 0.7vw;
          height: 0.7vw;
          border-radius: 50%;
          background-color: #d0ccf1;
          cursor: pointer;
          transition: background-color 0.3s ease;

          &:hover {
            background-color: #b0addf;
          }
          &.active {
            background-color: #6156b6;
          }
        }
      }
    }

    & > .section-2-item-3 {
      gap: 1vw;
      margin: 1vw 0vw;

      display: flex;
      flex-direction: row;

      & > button {
        all: unset;

        cursor: pointer;

        & > img {
          width: 3vw;
          height: 3vw;
          /* scale: 1.5; */
        }
      }

      & > button:hover {
        opacity: 0.8;
      }
    }
    & > .section-2-item-4 {
      /* Solución Desk */

      /* Disposición automática */
      --p-22vw: 22vw;
      --p-26vw: 26vw;
      gap: 0;
      align-items: center;

      text-align: center;

      & > p:first-child {
        font-family: Inter;
        font-weight: 400;
        font-size: 1vw;
        color: var(--color-azul-a-500);
        padding: 0vw var(--p-22vw) 0vw var(--p-22vw);

        & > span {
          padding: 0.25vw;
          background-color: #e2dff7;
        }
      }
      & > p:nth-child(2) {
        /* display: flex; */
        font-size: 3.2vw;
        flex-direction: row;
        padding: 0vw var(--p-22vw) 0vw var(--p-22vw);

        & > span[class] {
          font-weight: 700;
        }

        & > span {
          white-space-collapse: collapse;
        }
      }
      & > p:nth-child(3) {
        font-weight: 400;
        font-size: 1.3vw;
        line-height: 140%;
        color: #101011;
        width: 47.8vw;
        margin: 0 auto;
        /* padding: 0vw calc(var(--p-22vw) + 4vw) 0vw calc(var(--p-22vw) + 4vw); */
        &.en {
          width: 43.5vw;
          margin: 0 auto;
          /* padding: 0vw calc(var(--p-22vw) + 6.5vw) 0vw
            calc(var(--p-22vw) + 6.5vw); */
        }
      }
    }
  }
  /* END SECTION 2 */
  /* SECTION 3 */
  .container-section-3 {
    /* Disposición automática */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1vw;
    background-image: url("../../../assets/img/servicios/wunderguard/background/section3_background.png"),
      linear-gradient(
        to bottom,
        rgba(226, 223, 247, 0.3) 0%,
        rgba(255, 255, 255, 0.3) 100%
      );

    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    padding: 6vw 0vw;

    order: 2;
    flex-grow: 0;

    & > .section-3-item-1 {
      --p-22vw: 22vw;
      --p-26vw: 26vw;

      padding: 0vw calc(var(--p-22vw) + 10vw) 0vw calc(var(--p-22vw) + 10vw);
      font-family: "Inter";
      font-style: normal;
      font-weight: 600;
      font-size: 1.5vw;
      line-height: 150%;
      text-align: center;

      color: #000000;

      &.mobile {
        display: none;
      }

      & > p > span {
        color: #425ea0;
      }
    }

    & > .section-3-item-2 {
      --p-22vw: 22vw;
      --p-26vw: 26vw;

      padding: 0vw calc(var(--p-22vw) + 5vw) 0vw calc(var(--p-22vw) + 5vw);
      display: flex;
      align-items: flex-start;
      gap: 1vw;
      padding: 1vw;

      .image_gif {
        flex: 0 0 50%;
        max-width: 50%;
      }

      &.mobile {
        display: none;
      }

      .accordion {
        display: flex;
        flex-direction: column;
        gap: 1.5vw;
        flex: 0 0 50%;
        max-width: 39vw;

        .accordion-item {
          display: flex;
          gap: 1vw;
          padding: 0vw 3vw;
          border: 1px solid transparent;
          border-radius: 0.5rem;
          cursor: pointer;
          overflow: hidden;

          /* Transiciones del contenedor */
          transition: padding 0.4s ease, border-color 0.4s ease,
            background 0.4s ease;

          .accordion-icon {
            flex-shrink: 0;
          }

          .accordion-body {
            flex: 1;
            display: flex;
            flex-direction: column;
          }

          .accordion-header {
            font-family: var(--main-font);
            font-size: var(--font-size-18px);
            font-weight: 500;
            line-height: 140%;
            color: #201f23;
            cursor: pointer;
            text-align: left;
            padding: 0vw;
            display: flex;
            background: transparent;
            border: none;
          }

          .accordion-content {
            font-family: var(--main-font);
            font-size: var(--font-size-15px);
            color: #575957;
            font-weight: 400;
            text-align: left;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
              padding 0.4s ease;

            /* preparamos el texto para slide-in */
            > * {
              transform: translateX(20px);
              opacity: 0;
              transition: transform 0.6s ease, opacity 0.6s ease;
              transition-delay: 0s;
              margin-bottom: 0;
            }

            > p.standard {
              width: 28.8vw;
            }

            > p.medium {
              width: 27vw;
            }

            > p.shorter {
              width: 25vw;
            }

            > p.large {
              width: 29.9vw;
            }
          }

          &.active {
            padding: 2vw 3vw;
            border-radius: 15px;
            max-width: 38.61vw;

            border: 1px solid transparent;
            background: linear-gradient(white, white) padding-box,
              linear-gradient(to bottom, #233c85 0%, #6e5bbd 100%) border-box;

            .accordion-content {
              > * {
                transform: translateX(0);
                opacity: 1;
                transition-delay: 0.3s;
              }
            }
          }
        }
      }
    }
    /* Para versión mobile se hicieron 3 items */
    & > .section-3-item-3 {
      &.mobile {
        display: none;
      }
    }
  }
  /* END SECTION 3 */

  /* SECTION 4 */
  .container-section-4 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* padding: 90px 120px; */
    /* gap: 10px; */
    isolation: isolate;

    /* height: 2479px; */

    /* background: green; */

    /* Auto layout interior */
    flex: none;
    order: 4;
    flex-grow: 0;

    & > .main-section-4 {
      /* Frame 1000008973 */

      /* Disposición automática */
      display: flex;
      flex-direction: column;
      align-items: center;
      /* background-color: purple; */
      /* opacity: 40%; */

      width: 100%;
      height: 100%;

      & > .bg-section-4 {
        /* Frame 1000008967 */

        /* Disposición automática */
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 4vw;
        /* gap: 80px; */

        /* width: 1440px; */
        width: 100%;
        height: 103vw;

        background: linear-gradient(180deg, #ffffff 46.91%, #e2dff7 100%);

        /* Auto layout interior */
        flex: none;
        order: 0;
        flex-grow: 0;

        &:not(.en) {
          height: 110vw;
        }

        & > .bg-4-item-1 {
          /* Container */

          /* Disposición automática */
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 4vw 5vw;
          gap: 5vw;

          width: 75vw;

          background: linear-gradient(
            162.8deg,
            rgba(107, 89, 186, 1) 0.68%,
            rgba(33, 48, 108, 1) 98.97%
          );
          border-radius: 1.2vw;

          /* Auto layout interior */
          flex: none;
          order: 0;
          flex-grow: 0;

          & > .item-4-1 {
            display: flex;
            flex-direction: column;
            align-items: center;
            /* background-color: red; */
            & > h1 {
              font-size: 4vw;
              text-align: center;
              color: rgba(255, 255, 255, 1);
              &.en {
                font-size: 3.6vw;
              }
              /* background-color: purple; */
            }

            & > div {
              background-color: rgba(255, 255, 255, 1);
              border-radius: 1.5vw;
              padding: 0.2vw;
              width: 13vw;
              /* max-width: 20vw; */

              & > h3 {
                /* background-color: peru; */
                font-family: "Inter";
                font-weight: 600;
                line-height: 130%;
                font-size: 1.7vw;
                margin: 0;
                text-align: center;

                & > span {
                  background: linear-gradient(
                    90deg,
                    #1a2e6c 19.79%,
                    #5e56b4 27.68%
                  );
                  -webkit-background-clip: text;
                  -webkit-text-fill-color: transparent;
                  background-clip: text;
                }
              }
            }
          }

          & > .item-4-2 {
            /* Que obtienes */

            /* Disposición automática */
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            gap: 3.2vw;
            /* padding: 0vw 10vw; */

            &.en {
              height: 30vw;
              gap: 3.7vw;
              /* background-color: red; */
            }

            & > .bg-card-4 {
              color: rgba(255, 255, 255, 1);

              &:not(.en) {
                & > h3 {
                  margin-bottom: 3vw;
                }
              }

              & > h3 {
                border-radius: 50%;
                width: 2.5vw;
                height: 2.5vw;
                display: flex;
                align-items: center;
                justify-content: center;
                border: white 0.15vw solid;
                font-size: 1.2vw;
              }

              & > h2 {
                font-size: 1.8vw;
                font-weight: 500;
                /* background-color: red; */
              }

              & > p {
                font-size: 1.2vw;
                font-weight: 300;
                /* background-color: violet; */
              }

              &:first-child {
                width: 15.5vw;
                /* background-color: green; */
              }

              &:last-child {
                width: 21.6vw;
                /* background-color: blue; */
                &.en {
                  width: 16vw;
                  & > p {
                    width: 16vw;
                  }
                }
                & > p {
                  width: 21.4vw;
                  /* background-color: yellow; */
                }
              }

              &:nth-child(2),
              &:nth-child(3) {
                width: 13.5vw;
                /* background-color: green; */
                &.en {
                  width: 17vw;
                }
              }

              &:nth-child(3).en {
                width: 14vw;
                /* background-color: red; */
                & > p {
                  /* background-color: green; */
                  width: 15vw;
                }
              }

              &.en {
                height: 25vw;
                /* background-color: green; */
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
              }
            }
          }
        }

        & > .bg-4-item-2 {
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 3vw 0vw;

          /* background-color: green; */
          /* width: 1073px; */
          width: 100%;
          height: 40vw;

          flex: none;
          order: 1;
          flex-grow: 0;

          & > h1 {
            font-size: 3vw;
            text-align: center;
            width: 40vw;
            color: rgba(16, 16, 17, 1);

            &.en {
              width: 38vw;
            }
          }

          & > .dropdown-cards-container-4 {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: center;
            padding: 4vw 6vw;
            gap: 3vw;

            height: 28vw;

            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
            /* background-color: red; */

            & > .dropdown-card-4 {
              box-sizing: border-box;

              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: flex-start;
              padding: 3vw 4vw;
              gap: 3vw;

              max-width: 25vw;

              background: #f9f9fb;
              border: 1px solid rgba(226, 223, 247, 0.5);
              box-shadow: 0px 16px 16px -8px rgba(12, 12, 13, 0.1),
                0px 4px 4px -4px rgba(12, 12, 13, 0.05);
              border-radius: 16px;

              /* background-color: blue; */
              flex: none;
              order: 0;
              flex-grow: 1;
              & > .inner-4 {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                padding: 0vw;
                gap: 1vw;
                flex: none;
                order: 0;
                align-self: stretch;
                flex-grow: 0;
                /* background-color: green; */

                & > .dropdown-4-icon {
                  width: 3vw;
                  height: 3vw;

                  display: flex;
                  align-items: center;
                  justify-content: center;

                  background: linear-gradient(180deg, #715cc0 0%, #1e3a81 100%);
                  border-radius: 50%;

                  & > img {
                    scale: 0.7;
                  }
                }

                & > .dropdown-4-title {
                  font-size: 1.3vw;
                  font-weight: 600;
                  line-height: 140%;
                  color: rgba(16, 16, 17, 1);
                  &.en {
                    width: 13vw;
                    white-space: pre-line;
                  }

                  /* width: 18vw; */
                  text-wrap: balance;
                  margin-top: 1vw;
                }

                /* background-color: green; */

                & > .dropdown-4-list {
                  /* background-color: red; */
                  padding: 0vw 1.3vw;
                  margin: 0;

                  & > .dropdown-4-list-item {
                    font-size: 1vw;
                    font-weight: 300;
                    line-height: 140%;
                    color: rgba(87, 89, 87, 1);
                    padding: 0.5vw 0.3vw;
                    width: 15.4vw;
                    /* background-color: green; */

                    &.en {
                      width: 15vw;
                    }

                    &.big {
                      width: 15.6vw;
                    }

                    list-style-position: outside;

                    &::marker {
                      /* color: red; */
                      font-size: 0.7vw;
                    }
                  }
                }
              }
            }
          }
        }
      }

      & > .title-4-text {
        /* Heading */

        width: 60vw;

        font-family: "Inter";
        font-style: normal;
        font-weight: 700;
        font-size: 1.7vw;
        line-height: 250%;
        /* o 62px */
        text-align: center;

        margin-top: 3vw;
        /* Neutrals/1000 */
        color: #101011;

        &.en {
          width: 70vw;
        }
        & > h1 > span {
          /* Heading */

          font-family: "Inter";
          font-weight: 700;
          /* o 62px */
          text-align: center;

          /* Azul A/500 */
          color: var(--color-azul-a-500);

          /* Auto layout interior */
          flex: none;
          order: 0;
          align-self: stretch;
          flex-grow: 0;
        }
      }
      /* asd */

      & > .section-4-floating {
        /* Group 1000005968 */

        width: 100%;
        height: 35vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        position: relative;
        /* background-color: red; */

        order: 2;

        & > .floating-4-inner {
          /* Group 1000005962 */

          /* background-color: violet; */
          position: absolute;
          display: flex;
          flex-direction: column;
          width: 27vw;
          /* gap: -2vw; */
          /* height: 380px; */

          /* padding: 7vw 0vw; */
          left: 9vw;
          top: 2.95vw;

          & > .floating-4-img {
            /* Group 1000005961 */
            /* background-color: green; */
            /* position: absolute; */
            width: 100%;
            /* height: 12vw; */
            /* height: 165.82px; */
            /* left: 120.5px; */
            /* top: 1958px;  */
          }

          & > .floating-4-text {
            /* Frame 1000008955 */

            /* Disposición automática */
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 1.5vw 0vw;
            /* gap: 8.79px; */

            /* position: absolute;
            width: 414.55px;
            height: 214.18px;
            left: 120.5px;
            top: 2123.82px; */

            height: 10vw;
            background: #ffffff;
            /* background: peru; */
            /* Drop Shadow/400 */
            box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1),
              0px 4px 4px -4px rgba(12, 12, 13, 0.05);
            border-radius: 0vw 0vw 1vw 1vw;

            & > p {
              width: 16.7vw;

              font-family: "Inter";
              font-style: normal;
              font-weight: 500;
              font-size: 1.3vw;
              line-height: 140%;
              text-align: center;
              background: linear-gradient(90deg, #192960 0%, #715cc0 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              background-clip: text;
              text-fill-color: transparent;

              &.en {
                text-align: left;
              }
            }
          }
        }

        & > .no-floating-4 {
          position: absolute;
          padding: 3.2vw 7vw 4vw 10vw;
          /* gap: 1.5vw; */
          /* background: green; */

          left: 32vw;
          width: 40vw;
          height: 20vw;

          background: linear-gradient(
            144.58deg,
            #f2f0ff 22.58%,
            #f0f6ff 94.12%
          );
          border-radius: 1vw;

          display: flex;
          /* grid-template-columns: repeat(2, 1fr); */
          flex-direction: column;
          justify-content: center;
          align-items: center;
          /* grid-auto-flow: row; */

          .dividers-4 {
            display: flex;
            width: 100%;
            flex-direction: row;
            align-items: center;
            gap: 5vw;
            /* padding-right: 5vw; */
            /* background-color: red; */
            justify-content: space-between;
          }

          .divider-4 {
            height: 0.1vw;
            height: 0.12vw;
            width: 100%;
            background-color: rgba(255, 255, 255, 1);
          }

          & > .floating-4-row {
            padding: 2vw 0vw;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: center;
            gap: 5vw;
            width: 100%;
            /* background-color: green; */
            & > .floating-4-container {
              /* background-color: red; */
              font-family: "Inter";
              /* font-weight: 400; */
              color: rgba(16, 16, 17, 1);
              line-height: 1vw;
              font-weight: 600;
              & > .floating-4-container-text {
                width: 16vw;
                font-size: 1.3vw;
                line-height: 1.5vw;
                margin-block: 1vw;
                text-align: left;
              }
              & > .floating-4-container-long-text {
                /* background-color: peru; */
                font-weight: 400;
                font-size: 0.8vw;
                margin-block: 1vw;
                width: 15.13vw;

                &.en {
                  width: 14.5vw;
                }
              }
            }
          }
        }
      }
    }
  }
  /* END SECTION 4 */
  /* START SECTION 5 */
  .container-section-5 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: #ffffff;
    padding-bottom: 3.5vw;

    /* Auto layout interior */
    order: 5;
    flex-grow: 0;

    & > .section-5-item-1 {
      align-items: center;
      width: 100%;
      flex: none;
      flex-grow: 0;

      color: #101011;
      display: flex;
      flex-direction: column;
      font-family: "Inter";
      font-weight: 600;
      font-size: 2.6vw;
      line-height: 125%;
      text-align: center;

      &.mobile {
        display: none;
      }
    }

    .container-section-5 > .section-5-item-2 {
      align-self: stretch;
    }

    & > .section-5-item-2 {
      .card {
        width: 23.5vw;
        height: 20vw;
        opacity: 1;
        transform: rotate(0deg);
        border: 2px solid #ffffff33;
        border-radius: 15px;
        box-sizing: border-box;

        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 3.5vw 2vw;
      }

      .gallery .card.odd {
        background: linear-gradient(-123.12deg, #192b64 0%, #705bbf 95.55%);
      }

      .gallery .card.even {
        background: linear-gradient(123.12deg, #192b64 0%, #705bbf 95.55%);
      }

      .card-icon {
        width: 3.5vw;
        height: 3.5vw;
        object-fit: contain;
        margin-bottom: 1.4vw;
      }

      .card-title {
        text-align: center;
        margin: 0 0 8px;
        font-family: var(--main-font);
        font-size: 1.7vw;
        color: #ffffff;
        font-weight: 500;
        line-height: 140%;
      }

      .small-title {
        width: 12vw;
      }

      .medium-title {
        width: 16vw;
      }

      .card-description {
        text-align: center;
        margin: 0;
        font-weight: 300;
        font-family: var(--main-font);
        font-size: var(--font-size-15px);
        color: #ffffff;
        line-height: 140%;
      }

      .xs {
        width: 14.7vw;
      }

      .small {
        width: 15.8vw;
      }

      .medium {
        width: 17.2vw;
      }

      .gallery-wrapper {
        width: 95%;
        margin: 0 auto;
        overflow: hidden;
      }

      .gallery {
        will-change: transform;
        transform: translateX(0);
        transition: transform 0.3s ease;

        display: flex;
        gap: 1vw;
        /* overflow-x: auto; */
        scroll-behavior: smooth;
        padding: 1vw 0vw;
        /* scroll-snap-type: x mandatory; */
        justify-content: flex-start;

        /* Ocultar scrollbar en WebKit (Chrome, Safari) */
        &::-webkit-scrollbar {
          display: none;
        }

        /* Ocultar scrollbar en Firefox */
        scrollbar-width: none;

        /* Ocultar scrollbar en Edge/IE */
        -ms-overflow-style: none;
      }

      .gallery .card {
        flex: 0 0 calc((100% - 2 * 1.52vw) / 4);
        scroll-snap-align: start;
      }

      .gallery-controls {
        display: flex;
        justify-content: center;
        gap: 1vw;
        margin-top: 3vw;
      }

      .gallery-arrow {
        background: transparent;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background 0.2s ease;
        padding: 0vw;
        border-radius: 50%;
      }

      .gallery-arrow img {
        width: 3.12vw;
        height: auto;
        display: block;
      }

      .button-contacto-div {
        display: flex;
        justify-content: center;
        margin-top: 3.5vw;
      }

      &.mobile {
        display: none;
      }
    }
  }
  /* END SECTION 5 */
  /* START SECTION 6 */
  .container-section-6 {
    /* Disposición automática */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1vw;
    padding: 3.5vw 0vw;

    order: 6;
    flex-grow: 0;

    & > .section-6-item-1 {
      padding: 0vw 10vw;

      .title {
        font-family: "Inter";
        font-style: normal;
        font-weight: 600;
        font-size: 3.3vw;
        text-align: center;
        color: #101011;
        margin-bottom: 5vw;
      }

      & > .contacto-header {
        font-family: var(--main-font);
        margin-bottom: 1vw;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        padding: 3.2vw 3.4vw;
        border-radius: 1.5vw;
        background: linear-gradient(white, white) padding-box,
          linear-gradient(
              to top,
              #ffffff 0%,
              #ffffff 10%,
              #ffffff 20%,
              #c0c695 85%,
              #c5ce81 95%,
              #c6d54f 100%
            )
            border-box;
        border: 0.15vw solid transparent;
        font-size: 1.2rem;
        text-align: center;
        border-bottom: none;

        .title {
          margin: 0;
          font-weight: 400;
          font-size: 2.3vw;
          margin-bottom: 2vw;
        }

        .contacto-description p {
          color: #575957;
          font-size: 1.2vw;
          margin: 0;
          line-height: 1.4;
          font-weight: 300;
        }

        .inline-icon {
          display: inline-block;
          vertical-align: middle;
          margin-right: 1vw;
        }

        .contacto-description p span {
          color: #575957;
          font-weight: 600;
        }
      }

      &.mobile {
        display: none;
      }
    }

    & > .section-6-item-2 {
      width: 100%;
      justify-content: center;
      display: flex;
      align-items: flex-start;
      position: relative;

      .circle-decoration {
        position: absolute;
        top: -8vw;
        width: 70vw;
        height: 70vw;
      }

      .left-circle-decoration {
        left: 0;
        transform: rotate(180deg);
      }

      .right-circle-decoration {
        right: 0;
      }
      width: 100%;
      justify-content: center;
      display: flex;
      align-items: flex-start;
      position: relative;

      .card-plan {
        font-family: var(--main-font);
        color: #ffffff;
        width: 31vw;
        height: 53vw;
        border-radius: 1.5vw;
        padding: 2.7vw 6vw 2.7vw 2.7vw;
        z-index: 1;
        display: flex;
        flex-direction: column;
      }

      .plan-A {
        background: #192b64;
      }

      .plan-W {
        background: #6256b5;
        box-shadow: -30px 0px 61.9px -18px #00000026;
        margin-left: -3vw;
        z-index: 2;
      }

      .card-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin-bottom: 2.8vw;
      }

      .plan-container {
        font-size: 1.7vw;
        font-weight: 600;
        border-radius: 39px;
        padding: 1vw 1.5vw;
      }

      .container-A {
        border: 0.1vw solid #19eaff;
        color: #fff;
      }

      .container-W {
        border: 0.1vw solid #927be7;
        background: #fff;

        .text-gradient {
          background: linear-gradient(97.26deg, #192b64 -4.78%, #6256b5 112%);
          -webkit-background-clip: text;
          background-clip: text;
          color: transparent;
        }
      }

      .plan-icon-W {
        position: absolute;
        top: -3vw;
        right: -5vw;
        width: 13vw;
        height: auto;
      }

      .plan-icon-A {
        position: absolute;
        top: -0vw;
        right: 0vw;
        width: 13vw;
        height: auto;
      }

      .card-title {
        margin: 0;
        font-size: 2.3vw;
        font-weight: 400;
        margin-bottom: 1.3vw;
      }

      .card-description {
        font-weight: 200;
        margin: 0;
        font-size: 1.1vw;
        line-height: 1.4;
        margin-bottom: 5.6vw;
      }

      .card-description span {
        font-weight: 600;
      }

      /* Características */
      .card-features {
        display: flex;
        flex-direction: column;
        gap: 1.1vw;
        flex: 1;
      }

      .feature {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
      }

      .feature-icon {
        width: 1.2vw;
        height: 1.2vw;
      }

      .feature-content {
        display: flex;
        flex-direction: column;
        gap: 0.5vw;
      }

      .feature-title {
        font-size: 1.1vw;
        font-weight: 400;
      }

      .feature-desc {
        font-size: 0.9vw;
        font-weight: 300;
      }

      .desc-blue {
        color: #a3d8f0;
      }

      .desc-opacity-50 {
        opacity: 50%;
      }

      &.mobile {
        display: none;
      }
    }
  }
  /* END SECTION 6 */

  .footer-contratacion {
    color: white;
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 10vw;
    top: 16vw;
  }

  .footer-contratacion a {
    text-decoration: none;
  }

  .footer-contratacion a span {
    position: relative;
    top: initial;
    left: initial;
  }

  .footer-contratacion span.principal {
    font-weight: 600;
    /* font-size: var(--space-16px); */
    font-size: 0.8vw;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: start;
    color: rgba(212, 224, 123, 1);
  }

  .footer-contratacion span.abajo {
    font-weight: 400;
    font-size: var(--space-16px);
    line-height: 140%;
    letter-spacing: 0%;
    color: rgba(242, 242, 243, 1);
  }

  /* SECTION 7 */

  .container-section-7 {
    order: 7;
    font-family: "Inter";
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1vw;
    isolation: isolate;
    margin-top: 4vw;

    & > .title {
      font-size: 3.2vw;
      font-weight: 700;
      line-height: 140%;
      color: #101011;
    }

    & > .container-formulario {
      margin-top: 2vw;
      display: grid;
      grid-template-columns: 55% 45%;

      & > .container-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 100%;

        & > .container-formulario-title {
          font-size: 3.2vw;
          font-weight: 400;
          line-height: 130%;
          color: #000000;
          width: 39vw;
          margin-left: 12vw;
          margin-bottom: 2vw;
          margin-top: 2vw;

          & > span {
            font-weight: 700;
            & > span {
              background: linear-gradient(
                79.79deg,
                #21428f 37.24%,
                #6658b9 75.14%
              );
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              background-clip: text;
              text-fill-color: transparent;
            }
          }
        }

        & > .container-formulario-subtitle {
          font-size: 1.5vw;
          font-weight: 600;
          color: #000000;
          width: 39vw;
          margin-left: 12vw;

          & > br {
            display: none;
          }
        }

        & > .container-formulario-image {
          width: 100%;
          height: 100%;
          margin-top: 2vw;

          & > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }

        & > .container-formulario-image-movil {
          display: none;
        }
      }

      & > .contacto-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        height: 100%;
        margin-top: 2vw;
        margin-left: auto;
        margin-right: 10vw;
        top: initial;

        & > .contacto-header {
          margin-bottom: 1vw;
          position: relative;
          box-sizing: border-box;
          width: 100%;
          padding: 2.5vw 3vw;
          border-radius: 1.5vw;
          background: linear-gradient(white, white) padding-box,
            /* Fondo interno blanco */
              linear-gradient(
                to top,
                #ffffff 0%,
                #ffffff 10%,
                #ffffff 20%,
                #c0c695 85%,
                #c5ce81 95%,
                #c6d54f 100%
              )
              border-box;
          border: 0.15vw solid transparent;
          font-size: 1.2rem;
          text-align: center;
          border-bottom: none;

          & > h3 {
            font-size: 1.5vw;
            font-weight: 500;
            color: #000000;
            line-height: 140%;

            & > span {
              font-weight: 400;
              font-size: 2vw;

              background: linear-gradient(
                92.11deg,
                #1f2e6b 31.56%,
                #6c59bb 88.99%
              );
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              background-clip: text;
              text-fill-color: transparent;
              font-weight: 700;
            }
          }

          & > .conversemos {
            font-size: 1.8vw;
            font-weight: 500;
            margin-top: 2vw;
          }
        }

        & > .contacto-note {
          text-align: left;
          font-size: 0.9028vw;
          font-weight: 400;
          position: relative;
          display: flex;
          margin-top: 2vw;
          display: block;
          width: 25vw;
          margin-bottom: 6vw;

          & > .description-span-contacto-principal {
            color: #808584;
            font-size: 0.9028vw;
            line-height: 140%;
            font-weight: 700;

            &.en {
              color: #9cb445;
            }
          }

          & > .description-span2-contacto-principal {
            color: #808584;
            font-size: 0.9028vw;
            line-height: 140%;
            font-weight: 400;
          }

          & > .description-span3-contacto-principal {
            color: #9cb445;
            font-size: 0.9028vw;
            line-height: 140%;
            font-weight: 400;

            & > br {
              display: none;
            }
          }
        }
      }
    }
  }

  /* END SECTION 7 */

  /* SECTION 8 */
  .container-section-8 {
    width: 100%;
    background: #f9f9fb;
    padding: 6vw 0vw;

    flex: none;
    order: 8;
    flex-grow: 0;

    display: flex;
    flex-direction: column;

    & > .s-8-title-container {
      position: relative;
      display: flex;
      margin: 0vw 0vw 4vw 18.5vw;
      padding: 0vw 0;
      gap: 1vw;

      & > .s-8-title {
        font-family: "Inter";
        font-size: 3.7vw;
        font-weight: 700;
        line-height: 3vw;
        color: #000000;
      }

      & > .s-8-dylan {
        position: absolute;
        top: 1vw;
        left: -7vw;
        width: 7.5vw;
        height: 7.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }

    & > .s-8-faq-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1.2vw;
      padding: 0vw 10vw;
      max-width: 60vw;
      /* background-color: red; */
      margin: 0 auto;

      & > .faq-item-8 {
        width: 100%;
        background: #ffffff;
        /* background: green; */
        border: none;
        border-radius: 1vw;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.3s ease;

        /* margin: 0.7vw 0; */
        padding: 1vw;
        /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */

        & > .faq-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          /* padding: 2vw 2.5vw; */
          background: transparent;
          /* background: green; */
          transition: background-color 0.3s ease;

          & > .faq-question-8 {
            font-family: "Inter";
            font-size: 1.4vw;
            font-weight: 500;
            line-height: 140%;
            color: #101011;
            margin: 0;
            /* flex: 1; */
            text-align: left;
            padding: 1vw;
            /* background-color: purple; */
          }

          & > .faq-arrow {
            font-size: 2vw;
            font-weight: 400;
            /* color: #6e5bbe; */
            color: #101011;
            opacity: 50%;
            transition: transform 0.3s ease;
            margin-left: 1vw;
            min-width: 2vw;
            text-align: center;
          }
        }

        & > .faq-content {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          /* background: #ffffff; */
          /* background: blue; */

          > * > a {
            all: unset;
            color: #9cb445;
          }

          > * > strong {
            font-weight: 600;
            color: #444644;
          }

          & > p,
          & > ul {
            font-family: "Inter";
            font-size: 1.25vw;
            font-weight: 400;
            line-height: 150%;
            color: #444644;
            /* background-color: yellow; */
            margin: 0;
            padding: 0vw 0vw 0vw 1vw;
          }

          & > ul {
            padding-left: 2vw;
            padding-right: 2.5vw;

            & > li {
              margin-bottom: 0.5vw;
            }
          }
        }

        &[aria-expanded="true"] {
          & > .faq-header {
            & > .faq-question-8 {
              color: #21428f;
            }
            & > .faq-arrow {
              transform: none;
            }
          }

          & > .faq-content {
            max-height: 50vw;
          }
        }
      }

      &.es {
        .faq-item-8:nth-child(2) > .faq-content > p {
          padding-right: 1vw;
        }
        .faq-item-8:nth-child(3) > .faq-content > p {
          margin-right: 1vw;
        }
        .faq-item-8:nth-child(6) > .faq-content > p {
          padding-right: 1vw;
        }
        .faq-item-8:nth-child(8) > .faq-content > p {
          font-size: 1.235vw;
        }
        .faq-item-8:nth-child(10) > .faq-content > p {
          padding-right: 1.2vw;
        }

        .faq-item-8:nth-child(7) > .faq-content > ul {
          /* padding-right: -1vw; */
          /* background-color: red; */
          padding-left: 1.15vw;
          padding-right: 0;

          & > li {
            &::marker {
              font-size: 0.8vw;
            }
            /* width: 58.7vw; */
            /* background-color: cyan; */
          }
        }
      }

      &.en {
        .faq-item-8:nth-child(7) > .faq-content > ul {
          width: 58vw;
        }
      }
    }
  }
  /* END SECTION 8 */
}