.swiper-container-cab {

  .swiper-wrapper {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
  }

  .swiper-slide {

    border-radius: var(--border-radius24);
    box-shadow: none;
    width: 75%;

    &.blue {
      background-color: var(--secondary-color);
    }

    &.green {
      background-color: var(--primary-color);
    }

    &.grey {
      background-color: var(--color-gris-oscuro);
    }

    .row {
      height: 100%;
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      flex-grow: 1;
      align-items: stretch;
      display: flex;
      flex-direction: row;
      min-height: 500px;
    }

    >[class^="col-"] {
      padding-left: 0;
      padding-right: 0;
    }

    .slide-text-column {
      padding: 4rem;
      align-items: flex-start;
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      justify-content: center;

      .subtitle {
        color: var(--primary-color);
        font-family: var(--font-regular-400);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        text-transform: uppercase;
      }

      .titleh2 {
        color: var(--white-color);
        font-family: var(--font-semibold-600);
        font-size: clamp(1.625rem, 2vw + 1rem, 2rem);
        font-style: normal;
        font-weight: 600;
        line-height: 44px;
      }

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

    }

    .slide-image-column {
      background-color: transparent !important;
      border-radius: var(--border-radius24);
      background-repeat: no-repeat !important;
      background-size: cover !important;
      background-position: center center !important;
    }

  }

  .swiper-pagination-custom .swiper-pagination-bullet {
    position: relative;
    bottom: auto;
    text-align: center;
    width: 10px;
    height: 10px;
    background-color: var(--color-gris-oscuro);
    opacity: 1;
    border-radius: 3px;
    margin: 0 5px;
    transition: width 0.3s ease, background-color 0.3s ease;
    display: inline-block;
    cursor: pointer;
  }

  .swiper-pagination-custom .swiper-pagination-bullet-active {
    width: 55px;
    background-color: var(--primary-color);
    border-radius: 3px;
  }

}

.get-informed-slider-insight,
.get-informed-slider-press,
.get-informed-slider-media,
.get-informed-slider-related {
  margin-top: 5rem;
  margin-bottom: 5rem;

  background-image: url('../img/simbolo-carrusel.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;


  .get-informed-slider-insight__head,
  .get-informed-slider-press__head,
  .get-informed-slider-media__head,
  .get-informed-slider-related__head {

    .title {
      padding-bottom: 1.5rem;
    }

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

    .filters {

      .chip {
        display: inline-block;
        padding: 0.5rem 1rem;
        margin: 0.25rem;
        background-color: var(--color-gris-claro);
        color: var(--terciary-color);
        border-radius: 2rem;
        text-decoration: none;
        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

        &:hover,
        &:focus,
        &.chip-active {
          background-color: rgba(0, 156, 171, 0.10);
          color: var(--primary-color);

        }

      }

    }

  }

  .get-informed-slider-insight__body,
  .get-informed-slider-press__body,
  .get-informed-slider-related__body {
    margin-top: 3rem;
    margin-bottom: 3rem;

    .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.5rem);
            font-style: normal;
            font-weight: 500;
            line-height: 1.35;
            text-wrap: balance;
          }

        }

      }

    }

  }

  .get-informed-slider-media__body {
    margin-top: 3rem;
    margin-bottom: 5rem;

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

      .swiper-slide {
        display: flex;
        width: 75%;

        .card-content {
          min-height: 320px;
          padding: 1.8em;
          border-radius: var(--border-radius24);
          background-color: var(--color-purpura-claro);
          margin-bottom: 2rem;
          position: relative;

          .card-year {
            color: var(--secondary-color);
            font-family: var(--font-regular-400);
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 21px;
            margin-bottom: .7rem;
          }

          .card-title {
            color: var(--secondary-color);
            font-family: var(--font-semibold-600);
            font-size: clamp(1.125rem, 2vw + 0.25rem, 1.25rem);
            font-style: normal;
            font-weight: 600;
            line-height: 28px;
            margin-bottom: .7rem;
          }

          .card-text {
            color: var(--color-gris-oscuro);
            font-family: var(--font-regular-400);
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 21px;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
          }

          .btn {
            position: absolute;
            bottom: 1.8rem;
          }

        }

      }

    }

  }

}


.get-informed-banner {

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

    .row>div[class*="col-"] {
      padding-left: 0;
      padding-right: 0;
    }

    .card-custom {
      border-radius: var(--border-radius24);
      background-color: var(--secondary-color);
      border: none;
      margin-bottom: 4rem;

      .image-column {
        background-position: center center !important;
        background-size: cover !important;
        border-radius: var(--border-radius24);

      }

      >.row {
        align-items: stretch;
      }

      .coltext {
        padding: 4.5rem !important;
      }

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

      .card-title {
        color: var(--white-color);
        font-family: var(--font-semibold-600);
        font-size: clamp(3.063rem, 2vw + 2.25rem, 3.75rem);
        font-style: normal;
        font-weight: 600;
        line-height: 56px;
        margin-bottom: 2rem;
      }

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

      .firma {
        img {
          margin-right: 10px;
        }

        a {
          color: var(--white-color);

          &:hover {
            text-decoration: underline;
          }
        }
      }

      img {
        border-radius: var(--border-radius24);
      }

      .chip-category {
        color: #FFF;
        font-size: 12.777px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.1;
        padding: 7px 18px;
        border-radius: 50px;
        background-color: var(--primary-color);
        margin-bottom: 2rem;
        display: inline-block;
        width: auto;
      }

    }

  }

}

.get-informed-content {

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

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

  .image-grid-container {
    display: grid;
    gap: 15px;
    max-width: 800px;
    width: 100%;

    .grid-item {
      width: 100%;
      height: 0;
      padding-bottom: 66.66%;
      position: relative;
      overflow: hidden;

      img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 8px;
      }

    }

    a {
      width: 100%;
      height: auto;
      display: block;

      img {
        width: 100%;
        height: auto;
      }
    }

  }

}

.get-informed-relatedpost {
  .title {
    color: var(--secondary-color);
    font-family: var(--font-semibold-600);
    font-size: clamp(2.25rem, 1vw + 1.75rem, 2.563rem);
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 1.3rem;
  }
}

.insight-filter {

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

  .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: 1.4;
    margin-bottom: 2rem;
  }

  .filters {
    margin-bottom: 2rem;

    .custom-select {
      width: 30%;
      height: auto;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      color: #6c757d;
      border: none;
      padding: 0.6rem 1.5rem 0.6rem 1.2rem;
      border-radius: 50px;
      font-size: 1rem;
      font-weight: 500;
      cursor: pointer;
      outline: none;
      transition: background-color 0.2s ease;
      background: url("../img/ensure/grid-casos/ico-arrow.svg") no-repeat #f0f2f5;
      background-position: 95% center;
      margin-right: 1rem;
    }

    .custom-select:hover {
      background-color: #e4e6e9;
    }

    .filter-chip {
      display: inline-flex;
      align-items: center;
      background-color: #e0f7fa;
      color: #00838f;
      padding: 0.6rem 0.8rem 0.6rem 1.2rem;
      border-radius: 50px;
      font-weight: 500;
      font-size: 1rem;
      transition: opacity 0.3s ease;

      .btn-close {
        background: url("../img/ensure/grid-casos/ico-close.svg") no-repeat center center;
      }

    }

  }

  .insight-filter__body {
    margin-bottom: 3rem;
  }

  .insight-card {
    background-color: #E3E7F3;
    border-radius: 20px;
    padding: 1rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;

    .card-image-container {
      position: relative;
      border-radius: 12px;
      overflow: hidden;

      .card-img {
        width: 100%;
        display: block;
        aspect-ratio: 18 / 10;
        object-fit: cover;
        transition: transform 0.4s ease-in-out;
      }

      .card-tag {
        position: absolute;
        top: 1rem;
        right: 1rem;
        padding: 0.4rem 0.9rem;
        border-radius: 50px;
        color: #fff;
        font-size: 0.75rem;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.5px;
      }

    }

    .card-content {
      padding-top: 1.5rem;
      display: flex;
      flex-direction: column;
      flex-grow: 1;

      .card-year {
        color: #4D61AB;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.1;
        margin-bottom: 0.5rem;
      }

      .card-title {
        color: #4D61AB;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.3;
        margin-bottom: 1rem;
      }

      .card-description {
        color: rgba(0, 0, 0, 0.70);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.3;
        margin-bottom: 1.5rem;
      }

    }

  }

  .insight-card:hover .card-img {
    transform: scale(1.05);
  }

  .tag-media {
    background-color: #009CAB;
  }

  .tag-press {
    background-color: #E9AA41;
  }

  .tag-insight {
    background-color: #A8CB6F;
  }

}


/* Responsive Styles */
@media (max-width: 1200px) {}

@media (max-width: 1024px) {

  .swiper-container-cab {
    .swiper-slide {
      .slide-text-column {
        padding: 2.5rem;
      }

    }
  }

}

@media (max-width: 992px) {

  .swiper-container-cab {
    .swiper-slide {
      width: 97%;
    }
  }

  .get-informed-slider-insight,
  .get-informed-slider-press,
  .get-informed-slider-media,
  .get-informed-slider-related {

    .swiper-slide {
      width: 100%;
      display: flex;
      flex-direction: column;
    }
  }

  .get-informed-slider-insight,
  .get-informed-slider-press,
  .get-informed-slider-related {

    .get-informed-slider-insight__body,
    .get-informed-slider-press__body,
    .get-informed-slider-related__body {
      .swiper-container {
        .swiper-slide {
          .textgroup {
            width: 100%;
            margin-left: 0;
            padding-top: 10px;
            padding-right: 0;

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

          }
        }
      }
    }
  }

  .get-informed-banner {
    .container {
      .card-custom {
        .coltext {
          padding: 2.5rem !important;
        }

        .image-column {
          min-height: 250px;
          aspect-ratio: 16/9;
        }

      }

    }

  }


  .swiper-container-cab {
    .swiper-slide {
      .slide-image-column {
        min-height: 335px;
      }
    }
  }

}

@media (max-width: 768px) {

  .get-informed-slider-insight,
  .get-informed-slider-press,
  .get-informed-slider-media,
  .get-informed-slider-related {

    .get-informed-slider-insight__body,
    .get-informed-slider-press__body,
    .get-informed-slider-related__body {
      .swiper-container {
        .swiper-slide {
          .imggroup {
            max-width: 100%;
          }
        }
      }
    }
  }

  .swiper-container-cab {
    .swiper-slide {
      .slide-image-column {
        height: 255px;
      }
    }
  }

  .insight-filter {
    .filters {
      .custom-select {
        width: 100%;
        margin-bottom: 20px;
      }
    }
  }

  .get-informed-banner {
    .container {
      .card-custom {
        .card-title {
          font-size: 33px;
          line-height: 1.2;
        }
      }
    }
  }

  .get-informed-content {
    .title {
      font-size: 29px;
      line-height: 1.2;
    }
  }

}

@media (min-width: 768px) and (max-width: 1023px) {

  .get-informed-content {
    .image-grid-container {
      grid-template-columns: 1fr;
      gap: 10px;

      .grid-item {
        padding-bottom: 75%;
      }

    }

  }

}

@media (max-width: 600px) {
  .get-informed-content {
    .image-grid-container {
      display: block;
    }
  }

}

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

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

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