h1.hometitle {
  height: 0;
  margin: 0;
  padding: 0;
}

/* SERVICES */
section.services {
  .services-content {
    width: 100%;
    height: auto;
    border-radius: 0px 0px 40px 40px;
    background: var(--primary-color);
    padding: 6rem 1.5rem 10rem;

    h2 {
      color: var(--white-color);
      font-size: clamp(2.813rem, 4vw + 1rem, 4.375rem);
      font-family: var(--font-semibold-600);
      font-weight: 600;
      line-height: 60px;
    }

    .fichas-wrapper {
      max-width: calc(1420px + 5%);

      .fichas {
        position: relative;
        height: 80vh;
        margin-top: 3rem;

 

        .ficha {
          border-radius: 2rem;
          position: absolute;
          inset: 0;
          padding: 3.5rem 3rem 3rem 3rem;

          &.first {
            background: #2DACB9;
            bottom: 15vh;
            height: 75%;
          }

          &.second {
            background: #02A4B3;
            bottom: 5vh;
            padding: 4rem 3rem 3rem 3rem;
            height: 85%;
          }

          &.third {
            background: #01919F;
            padding: 5rem 3rem 3rem 3rem;
            bottom: -5vh;
            height: 95%;
          }

          .ficha-content {

            .col-text {
              padding-left: 2rem;
            }

            .img {
              width: 100%;
              height: auto;
              border-radius: var(--border-radius24);
              overflow: hidden;
            }

            .row {
              align-content: center;
              align-items: center;
            }

            .title {
              color: var(--white-color);
              font-family: var(--font-semibold-600);
              font-size: clamp(1.8rem, 2vw + 1.25rem, 2.5rem);
              font-style: normal;
              font-weight: 600;
              line-height: 1.1;
            }

            .subtitle {
              color: var(--white-color);
              font-family: var(--font-regular-400);
              font-size: 18px;
              font-style: normal;
              font-weight: 400;
              line-height: 28px;
            }

            .description {
              color: var(--white-color);
              font-family: var(--font-regular-400);
              font-size: 18px;
              font-style: normal;
              font-weight: 400;
              line-height: 28px;
            }

          }

          .ficha-footer {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 1rem 3rem;

            .title-footer {
              color: var(--white-color);
              font-family: var(--font-semibold-600);
              font-size: 20px;
              font-style: normal;
              font-weight: 600;
              display: flex;
              justify-content: center;
              align-items: center;

              span.num {
                font-family: var(--font-medium-500);
                font-weight: 500;
                font-size: 38px;
                margin-right: 10px;
              }

            }

          }

        }

      }

    }

  }

}

/* ENQUIRE */
section.enquire {
  .enquire-content {
    width: 100%;
    height: auto;
    flex-shrink: 0;
    padding: 3rem 1.5rem;

    .enquire-content__header {
      display: flex;
      flex-direction: row;
      align-content: center;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;

      .title {
        color: var(--secondary-color);
        font-size: clamp(2.813rem, 4vw + 1rem, 4.375rem);
        font-family: var(--font-semibold-600);
        font-weight: 600;
        line-height: 60px;
        flex-grow: 1;
      }

      p {
        color: var(--secondary-color);
        font-size: 45px;
        font-family: var(--font-regular-400);
        font-weight: 400;
        line-height: 56px;
        width: 300px;
      }

    }

  }

}

/* PROJECT */
.project {
  margin: 0;
  padding: 0;

  margin-top: 4rem;
  margin-bottom: 5rem;

  .project-content {
    width: 100%;
    height: auto;
    background-color: var(--primary-color);
    background-image: url('../img/evoluciona-simbol-01.svg');
    background-position: 30px 100px;
    background-repeat: no-repeat;
    padding: 3.5rem 1.5rem;

    .project-image {
      height: 100%;
      min-height: 400px;
      padding: 4.5rem;

      video {
        border-radius: var(--border-radius16);
        overflow: hidden;
      }
    }

    .project-text {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 4rem !important;

      .title {
        color: var(--white-color);
        font-size: clamp(2.813rem, 4vw + 1rem, 4.375rem);
        font-family: var(--font-semibold-600);
        font-weight: 600;
        line-height: 1.3;
        margin-bottom: 2rem;
      }

    }

  }

}

/* INSIGHTS */
section.insights {
  background-color: var(--white-color);
  background-image: url('../img/evoluciona-simbol-02.svg');
  background-position: 15% 0;
  background-repeat: no-repeat;
  padding: 6rem 0;
  position: relative;
  overflow: hidden;

  .title {
    color: var(--secondary-color);
    font-size: clamp(2.813rem, 4vw + 1rem, 4.375rem);
    font-family: var(--font-semibold-600);
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 2rem;
  }

  .insights-content {
    width: 100%;
  }

}


.home-slider-insight {
  margin-top: 6rem;
  margin-bottom: 5rem;
  background-image: url('../img/simbolo-carrusel.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;

  .home-slider-insight__head {

    .title {
      padding-bottom: 1.5rem;
    }

    .titleh2 {
      color: var(--secondary-color);
      font-family: var(--font-semibold-600);
      font-size: clamp(2.813rem, 4vw + 1rem, 4.375rem);
      font-style: normal;
      font-weight: 600;
      line-height: 1.5;
    }

  }

  .home-slider-insight__body {
    margin-top: 3rem;
    margin-bottom: 5rem;

    .swiper-container {
      margin-bottom: 3rem;

      .swiper-slide {
        display: flex;
        width: 75%;
        border-radius: 16px;

        .imggroup {
          width: 100%;
          max-width: 40%;

          a {
            display: block;
            border-radius: var(--border-radius16);
            overflow: hidden;
            aspect-ratio: 15/10;

            img {
              width: 100%;
              height: auto;
              transition: ease .3s;
            }

            &:hover {
              img {
                transform: scale(1.05);
              }
            }

          }

        }

        .textgroup {
          width: 100%;
          min-width: 300px;
          margin-left: 20px;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          padding-top: 15%;
          padding-right: 5px;
          width: 55%;

          .subtitle {
            color: var(--tertiary-color);
            font-family: var(--font-regular-400);
            font-size: clamp(1.063rem, 5vw - 1.75rem, 1.25rem);
            font-style: normal;
            font-weight: 400;
            line-height: 40px;
            text-transform: uppercase;
            margin-bottom: 1.2rem;
          }

          .title {
            color: var(--secondary-color);
            font-family: var(--font-medium-500);
            font-size: clamp(2rem, 2vw + 1.10rem, 2.15rem);
            font-style: normal;
            font-weight: 500;
            line-height: 1.25;
            text-wrap: balance;
          }

        }

      }

    }

  }

}


.innovate-solutions {

  position: relative;
  margin-top: 4rem;
  margin-bottom: 5rem;

  .hero {
    padding: 3rem 2rem;
    display: flex;
    align-items: center;
    height: auto;
    max-height: 100%;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    position: relative;
    overflow: hidden;
  }

  .hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;

    .hero-bg-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

  }

  .hero-content {
    position: relative;
    z-index: 2;
    padding: 4rem 1.5rem;
  }

  .subtitle {
    color: var(--white-color);
    font-family: var(--font-regular-400);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
  }

  .title {
    color: var(--white-color);
    font-family: var(--font-semibold-600);
    font-size: clamp(2.088rem, 5vw + 1rem, 3.75rem);
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
  }

  p {
    color: var(--white-color);
    font-family: var(--font-regular-400);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
  }

}

.explore-ai {

  .container {
    padding: 4rem 1.5rem;
    display: flex;
    flex-direction: column;

    .cab {
      .subtitle {
        color: var(--black-color);
        font-family: var(--font-regular-400);
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
      }

      .title {
        color: var(--secondary-color);
        font-family: var(--font-semibold-600);
        font-size: clamp(1.938rem, 3vw + 0.75rem, 2.563rem);
        font-style: normal;
        font-weight: 600;
        line-height: 56px;
        margin-bottom: 2rem;
      }

    }

    .hero {
      padding: 4rem 1.5rem;
      display: flex;
      align-items: center;
      height: calc(100vw * 530 / 1440);
      max-height: 530px;
      border-radius: var(--border-radius24);
      position: relative;
      overflow: hidden;

      .hero-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;

        .hero-bg-img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

      }

      .hero-content {
        position: relative;
        z-index: 2;
        padding: 4rem 1.5rem;

        .title {
          color: var(--white-color);
          font-family: var(--font-semibold-600);
          font-size: clamp(2.188rem, 5vw + 1rem, 3.75rem);
          font-style: normal;
          font-weight: 600;
          line-height: 64px;
        }

      }

      .hero-footer {
        position: absolute;
        z-index: 3;
        bottom: 6rem;
        right: 6rem;

        .btn-play-video {
          color: var(--white-color);
          font-family: var(--font-light-300);
          font-size: 26px;
          font-style: normal;
          font-weight: 400;
          line-height: 140%;
          transition: .1s ease;

          svg path {
            transition: .1s ease;
          }

          span {
            display: inline-block;
            padding-right: 1rem;
            transition: .3s ease-in-out;
          }

          &:hover {
            color: var(--primary-color);
          }

          &:hover span {
            padding-right: .7rem;
          }

          &:hover svg path {
            stroke: var(--primary-color);
          }

        }

      }

    }

  }

}

.ensure-casos {
  margin-top: 6rem;
  margin-bottom: 6rem;

  .ensure-casos__header {
    margin-bottom: 2rem;

    .titleh2 {
      color: var(--secondary-color);
      font-family: var(--font-semibold-600);
      font-size: clamp(1.875rem, 3vw + 0.75rem, 2.563rem);
      font-style: normal;
      font-weight: 600;
      line-height: 56px;
    }

    p {
      color: var(--color-negro70);
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: 56px;
    }

  }

}

.ensure-casos.grid-filter {

  .ensure-casos__body {
    margin-bottom: 3rem;
  }

  .case-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
    aspect-ratio: 1 / 1;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    color: white;

    .icon {
      position: absolute;
      z-index: 10;
      top: 20px;
      left: 20px;
      padding: 7px;
      border-radius: 100px;
      background-color: var(--primary-color);
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;

      .icon-img {
        width: 100%;
        height: auto;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        padding: 3px;

        img {
          width: 80%;
          height: auto;
          border-radius: 0;
        }

      }

    }

    .case-card-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1;
      transition: transform 0.4s ease-in-out;
    }

    .case-card-content {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 1.5rem;
      z-index: 2;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 50%, transparent 100%);

      .case-card-title {
        margin: 0;
        transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        color: #FFF;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1.3;
      }

      .case-card-description {
        margin-top: 0.5rem;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity 0.4s ease-out, max-height 0.5s ease-out;
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.4;
      }

    }

  }

  .case-card:hover .case-card-img {
    transform: scale(1.02);
  }

  .case-card:hover .case-card-title {
    transform: translateY(-10px);
  }

  .case-card:hover .case-card-description {
    opacity: 1;
    max-height: 150px;
  }

}


/* Responsive Styles */
@media (max-height: 600px) {

  section.services {
    .services-content {
      .fichas-wrapper {
        .fichas {
          height: 100vh!important;
          .ficha {
            &.first {
              height: 90%;
            }
            &.second {
              height: 90%;
            }
            &.third {
              height: 90%;
            }

          }
        }
      }
    }
  }

}



@media (min-width: 1500px) {

  section.services {
    .services-content {
      .fichas-wrapper {
        .fichas {
          .ficha {
            &.first {
              background: #2DACB9;
              bottom: 4vh;
            }
          }
        }
      }
    }
  }

  section.services {
    .services-content {
      .fichas-wrapper {
        .fichas {
          .ficha {
            &.second {
              background: #02A4B3;
              bottom: -5vh;
              padding: 4rem 3rem 3rem 3rem;
            }
          }
        }
      }
    }
  }

  section.services {
    .services-content {
      .fichas-wrapper {
        .fichas {
          .ficha {
            &.third {
              background: #01919F;
              padding: 5rem 3rem 3rem 3rem;
              bottom: -13vh;
            }
          }
        }
      }
    }
  }

}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {

  .fichas {
    height: 60vh !important;
  }

  .project-image {
    min-height: auto !important;
    padding: 3.5rem 2.5rem !important;
  }

  .project {
    .project-content {

      background-position: 40px 221px;
      padding: 3.5rem 1.5rem;
      background-size: 65%;

      .project-text {
        padding: 1.5rem !important;
        text-align: left;
      }

      .container>.row {
        flex-direction: column-reverse;
      }

    }

  }

  section.services {
    .services-content {
      padding: 6rem 1.5rem 1rem;

      .fichas-wrapper {
        .fichas {
          .ficha {

            &.first {
              bottom: 20vh;
            }

            &.second {
              bottom: 10vh;
            }

            &.third {
              bottom: 0vh;
            }

          }

        }

      }

    }

  }

}



@media (max-width: 992px) {

  section.enquire {
    .container {
      max-width: 100%;
    }

    .enquire-content {
      .enquire-content__header {
        p {
          font-size: 30px;
          line-height: 40px;
          width: 190px;
        }

      }

    }

  }

  .home-slider-insight {

    .home-slider-insight__body {
      .swiper-container {
        .swiper-slide {
          width: 100%;
          display: flex;
          flex-direction: column;

          .textgroup {
            width: 100%;
            margin-left: 0;
            padding-top: 10px;
            padding-right: 0;

            .subtitle {
              margin-bottom: .5rem;
            }

          }

        }

      }

    }

  }

  section.services {
    .services-content {
      padding: 6rem 1.5rem 15rem;

      .fichas-wrapper {
        .fichas {
          .ficha {
            &.first {
              bottom: 0vh;
            }

            &.second {
              bottom: -10vh;
            }

            &.third {
              bottom: -20vh;
            }

            .ficha-content {
              .row {
                align-items: flex-start;
              }

              .title {
                  line-height: 1.1;
                  font-size: 2rem;
                  margin-bottom: 1rem;
              }
              .subtitle {
                  font-size: 19px;
                  line-height: 1.1;
              }
              .description {
                  font-size: 17px;
                  line-height: 1.4;
              }


            }

          }

        }

      }

    }

  }

  .ensure-casos.grid-filter {
    .case-card {
      .case-card-content {
        .case-card-title {
          font-size: 25px;
          line-height: 1.2;
        }

        .case-card-description {
          font-size: 15px;
          line-height: 1.3;
        }

      }
    }
  }

}

@media (max-width: 768px) {

  .project-text {
    padding: 3rem !important;
  }

  .project-image {
    min-height: 300px;
  }

  .insights-card {
    width: 300px;
  }

  section.services {
    .services-content {
      .fichas-wrapper {
        .fichas {
          .ficha {
            padding: 2rem 3rem 2rem 2rem;

            .ficha-content {
              .row {
                align-items: flex-start;

                .title {
                    line-height: 1.1;
                    font-size: 1.8rem;
                }
                .subtitle {
                    font-size: 17px;
                    line-height: 1.1;
                }
                .description {
                    font-size: 16px;
                    line-height: 1.4;
                }
                
              }

            }

          }

        }

      }

    }

  }

  section.enquire {
    .enquire-content {
      .enquire-content__header {
        p {
          font-size: 38px;
          line-height: 48px;
          width: 240px;
        }

      }

    }

  }

  .innovate-solutions {
    .hero {
      height: 600px;
      max-height: 820px;
    }

  }

  .home-slider-insight {
    .home-slider-insight__body {
      .swiper-container {
        .swiper-slide {
          .imggroup {
            max-width: 100%;
          }

        }

      }

    }

  }

  .explore-ai {

    .container {
      padding: 4rem 1.5rem;
      display: flex;
      flex-direction: column;

      .cab {
        .subtitle {
          color: var(--black-color);
          font-family: var(--font-regular-400);
          font-size: 18px;
          font-style: normal;
          font-weight: 400;
          line-height: 32px;
        }

        .title {
          color: var(--secondary-color);
          font-family: var(--font-semibold-600);
          font-size: clamp(1.938rem, 3vw + 0.75rem, 2.563rem);
          font-style: normal;
          font-weight: 600;
          line-height: 56px;
          margin-bottom: 2rem;
        }

      }

      .hero {
        padding: 4rem 1.5rem;
        display: flex;
        align-items: center;
        height: calc(100vw * 530 / 1440);
        max-height: 530px;
        border-radius: var(--border-radius24);
        position: relative;
        overflow: hidden;

        .hero-bg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1;

          .hero-bg-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }

        }

        .hero-content {
          position: relative;
          z-index: 2;
          padding: 4rem 1.5rem;

          .title {
            color: var(--white-color);
            font-family: var(--font-semibold-600);
            font-size: clamp(2.188rem, 5vw + 1rem, 3.75rem);
            font-style: normal;
            font-weight: 600;
            line-height: 64px;
          }

        }

        .hero-footer {
          position: absolute;
          z-index: 3;
          bottom: 6rem;
          right: 6rem;

          .btn-play-video {
            color: var(--white-color);
            font-family: var(--font-light-300);
            font-size: 26px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            transition: .1s ease;

            svg path {
              transition: .1s ease;
            }

            span {
              display: inline-block;
              padding-right: 1rem;
              transition: .3s ease-in-out;
            }

            &:hover {
              color: var(--primary-color);
            }

            &:hover span {
              padding-right: .7rem;
            }

            &:hover svg path {
              stroke: var(--primary-color);
            }

          }

        }

      }

    }

  }

  .explore-ai {
    .container {
      padding: 2rem;

      .hero {
        .hero-content {
          .title {
            line-height: 1.4;
          }

        }

        .hero-footer {
          bottom: 2.5rem;
          right: 2.5rem;
        }

      }

    }

  }


}

@media (max-width: 600px) {

  .ensure-casos.grid-filter {
    .case-card {
      .case-card-content {
        .case-card-title {
          font-size: 1.55rem;
          line-height: 1.2;
        }
      }
    }
  }

  .innovate-solutions {
    .hero {
      height: auto;
      max-height: 100%;
    }

  }

  section.services {
    .services-content {
      .fichas-wrapper {
        .fichas {
          .ficha {
            padding: 2rem 3rem 2rem 2rem;

            .ficha-content {
              .row {
                align-items: flex-start;
              }

              .img {
                aspect-ratio: 16/7;
                margin-bottom: 2rem;
              }

            }

          }

        }

      }

    }

  }

  section.services {
    .services-content {
      padding: 6rem 1.5rem 22rem;
    }
  }


  section.services {
    .services-content {
      .fichas-wrapper {
        .fichas {
          height: 85vh!important;

          .ficha {
            &.first {
              height: 85%;
              padding: 2rem;
            }
            &.second {
              height: 90%;
              padding: 2rem;
            }
            &.third {
              height: 95%;
              padding: 2rem;
            }


            .ficha-content {
              .row {
                align-items: flex-start;

                .title {
                    line-height: 1.1;
                    font-size: 1.7rem;
                }
                .subtitle {
                    font-size: 17px;
                    line-height: 1.1;
                }
                .description {
                    font-size: 16px;
                    line-height: 1.4;
                }
                
                .img {
                  aspect-ratio: 17 / 9;
                }
                
              }

            }


          }
        }
      }
    }
  }





}

@media (max-width: 560px) {

  .project {
    .project-content {
      padding: 2rem 1.5rem 3rem;

      .project-image {
        padding: 1.5em 2.5rem !important;
      }

    }

  }

  section.insights {
    padding: 3rem 1.5rem;

    .insights-content {
      .insights-carousel {
        width: 100%;
        padding-top: .5rem;
        padding-bottom: 1.5rem;

        .insights-card {
          display: inline-flex;
          justify-content: center;
          flex-direction: column;
          flex-wrap: nowrap;
          align-content: center;
          align-items: center;

          img {
            width: 100%;
            height: auto;
            object-fit: inherit;
            aspect-ratio: 16 / 9;
            display: block;
          }

          .insights-card-content {
            width: 100%;
            padding: .8rem;
            max-height: 250px;
            display: block;

            .insights-card-category {
              font-size: 16px;
              line-height: 32px;
            }

            .insights-card-title {
              font-size: 27px;
              line-height: 38px;
            }

          }

        }

      }

    }

  }

  section.services {
    .services-content {
      .fichas-wrapper {
        .fichas {
          .ficha {
            .ficha-content {

              .subtitle {
                font-size: 16px;
                line-height: 1.2;
              }

              .description {
                font-size: 16px;
                line-height: 1.45;
              }

              .img {
                aspect-ratio: 13 / 7;
              }

            }

          }

        }

      }

    }

  }

  section.services {
    .services-content {
      .fichas-wrapper {
        .fichas {
          .ficha {
            .ficha-content {
              .col-text {
                padding-left: 1rem;
              }
            }
          }
        }
      }
    }
  }


  .explore-ai {
    margin-bottom: 3rem;

    .container {
      padding: 1rem;

      .hero {
        height: auto;
        max-height: auto;
      }

    }

  }

  .project {
    .project-content {
      .project-text {
        padding: 1.5rem 0 !important;

      }
    }
  }

}

@media (max-width: 480px) {

  section.services {
    .services-content {
      padding: 3rem 1rem 24rem;

      h2 {
        line-height: 1.1;
      }

      .fichas-wrapper {
        .fichas {
          .ficha {
            padding: 1.5rem !important;
          }

        }

      }

    }

  }

  .project-text {
    padding: 2rem !important;
  }

  .insights-card {
    width: 280px;
  }

  section.enquire {
    .enquire-content {
      .enquire-content__header {
        p {
          font-size: 26px;
          line-height: 30px;
          width: 150px;
        }

      }

    }

  }

  .project {
    .project-content {
      .project-image {
        padding: .5em !important;
      }

    }

  }

  section.services {
    .services-content {
      padding: 6rem 1.5rem 20rem;

      .fichas-wrapper {
        .fichas {

          .ficha {
            padding: 1.5rem;
          }

          .ficha-footer {
            padding: 1rem 1.5rem;
          }

        }

      }

    }

  }

  .ensure-casos {
    margin-top: 1rem;

    .ensure-casos__head {
      .title {
        padding-bottom: 0;

        .titleh2 {
          line-height: 1.3;
        }
      }
    }
  }

}


@media (max-width: 430px) {

  section.services {
    .services-content {
      padding: 3rem 1rem 15rem;

      .fichas-wrapper {
        .fichas {
          .ficha {
            padding: 1.3rem !important;

            .ficha-footer {
              padding: .5rem 1.2rem;
            }

            .ficha-content {
              .title {
                line-height: 1.1;
              }

              .description {
                line-height: 1.25;
                font-size: 1.15rem;
              }

              .img {
                aspect-ratio: 16 / 7;
                margin-bottom: 1rem;
              }

            }

          }
        }
      }
    }
  }

}


@media (max-width: 375px) {

  section.services {
    .services-content {
      padding: 3rem 1rem 15rem;

      .fichas-wrapper {
        .fichas {
          .ficha {
            padding: 1rem !important;

            .ficha-footer {
              padding: .5rem 1.2rem;
            }

            .ficha-content {
              .title {
                line-height: 1;
              }

              .description {
                line-height: 1.25;
                font-size: 15px;
              }

              .img {
                aspect-ratio: 16 / 7;
                margin-bottom: 1rem;
              }

            }

          }
        }
      }
    }
  }

}

@media (max-width: 320px) {

  .innovate-solutions {
    .hero {
      padding: 1.5rem 1rem;
    }

    .hero-content {
      padding: 2rem 1.5rem;
    }

    p {
      font-size: 1.1rem;
      line-height: 1.4;
    }

  }

  .ensure-casos.grid-filter {
    .case-card {
      .case-card-content {
        .case-card-title {
          font-size: 1.15rem;
          line-height: 1;
        }

        .case-card-description {
          font-size: .9rem;
          line-height: 1.2;
        }

      }
    }
  }

  section.services {
    .services-content {
      padding: 3rem 1rem 22rem;

      h2 {
        line-height: 1;
        font-size: 2.1rem;
      }

      .fichas-wrapper {
        .fichas {
          .ficha {
            padding: 1.2rem !important;

            &.first {
              bottom: 90vh !important;
              height: 120vh !important;
            }

            &.second {
              bottom: 0vh !important;
              height: 120vh !important;
            }

            &.third {
              bottom: -10vh !important;
              height: 120vh !important;
            }

          }

        }

      }

    }

  }

  .project {
    .project-content {
      .project-text {
        padding: 0rem !important;

        .title {
          font-size: 2.4rem;
          line-height: 1.2;
        }

      }
    }
  }

}