@use '../../../../src/scss/utilities.scss';
.gridTextAndLinkElement[data-gtl-49123] { 
  //max-width: 1320px;
  margin: auto;
  width: 100%;
  overflow: hidden;
  .gridTextAndLink {
    h2{
      color: #004976;
    }
    .contentStycky{
      height: 100%;
      position: sticky;
      top: 5%;
    }
    .title { 
      @extend %VFSans-font;
      font-size: 35px;
      font-weight: 600;
      line-height: 1;
      color: var(--a-negro-unops);
      @media (max-width: 991.98px) {
        font-size: 25px;
      }
    }
    .description {
      @extend %openSans-font;
      font-size: 18px;
      color: var(--a-negro-unops);
      p {
        margin: 0px;
      }
      a,
      strong {
        font-weight: 600;
      }
      a {
        color: var(--a-azul-unops);
      }
      strong {
        color: var(--a-negro-unops);
      }
    }
    &__listText {
      &--item {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
      }
    }
    &__img {
      position: relative;
      min-height: 366px;
      height: 100%;
      .img-absolute {
        @extend %img-absolute;
      }
    }
    &__content{
      display: flex;
      flex-direction: column;
      &.reverse-content{
        flex-direction: column-reverse;
      }
    }
  }
}