@media (max-width: 768px) {
  @keyframes flipToBack {
    0% {
      transform: rotateY(0);
    }
    100% {
      transform: rotateY(180deg);
    }
  }

  @keyframes flipToFront {
    0% {
      transform: rotateY(180deg);
    }
    100% {
      transform: rotateY(0);
    }
  }

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

  /* SECTION 1 */
  .text-gradient {
    background: var(--color-primary-gradient-left);
    background: -webkit-linear-gradient(
      95.71deg,
      var(--color-primary-gradient-left) 56.9%,
      var(--color-primary-gradient-right) 83.23%
    );
    background: -moz-linear-gradient(
      95.71deg,
      var(--color-primary-gradient-left) 56.9%,
      var(--color-primary-gradient-right) 83.23%
    );
    background: linear-gradient(
      95.71deg,
      var(--color-primary-gradient-left) 56.9%,
      var(--color-primary-gradient-right) 83.23%
    );
    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;
  }

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

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

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

    &.movil {
      font-family: Inter;
      font-weight: 400;
      font-style: Regular;
      font-size: 4.7vw;
      line-height: 140%;
      letter-spacing: 0%;
      text-align: center;
      width: 86vw;
      display: inline-block;
    }
  }

  .container-section-1 {
    margin-top: var(--header-height);
    width: 100%;
    height: 240vw;
    overflow: hidden;
    position: relative;
    background: #551d71;
    background: linear-gradient(196.37deg, #ffffff 20.21%, #e2dff7 46.81%);

    background: -moz-linear-gradient(196.37deg, #ffffff 20.21%, #e2dff7 46.81%);
    background: linear-gradient(196.37deg, #ffffff 20.21%, #e2dff7 46.81%);

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

    & > img {
      width: 100%;
      &.header-background.desk {
        display: none;
      }
    }

    & > .content {
      width: 100%;
      /* height: 70%; */
      /* position: relative !important; */
      display: flex;
      flex-direction: column;
      align-items: center;

      /* all: initial !important; */
    }

    & > .imagen_wunderguard_1_container {
      /* all: initial !important; */
      position: relative;
      margin: 0 auto;
      /* margin-top: 14vw !important; */
      display: flex;
      justify-content: center;
      align-items: center;
      /* right: 0; */

      & > img {
        /* height: 300%; */
        overflow: hidden;
        object-fit: cover;
        scale: 1.2;
        content: url("../../../assets/img/servicios/wunderguard/wunderguard_main_full.png");
        filter: drop-shadow(0 8px 8px rgba(255, 255, 255, 1));
      }
    }
  }

  .description-nuestro-servicio {
    width: 100% !important;
    margin-top: 0px;
    margin-bottom: var(--space-32px);
  }

  .movil {
    &.button-contacto-div {
      display: flex !important;
    }
  }

  .desk {
    &.text-1 {
      display: none !important;
    }
    &.button-contacto-div {
      display: none !important;
    }
    &.imagen_wunderguard_1_container {
      display: none !important;
    }
    &.slide-part-right {
      display: none !important;
    }
    &.slider-bullets {
      display: none !important;
    }
    & #img1-section {
      display: none !important;
    }
    & #img3-section {
      display: none !important;
    }
    & #img1-section-2 {
      display: none !important;
    }
    & #img3-section-2 {
      display: none !important;
    }
  }

  br.desk {
    display: none !important;
  }

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

  .title-nuestro-servicio {
    margin: 6vw 0 2vw 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 13vw;
  }

  .button-contacto-div {
    width: 60%;
    /* height: 13vw; */
    margin: 0 auto;
    margin-top: 4vw !important;
    justify-content: center;
    align-items: center;

    & .no-movil {
      display: none !important;
    }
  }

  .button-contacto {
    box-sizing: border-box;
    width: auto;
    /* padding: 1.8vw 2vw; */
    padding: 4.2vw 8vw;
    font-size: 4.5vw;
    height: auto;
    width: auto;

    left: unset;
    position: initial;
    font-family: Inter;
    font-weight: 500;
    top: 20%;

    border-radius: 60px;

    background: linear-gradient(101.14deg, #638638 -26.93%, #c6d54f 73.61%);
  }

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

  .quote {
    /* top: 7vw !important; */
    position: absolute;
    top: 225vw;
    height: min-content;
  }

  .marquee-container {
    height: 8vw;
  }

  .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;
    line-height: initial;
  }

  @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: 6.5vw;
      width: 80vw;
      line-height: 130%;
      text-align: center;
      margin-bottom: 2vw;

      color: #101011;

      &.desk {
        display: none;
      }

      & > p > span {
        font-size: 6.5vw;
        background: linear-gradient(90deg, #22438f 46.15%, #715cc0 79.71%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }

      &.en > p > span:nth-child(1) {
        background: linear-gradient(90deg, #22438f -50%, #715cc0 20%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }

      &.en > p > span:nth-child(2) {
        /* background: linear-gradient(90deg, #22438f 46.15%, #715cc0 79.71%); */
        background: none;
        -webkit-background-clip: initial;
        -webkit-text-fill-color: initial;
        background-clip: initial;
        color: #22438f;
      }
    }

    & > .section-2-item-2 {
      transition: transform 0.6s;
      transform-style: preserve-3d;
      width: 78vw;
      height: 95vw;
      border-radius: 16px;
      position: relative;

      &.flipped {
        transform: rotateY(180deg);
      }

      .slide-card {
        background: linear-gradient(126.2deg, #ffffff 8.11%, #e2dff7 55.84%);
        transform-style: preserve-3d;
        backface-visibility: hidden;
        width: 100%;
        height: 100%;
        border-radius: 4vw;
        /* padding: 2vw 4vw; */
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        /* align-items: center; */
        gap: 2vw;
        transition: opacity 0.4s ease-out;
        /* opacity: 0; */
        &.back {
          transform: rotateY(180deg);
          .slide-part-left {
            img.anim-element {
              top: -5vw;
              left: 10vw;
              width: 40vw !important;
            }
          }
        }
        /* 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: 100%;
          height: 36vw;
          justify-content: center;
          padding-left: 1vw;
          align-items: center;
          /* flex: 1; */
          text-align: center;
          gap: 4vw;
          /* background-color: green; */
          img.anim-element {
            /* background-color: red; */
            /* max-width: 100%; */
            width: 36vw !important;
            height: 36vw !important;
            animation-delay: 0.1s;
            position: absolute;
            top: -5vw;
            left: 10vw;
          }
          .button-rotate-card {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 1vw;
            cursor: pointer;
            position: absolute;
            width: 8vw;
            height: 8vw;
            right: 8vw;
            top: 8vw;
            background: rgba(170, 172, 211, 0.27);
            border-radius: 3vw;
            .button-rotate-card-icons {
              display: flex;
              flex-direction: row;
              align-items: center;
              gap: 0.8vw;
              color: #ffffff;
              background-color: #ffffff;
              border-radius: 2.5vw;
              padding: 0.5vw;
              width: 100%;
              height: 100%;
              justify-content: center;
              align-items: center;
              box-sizing: border-box;
              & > img {
                width: 2vw;
                height: 2vw;
                object-fit: contain;
              }
            }
          }
        }

        .slide-part-middle {
          /* flex: 1; */
          color: #101011;

          /* background-color: blue; */

          color: var(--color-azul-a-600);
          /* margin: 0vw 5vw; */
          padding: 5vw 10vw 6vw 10vw;
          box-sizing: border-box;

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

          & > p {
            animation-delay: 0.2s;
            & > strong {
              font-weight: 700 !important;
              &.italic {
                font-style: italic;
              }
            }
          }
          p.anim-element {
            width: 100%;
            font-size: 3.8vw;
            max-width: 92%;
            animation-delay: 0.3s;
            margin: 0;
            &.en {
              max-width: 100%;
            }
          }
        }

        .slide-part-right {
          position: relative;
          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: 4vw;
        /* left: calc(30%); */
        left: 21.5vw;
        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;
          }
        }
      }
    }
    & > .matrix-card {
      margin-bottom: 1vw;
      height: 85vw;
      position: relative;
      box-sizing: border-box;
      width: 80vw;
      padding: 2rem;
      border-radius: 4vw;
      background: linear-gradient(white, white) padding-box,
        /* Fondo interno blanco */
          linear-gradient(to bottom, #ffffff, #d5eaff 60%, #b1d9f5) border-box;
      border: 0.5vw solid transparent; /* Necesario para usar el degradado en el borde */
      font-family: sans-serif;
      font-size: 1.2rem;
      text-align: center;
      border-top: none;
      & p {
        font-size: 6.4vw;
        padding: 0 5vw;
        position: absolute;
        top: 48%;
        left: 0;
        right: 0;
      }
      & img.numbers-matrix {
        width: 90%;
        position: absolute;
        top: 0;
        left: 50%;
        right: 0;
        transform: translateX(-50%);
      }
    }

    & > .section-2-item-3 {
      display: none;
    }
    & > .section-2-item-4 {
      /* Solución Desk */

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

      text-align: center;
      padding: 6vw 0;

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

        & > span {
          padding: 1vw;
          margin-left: 0.5vw;
          background-color: #e2dff7;
        }
      }
      & > p:nth-child(2) {
        font-size: 6.2vw;
        flex-direction: flex;
        margin: 8vw auto;
        width: 72vw;
        /* padding: 0vw calc(var(--p-22vw) + 4vw) 0vw calc(var(--p-22vw) + 4vw); */

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

        & > span {
          display: inline !important;
          white-space-collapse: collapse;
          &.text-gradient {
            background: var(--color-primary-gradient-left);
            background: -webkit-linear-gradient(
              79.79deg,
              var(--color-primary-gradient-left) 17.24%,
              var(--color-primary-gradient-right) 45.14%
            );
            background: -moz-linear-gradient(
              79.79deg,
              var(--color-primary-gradient-left) 17.24%,
              var(--color-primary-gradient-right) 45.14%
            );
            background: linear-gradient(
              79.79deg,
              var(--color-primary-gradient-left) 17.24%,
              var(--color-primary-gradient-right) 45.14%
            );
            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;
          }
        }
      }
      & > p:nth-child(3) {
        font-weight: 400;
        font-size: 3.5vw;
        line-height: 140%;
        color: #101011;
        padding: 0vw calc(var(--p-22vw) + 4vw) 0vw calc(var(--p-22vw) + 4vw);
      }
    }
  }
  /* END SECTION 2 */
  /* START SECTION 3 */
  .container-section-3 {
    /* Disposición automática */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6vw 0vw;
    order: 3;
    flex-grow: 0;

    & > .section-3-item-1 {
      &.desk {
        display: none;
      }
      & > img {
        width: 86vw;
        height: 76.5vw;
      }
    }

    & > .section-3-item-2 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 1.5vw;
      padding: 0vw calc(var(--p-22vw) + 4vw) 0vw calc(var(--p-22vw) + 4vw);

      .icon-title-mobile {
        display: flex;
        align-items: center;
        gap: 2vw;
        width: 100%;

        img {
          flex-shrink: 0;
          width: 15.8vw;
          height: 16vw;
        }

        p {
          font-family: var(--main-font);
          line-height: 140%;
          font-style: normal;
          font-weight: 600;
          font-size: var(--font-size-mobile-16px);
          text-align: left;
          max-width: 61vw;
          flex: 1 1 0;

          color: #000000;

          span {
            color: #425ea0;
          }
        }
      }

      .separator {
        border: none;
        height: 1px;
        background-color: #afddf2;
        width: 100%;
      }

      &.desk {
        display: none;
      }
    }

    & > .section-3-item-3 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 1.5vw;
      padding: 4vw calc(var(--p-22vw) + 4vw) 4vw calc(var(--p-22vw) + 4vw);

      .accordion {
        display: flex;
        flex-direction: column;
        gap: 2vw;
        padding: 2vw 10vw 2vw 10vw;

        .accordion-item {
          &.mobile {
            display: flex;
            padding: 0vw 1vw;
            flex-direction: column;
            color: #201f23;
            border: 1px solid transparent;
            border-radius: 0.5rem;
            cursor: pointer;
            overflow: hidden;

            .accordion-header {
              position: relative;
              display: flex;
              align-items: center;
              justify-content: space-between;
              width: 100%;
              padding: 1.5vw 2vw 1.5vw 12vw;
              background: transparent;
              border: none;
              font-size: 4.2vw;
              font-weight: 500;
              line-height: 1.4;
              text-align: left;
              position: relative;
              transition: padding 0.3s;

              .accordion-icon {
                position: absolute;
                left: 0;
                flex-shrink: 0;
                width: 6vw;
                height: 6vw;
                object-fit: contain;
              }

              .accordion-arrow {
                flex-shrink: 0;
                width: 6vw;
                height: auto;
                object-fit: contain;
                transition: transform 0.2s ease;
                margin-left: 1vw;
              }

              .accordion-title {
                font-family: var(--main-font);
                font-size: var(--font-size-mobile-18px);
                line-height: 140%;
                color: #201f23;
                flex: 1;
                margin-left: 0;
                text-align: left;
              }

              .shorter-title {
                flex: 0 0 50vw;
              }
            }

            .accordion-content {
              font-family: var(--main-font);
              font-weight: 200;
              margin-left: 12vw;
              font-size: 3.8vw;
              line-height: 140%;
              color: #575957;
              text-align: left;
              max-height: 0;
              overflow: hidden;
              padding-right: 4vw;

              transition: max-height 0.1s ease, padding 0.1s ease;
            }

            .shorter-content {
              width: 48vw;
            }

            .medium-content {
              width: 58vw;
            }

            .standard-content {
              width: 55vw;
            }

            &.active {
              .accordion-header .accordion-arrow {
                transform: rotate(180deg);
              }

              .accordion-content {
                max-height: 39.5vw;
              }
            }
          }
        }
      }

      &.desk {
        display: none;
      }
    }

    & > .section-3-item-4 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 1.5vw;
      padding: 0vw 12vw 0vw 12vw;
      margin-top: 8vw;

      & > .matrix-card.movil {
        margin-bottom: 1vw;
        height: 40vw;
        position: relative;
        justify-content: center;
        box-sizing: border-box;
        width: 81vw;
        padding: 2vw;
        border-radius: 4vw;
        background: linear-gradient(white, white) padding-box,
          /* Fondo interno blanco */
            linear-gradient(to bottom, #ffffff, #d5eaff 60%, #b1d9f5) border-box;
        border: 0.6vw solid transparent;
        font-family: sans-serif;
        text-align: center;
        border-top: none;

        p {
          font-family: var(--main-font);
          line-height: 130%;
          font-size: 7vw;
          font-weight: 400;
          margin: 0;
          color: #101011;

          .text-gradient {
            display: inline;
            font-size: 7.2vw;
            font-weight: 400;
            /* gradiente de texto */
            background: linear-gradient(90.77deg, #21428f 45%, #6e5bbe 68.14%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
          }

          .text-gradient-en {
            display: inline;
            font-size: 7.2vw;
            font-weight: 400;
            /* gradiente de texto */
            background: linear-gradient(90.77deg, #21428f 18%, #6e5bbe 68.14%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
          }

          .text-color {
            display: inline;
            font-size: 7.2vw;
            font-weight: 400;
            color: #21428f;
          }

          /* & > 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;
          } */
        }
      }

      &.desk {
        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: 490vw; */

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

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

        &.en {
          /* height: 430vw; */
        }

        & > .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: 6vw;

          /* 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: 10vw;
              text-align: center;
              color: rgba(255, 255, 255, 1);
              /* background-color: purple; */
            }

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

              & > h3 {
                /* background-color: peru; */
                font-family: "Inter";
                font-weight: 600;
                line-height: 130%;
                font-size: 3vw;
                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: column;
            align-items: center;
            /* gap: 3.2vw; */
            width: 100%;
            /* background-color: purple; */
            /* padding: 0vw 10vw; */

            & > .bg-divider {
              width: 100%;
              height: 1px;
              background: #afddf2;
              margin: 2vw 0;
            }

            & > .bg-card-4 {
              color: rgba(255, 255, 255, 1);
              /* background-color: red; */
              /* width: 100%; */
              margin: 1vw 6vw 4vw 6vw;
              width: 60vw;

              & > h3 {
                border-radius: 50%;
                width: 9vw;
                height: 9vw;
                display: flex;
                align-items: center;
                justify-content: center;
                border: white 0.3vw solid;
                font-size: 4vw;
                font-weight: 400;
                margin-bottom: 10vw;
              }

              & > h2 {
                font-size: 5vw;
                font-weight: 500;
                width: 50.5vw;
                /* background-color: red; */

                &.en {
                  font-size: 6.4vw;
                  width: 70vw;
                  /* background-color: pink; */
                }
              }

              & > p {
                font-size: 4vw;
                font-weight: 300;
                /* text-wrap: balance; */
              }

              &:first-child {
                /* width: 15.5vw; */
                /* background-color: green; */
                & > h2 {
                  width: 55vw;
                  text-wrap: balance;
                  &.en {
                    width: 65vw;
                    text-wrap: wrap;
                  }
                }
              }

              &:nth-child(3) {
                & > p {
                  font-weight: 300;
                  width: 64vw;

                  &.en {
                    width: 60vw;
                  }
                }
              }

              &:last-child {
                /* width: 21.6vw; */
                /* background-color: blue; */
                & > h2 {
                  width: 51vw;
                  text-wrap: balance;
                  &.en {
                    font-size: 6.4vw;
                    width: 70vw;
                  }
                }
                & > p {
                  width: 64vw;
                  &.en {
                    width: 56vw;
                  }
                }
              }
            }
          }
        }

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

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

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

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

          & > .dropdown-cards-container-4 {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            padding: 4vw 10vw;
            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: 5.5vw 8vw;
              gap: 3vw;

              width: 100%;
              /* max-width: 25vw; */
              height: auto;
              overflow: hidden;

              box-shadow: 0px 16px 16px -8px rgba(12, 12, 13, 0.1),
                0px 4px 4px -4px rgba(12, 12, 13, 0.05);
              border-radius: 3.5vw;

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

              /* background-color: blue; */
              flex: none;
              order: 0;
              flex-grow: 1;

              cursor: pointer;

              /* --- CAMBIOS PRINCIPALES AQUÍ --- */
              position: relative; /* 1. Necesario para posicionar el pseudo-elemento */
              overflow: hidden; /* 2. Asegura que el gradiente no se salga de los bordes redondeados */
              background: #f9f9fb; /* 3. El fondo base ahora es el color del estado activo */

              /* La transición ahora es para el contenido interno, no para el fondo */
              transition: max-height 0.4s ease-in-out;

              &.active {
                border: 1px solid rgba(226, 223, 247, 0.5);
              }

              &::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;

                background: linear-gradient(
                  96.06deg,
                  #715cc0 3.05%,
                  #1e3a81 89.04%
                );

                z-index: 1; /* Se coloca entre el fondo y el contenido */
                opacity: 1; /* Visible por defecto */
                transition: opacity 0.4s ease-in-out; /* 5. ¡Aquí está la magia! Animamos la opacidad */
              }

              &.active {
                &::before {
                  opacity: 0;
                }
                & > .inner-4 {
                  gap: 3vw;
                  & > .dropdown-4-list {
                    max-height: 65vw;
                    opacity: 1; /* 6. Hacemos visible la lista */
                  }

                  & > .dropdown-4-icon {
                    width: 12vw;
                    height: 12vw;
                    scale: 1;
                    /* 4. Al estar activo, restauramos todo a sus valores originales */
                    opacity: 1;
                  }
                  & > .dropdown-4-title {
                    /* 5. Cambiamos el color del texto al estado activo */
                    color: rgba(16, 16, 17, 1);
                    width: 60vw;
                    font-weight: 600;
                    padding: 3vw 0 0 0;
                    text-align: left;
                    &.en {
                      width: 70vw;
                    }
                  }

                  & > .dropdown-4-arrow {
                    transform: rotate(180deg); /* Rotamos la flecha */
                    top: 5vw;
                    right: -2vw;
                  }
                }
              }

              & > .inner-4 {
                /* 7. Aseguramos que el contenido esté por encima del gradiente */
                position: relative;
                z-index: 2;

                display: flex;
                flex-direction: column;
                align-items: flex-start;
                padding: 0vw 0vw 1vw 0vw;
                /* gap: 3vw; */
                gap: 0;
                flex: none;
                order: 0;
                align-self: stretch;
                flex-grow: 0;
                /* background-color: green; */

                & > .dropdown-4-arrow {
                  position: absolute;
                  right: -5vw;
                  top: -3vw;

                  width: 5vw;
                  height: 5vw;

                  transition: transform 0.6s ease-in-out;
                }

                & > .dropdown-4-icon {
                  height: 0;
                  scale: 0;
                  /* max-height: 0; */
                  /* overflow: hidden; */

                  /* 1. Lo hacemos invisible y lo movemos un poco hacia abajo */
                  opacity: 0;
                  /* transform: translateY(20px); */

                  /* 2. LA CLAVE: Margen negativo para colapsar su espacio */
                  /* Este valor es la suma de la altura del ícono (9vw) + el gap (3vw) */
                  /* margin-bottom: -10.5vw; */

                  /* 3. Animamos el margen junto con la opacidad y la transformación */
                  transition: opacity 0.4s ease-in-out,
                    transform 0.4s ease-in-out, margin-bottom 0.4s ease-in-out;

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

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

                & > .dropdown-4-title {
                  font-size: 4vw;
                  /* font-weight: 600; */
                  font-weight: 400;
                  line-height: 140%;
                  color: white;

                  text-align: center;
                  width: 100%;
                  /* background-color: red; */

                  /* transition para el text-align */
                  transition: color 0.3s ease-in-out, width 1.5s ease-in-out,
                    opacity 0.3s ease-in-out;

                  /* width: 18vw; */
                  /* margin-top: 5vw; */
                  /* background-color: green; */
                  text-wrap: balance;
                }

                /* background-color: green; */

                & > .dropdown-4-list {
                  /* background-color: red; */
                  /* padding: 0vw 2.7vw; */
                  /* padding: 0vw; */
                  /* gap: 2vw; */

                  margin: 0;
                  max-height: 0;
                  overflow: hidden;
                  opacity: 0;

                  width: 100%;
                  padding: 0vw 5vw;

                  transition: max-height 0.4s ease-in-out,
                    color 0.3s ease-in-out, opacity 0.3s ease-in-out;

                  & > .dropdown-4-list-item {
                    font-size: 3.6vw;
                    font-weight: 300;
                    line-height: 140%;
                    color: rgba(87, 89, 87, 1);
                    padding: 1.5vw 0vw;
                    /* margin: 2vw 0; */
                    width: 56vw;
                    /* background-color: green; */
                    /* width: 80%; */
                    list-style-position: outside;

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

                    &.en {
                      width: 53.5vw;
                    }
                  }
                }
              }
            }
          }
        }
      }

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

        width: 80vw;
        margin-top: 10vw;
        font-family: "Inter";
        font-style: normal;
        font-weight: 700;
        font-size: 4vw;
        line-height: 250%;
        /* o 62px */
        text-align: center;

        /* Neutrals/1000 */
        color: #101011;

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

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

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

        order: 2;

        &.es {
          height: 245vw;
        }

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

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

          /* padding: 7vw 0vw; */
          left: auto;
          top: 10vw;

          & > .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: column;
            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: 28vw;
            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 2vw 2vw;

            & > p {
              width: 41vw;

              font-family: "Inter";
              font-style: normal;
              font-weight: 500;
              font-size: 3.2vw;
              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;
            }
          }
        }

        & > .no-floating-4 {
          position: absolute;
          /* z-index: -1; */
          /* padding: 4vw 7vw 4vw 10vw; */
          /* background: green; */

          top: 42vw;
          left: auto;
          width: 84vw;

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

          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: center;
          padding-top: 36vw;

          & > .floating-4-container {
            border-top: 0.5vw solid #ffffff;
            width: 100%;

            /* background-color: red; */
            font-family: "Inter";
            /* font-weight: 400; */
            color: rgba(16, 16, 17, 1);
            line-height: 5.5vw;

            & > .floating-4-mobile-container {
              padding: 5vw;
              /* padding: 5vw 3vw; */
              gap: 2vw;
              /* background-color: green; */

              & > .floating-4-container-text {
                width: 70vw;
                font-weight: 600;
                font-size: 4vw;
                line-height: 6vw;
                text-align: left;
                &.c-4-short {
                  width: 50vw;
                }
              }
              & > .floating-4-container-long-text {
                /* background-color: peru; */
                font-weight: 400;
                font-size: 3.6vw;
                width: 70vw;
                &.short-1 {
                  width: 60vw;
                  &.en {
                    width: 70vw;
                  }
                }
                &.short-2 {
                  width: 65vw;
                }
              }
            }
          }

          & > .floating-4-row {
            padding: 1vw 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;
              & > .floating-4-container-text {
                width: 16vw;
                font-weight: 500;
                font-size: 1.3vw;
                line-height: 1.5vw;
                text-align: left;
              }
              & > .floating-4-container-long-text {
                /* background-color: peru; */
                font-weight: 500;
                font-size: 0.8vw;
                width: 15.23vw;
              }
            }
          }
        }
      }
    }
  }
  /* END SECTION 4 */
  /* START SECTION 5 */
  .container-section-5 {
    /* Disposición automática */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6vw 0vw;
    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: var(--main-font);
      font-weight: 600;
      font-size: 8.3vw;
      line-height: 125%;
      text-align: center;

      span {
        display: inline;
      }

      &.desk {
        display: none;
      }
    }

    & > .section-5-item-2 {
      .slider-container {
        position: relative;
        overflow: hidden;
        width: 100vw;
        height: 93vw;
      }

      /* Fondo expansivo */
      .bg-layer {
        position: absolute;
        top: 0;
        left: -10px;
        width: 300%;
        height: 100%;
        background: url("../../../assets/img/servicios/wunderguard/icons/fondo_beneficios.png")
          no-repeat left center;
        background-size: cover;
        transition: background-position 0.5s ease;
        z-index: 0;
      }

      .gallery {
        display: flex;
        height: 93vw;
        transition: transform 0.5s ease;
        z-index: 1;
      }

      .item {
        position: relative;
        flex: 0 0 100%; /* Ancho 100% del viewport */
        width: 100%;
        height: 100%; /* Alto 100% del viewport */
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .card {
        margin-top: 30vw;
        z-index: 2;
        position: relative;
        display: flex;
        /* height: 60vw; */
        flex-direction: column;
        align-items: center;
        /* justify-content: center; */
        height: auto;
        min-height: 60vw;
        padding: 8vw 10vw;
        gap: 2vw;
      }

      .item-icon {
        position: absolute;
        top: 3vw;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
      }

      .item-icon::before {
        content: "";
        position: absolute;
        top: 46%;
        height: 2px;
        background: #5971ab;
        z-index: -1;
      }

      .item-icon.first::before {
        left: 50%;
        width: 50vw;
      }

      .item-icon.mid::before {
        left: -40vw;
        width: 100vw;
      }

      .item-icon.last::before {
        left: calc(-50vw + 50%);
        width: 50vw;
      }

      .check-icon {
        width: 20vw;
        height: 20vw;
      }

      .card-icon {
        width: 14vw;
        height: 14vw;
        object-fit: contain;
        /* margin-top: 10vw; */
        margin-bottom: 4vw;
      }

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

      .small-title {
        width: 35vw;
      }

      .medium-title {
        width: 50vw;
      }

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

      .small-description {
        width: 55vw;
      }

      .medium-description {
        width: 62vw;
      }

      .prev,
      .next {
        position: absolute;
        top: 42%;
        transform: translateY(-50%);
        background: transparent;
        border: none;
        color: #fff;
        padding: 0.5rem 1rem;
        font-size: 1.2rem;
        z-index: 2;
      }
      .prev {
        left: 0.5rem;
      }
      .next {
        right: 0.5rem;
      }

      &.desk {
        display: none;
      }
    }

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

      .button-contacto-div {
        display: flex;
        justify-content: center;
        margin-top: 3.5vw;
      }
    }
  }
  /* END SECTION 5 */
  /* START SECTION 6 */
  .container-section-6 {
    /* Disposición automática */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6vw 0vw;
    order: 6;
    flex-grow: 0;

    & > .section-6-item-1 {
      padding: 0vw 11vw;
      padding-bottom: 4vw;

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

      & > .contacto-header {
        font-family: var(--main-font);
        margin-bottom: 1vw;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        padding: 1vw 4vw;
        border-radius: 4vw;
        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.4vw solid transparent;
        font-size: 1.2rem;
        text-align: center;
        border-bottom: none;

        > h3 {
          font-weight: 400;
          margin: 5vw 0;
        }

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

        .plan-icon {
          display: inline-block;
          vertical-align: bottom;
          margin-right: 1vw;
          width: 5vw;
          height: 5vw;
        }

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

      &.desk {
        display: none;
      }
    }
    & > .section-6-item-2 {
      padding: 6vw 11vw;

      .card-plan {
        position: relative;
        font-family: var(--main-font);
        color: #ffffff;
        font-weight: 600;
        width: 70vw;
        height: auto;
        border-radius: 6.2vw;
        padding: 8.5vw 3.5vw 8.5vw 3.9vw;
        z-index: 1;
        display: flex;
        flex-direction: column;
      }

      .card-with-decoration {
        position: relative; /* Contexto para posicionar el img */

        .circle-decoration {
          position: absolute;
          top: 10%;
          width: 90vw;
          height: auto;
          z-index: -1; /* Para que la card esté encima */
        }

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

        .right-circle-decoration {
          right: -50vw;
        }
      }

      .plan-A {
        background: #192b64;
        margin-bottom: 5vw;
      }

      .plan-W {
        background: #6256b5;
        box-shadow: -30px 0px 61.9px -18px #00000026;
      }

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

      .plan-container {
        font-size: 6vw;
        font-weight: 600;
        border-radius: 39px;
        padding: 2.1vw 7.5vw;
      }

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

      .container-W {
        border: 0.3vw 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: -12vw;
        right: -5vw;
        width: 37vw;
        height: auto;
      }

      .plan-icon-A {
        position: absolute;
        top: -4vw;
        right: 5vw;
        width: 17vw;
        height: auto;
      }

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

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

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

      &.desk {
        display: none;
      }

      .accordion {
        display: flex;
        flex-direction: column;
        gap: 2vw;
        padding: 2vw 1vw 2vw 1vw;

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

            .accordion-header {
              position: relative;
              display: flex;
              align-items: center;
              justify-content: space-between;
              width: 100%;
              padding: 1.5vw 0vw 1.5vw 9vw;
              background: transparent;
              border: none;
              font-weight: 500;
              line-height: 1.4;
              text-align: left;
              position: relative;
              transition: padding 0.3s;

              .accordion-icon {
                position: absolute;
                left: 0;
                flex-shrink: 0;
                width: 5.5vw;
                height: 5.5vw;
                object-fit: contain;
              }

              .accordion-arrow {
                flex-shrink: 0;
                width: 6vw;
                height: auto;
                object-fit: contain;
                transition: transform 0.2s ease;
                margin-left: 1vw;
              }

              .accordion-title {
                font-family: var(--main-font);
                font-weight: 400;
                font-size: 3.8vw;
                line-height: 140%;
                color: #fff;
                flex: 1;
                margin-left: 0;
                text-align: left;
              }
            }

            .accordion-content {
              font-family: var(--main-font);
              margin-left: 9vw;
              font-size: 3vw;
              font-weight: 300;
              line-height: 140%;
              text-align: left;
              max-height: 0;
              overflow: hidden;
              padding-right: 4vw;

              transition: max-height 0.1s ease, padding 0.1s ease;
            }

            .desc-blue {
              color: #a3d8f0;
            }

            .desc {
              opacity: 50%;
            }

            .shorter-content {
              width: 48vw;
            }

            .medium-content {
              width: 58vw;
            }

            .standard-content {
              width: 55vw;
            }

            &.active {
              .accordion-header .accordion-arrow {
                transform: rotate(180deg);
              }

              .accordion-content {
                max-height: 39.5vw;
              }
            }
          }
        }
      }
    }
  }
  /* 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);
  }

  .footer-label-potencia-bandeja-span2 {
    font-size: 3.75vw;
  }

  .footer-unete {
    width: 100%;
  }

  .footer-unete span.footer-unete-verde {
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 3.938vw;
    line-height: 140%;
    color: rgba(212, 224, 123, 1);
    margin-top: 2vw;
  }

  .footer-unete span {
    display: block;
    width: 100%;
    font-weight: 300;
    font-size: 3.938vw;
    line-height: 140%;
    color: rgba(242, 242, 243, 1);
    text-align: center;
  }

  /* 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;
    width: 75vw;
    margin: 0 auto;

    & > .title {
      text-align: center;
      font-size: 7.5vw;
      font-weight: 700;
      color: #101011;
    }

    & > .container-formulario {
      display: flex;
      flex-direction: column;
      width: 100%;

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

        & > .container-formulario-title {
          font-size: 6.7vw;
          text-align: center;
          font-weight: 400;
          color: #000000;
          margin-top: 0;

          & > br {
            display: none;
          }

          & > 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: 4vw;
          font-weight: 600;
          color: #000000;
          text-align: center;
          margin: 0 auto;
        }

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

        & > .container-formulario-image-movil {
          margin-top: 10vw;
          width: 90%;

          & > img {
            width: 100%;
          }
        }
      }

      & > .contacto-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        height: 100%;
        margin-top: 8vw;
        width: 100%;

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

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

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

              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: 4vw;
            font-weight: 500;
            margin-top: 4vw;
          }
        }

        & > .contacto-note {
          text-align: left;
          font-size: 3vw;
          font-weight: 400;
          position: relative;
          display: flex;
          margin-top: 2vw;
          display: block;
          width: 90%;
          text-align: center;
          margin: 0 auto;
          margin-bottom: 10vw;
          margin-top: 6vw;

          &.en {
            width: 80%;

            & > .description-span2-contacto-principal > br {
              display: none;
            }
          }

          & > .description-span-contacto-principal {
            color: #9cb445;
            font-size: 3vw;
            line-height: 140%;
            font-weight: 700;
          }

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

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

  /* END SECTION 7 */

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

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

    display: flex;
    flex-direction: column;

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

      & > .s-8-title {
        order: 1;
        font-family: "Inter";
        font-size: 6vw;
        font-weight: 700;
        width: 20vw;
        margin: 0 auto;
        color: #000000;
      }

      & > .s-8-dylan {
        position: absolute;
        top: -1vw;
        left: 24vw;
        order: 0;
        content: url("../../../assets/img/servicios/wunderguard/icons/dylan_responde_mobile.svg");
        width: 20vw;
        height: 20vw;
      }
    }

    & > .s-8-faq-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 5vw;
      padding: 0vw 12vw 6vw 12vw;
      /* max-width: 76vw; */
      /* margin: 0 auto; */

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

        & > .faq-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 3.5vw 4vw;
          background: transparent;
          transition: background-color 0.3s ease;

          & > .faq-question-8 {
            font-family: "Inter";
            font-size: 4.5vw;
            font-weight: 600;
            line-height: 140%;
            color: #101011;
            margin: 0;
            /* flex: 1; */
            width: 56vw;
            text-align: left;
          }

          & > .faq-arrow {
            font-size: 8vw;
            font-weight: 300;
            color: #101011;
            opacity: 50%;
            transition: transform 0.3s ease;
            margin-left: 2vw;
            min-width: 3vw;
            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;

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

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

          & > p,
          & > ul {
            font-family: "Inter";
            font-size: 4vw;
            font-weight: 400;
            line-height: 150%;
            color: #575957;
            margin: 0 0 2vw 0;
            padding: 0vw 4vw;
          }

          & > p:first-child {
            padding-top: 2.5vw;
          }

          & > p:last-child,
          & > ul:last-child {
            padding-bottom: 1vw;
            margin-bottom: 0;
          }

          & > ul {
            padding-left: 9vw;
            padding-right: 4vw;

            &.no-br-mobile {
              gap: 0;
              & > li {
                margin-bottom: 0;
              }
            }

            & > li {
              margin-bottom: 1vw;

              & > strong {
                font-weight: 600;
                color: #101011;
              }
            }
          }
        }

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

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

      &.es {
        .faq-item-8:nth-child(1) > .faq-header > .faq-question-8 {
          width: 62vw;
          /* background-color: red; */
        }
        .faq-item-8:nth-child(2) > .faq-header > .faq-question-8 {
          width: 66vw;
          font-size: 4vw;
          /* background-color: green; */
        }
        .faq-item-8:nth-child(3) > .faq-header > .faq-question-8 {
          /* background-color: violet; */
          width: 56vw;
          font-size: 4vw;
        }
        .faq-item-8:nth-child(4) > .faq-header > .faq-question-8 {
          /* background-color: orange; */
        }
        .faq-item-8:nth-child(5) > .faq-header > .faq-question-8 {
          /* background-color: brown; */
        }
        .faq-item-8:nth-child(6) > .faq-header > .faq-question-8 {
          /* background-color: blue; */
          width: 62vw;
        }
        .faq-item-8:nth-child(7) > .faq-header > .faq-question-8 {
          /* background-color: aqua; */
          width: 62vw;
        }
        .faq-item-8:nth-child(8) > .faq-header > .faq-question-8 {
          width: 55vw;
          /* background-color: purple; */
        }
        .faq-item-8:nth-child(9) > .faq-header > .faq-question-8 {
          /* background-color: cyan; */
          width: 62vw;
        }
        .faq-item-8:nth-child(10) > .faq-header > .faq-question-8 {
          width: 46vw;
          /* background-color: gray; */
        }
        .faq-item-8:nth-child(11) > .faq-header > .faq-question-8 {
          /* background-color: peru; */
          width: 62.5vw;
        }

        .faq-item-8:nth-child(1) > .faq-content > p {
          width: 61.7vw;
        }
        .faq-item-8:nth-child(2) > .faq-content > p {
          width: 62vw;
        }
        .faq-item-8:nth-child(3) > .faq-content > p {
          width: 62vw;
        }
        .faq-item-8:nth-child(4) > .faq-content > p {
          width: 60vw;
        }
        .faq-item-8:nth-child(5) > .faq-content > p {
          width: 62vw;
        }
        .faq-item-8:nth-child(6) > .faq-content > p {
          width: 62vw;
        }
        .faq-item-8:nth-child(8) > .faq-content > p {
          width: 61vw;
        }
        .faq-item-8:nth-child(9) > .faq-content > p {
          width: 62vw;
        }
        .faq-item-8:nth-child(10) > .faq-content > p {
          width: 62vw;
        }
        .faq-item-8:nth-child(11) > .faq-content > p {
          width: 62vw;
        }

        .faq-item-8:nth-child(2) > .faq-content > ul {
          width: 67vw;
        }
        .faq-item-8:nth-child(4) > .faq-content > ul {
          width: 60vw;
        }
        .faq-item-8:nth-child(7) > .faq-content > ul {
          width: 62vw;
          & > li {
            &:nth-child(1) {
              width: 62vw;
            }
          }
        }
      }

      &.en {
        .faq-item-8:nth-child(1) > .faq-header > .faq-question-8 {
          /* background-color: red; */
          width: 58vw;
        }
        .faq-item-8:nth-child(2) > .faq-header > .faq-question-8 {
          /* background-color: green; */
        }
        .faq-item-8:nth-child(3) > .faq-header > .faq-question-8 {
          /* background-color: violet; */
          width: 66vw;
          font-size: 4.2vw;
        }
        .faq-item-8:nth-child(4) > .faq-header > .faq-question-8 {
          /* background-color: orange; */
          width: 66vw;
        }
        .faq-item-8:nth-child(5) > .faq-header > .faq-question-8 {
          /* background-color: brown; */
          width: 70vw;
        }
        .faq-item-8:nth-child(6) > .faq-header > .faq-question-8 {
          /* background-color: blue; */
        }
        .faq-item-8:nth-child(7) > .faq-header > .faq-question-8 {
          /* background-color: aqua; */
          width: 66vw;
        }
        .faq-item-8:nth-child(8) > .faq-header > .faq-question-8 {
          /* background-color: purple; */
        }
        .faq-item-8:nth-child(9) > .faq-header > .faq-question-8 {
          /* background-color: cyan; */
          width: 62vw;
        }
        .faq-item-8:nth-child(10) > .faq-header > .faq-question-8 {
          /* background-color: gray; */
          width: 70vw;
          font-size: 4.2vw;
        }
        .faq-item-8:nth-child(11) > .faq-header > .faq-question-8 {
          /* background-color: peru; */
        }

        .faq-item-8:nth-child(1) > .faq-content > p {
          width: 62vw;
        }
        .faq-item-8:nth-child(2) > .faq-content > p {
          width: 62vw;
        }
        .faq-item-8:nth-child(3) > .faq-content > p {
          width: 62vw;
        }
        .faq-item-8:nth-child(5) > .faq-content > p {
          width: 62vw;
        }
        .faq-item-8:nth-child(6) > .faq-content > p {
          width: 60vw;
        }
        .faq-item-8:nth-child(8) > .faq-content > p {
          width: 60vw;
        }
        .faq-item-8:nth-child(9) > .faq-content > p {
          width: 62vw;
        }
        .faq-item-8:nth-child(10) > .faq-content > p {
          width: 62vw;
        }
        .faq-item-8:nth-child(11) > .faq-content > p {
          width: 62vw;
        }

        .faq-item-8:nth-child(2) > .faq-content > ul {
          width: 62vw;
          font-size: 3.5vw;
          & > li {
            width: 100%;
          }
        }
        .faq-item-8:nth-child(4) > .faq-content > ul {
          width: 60vw;
        }
        .faq-item-8:nth-child(7) > .faq-content > ul {
          width: 55.8vw;
        }
      }
    }
  }
  /* END SECTION 8 */
}