@use "../../../../src/scss/utilities.scss";
.insabiWorks {
  //max-width: 1320px;
  margin: auto;
  overflow: hidden;
  //background-color: var(--very-light-pink);

  &__img {
    min-height: 481px;
    position: relative;
    .img-absolute {
      @extend %img-absolute;
    }
  }
  &__title {
    @extend %VFSans-font;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.37;
    letter-spacing: normal;
    color: var(--a-negro-unops);
    @media (max-width: 767.98px) {
      font-size: 23px;
    }
  }
}
.descriptionList {
  @extend %openSans-font;
  font-size: 18px;
  color: var(--a-negro-unops);

  p {
    margin: 0px;
  }
  strong {
    font-weight: 600;
  }
  @extend %link-pink;
  strong {
    color: var(--a-negro-unops);
  }
}

.textAndListBlock {
    border-bottom: solid 1px var(--f-aire);
    &__description {
      @for $i from 1 through 6 {
        h#{$i} {
          margin-top: 0px;
          margin-bottom: 0px;
        }
      }
      h2 {
        @extend %VFSans-font;
        line-height: 1.37;
        font-size: 30px;
        font-weight: 600;
      }
      h2:nth-last-child(1) {
        margin-bottom: 1rem;
      }
  
      @extend %openSans-font;
      font-size: 18px;
      font-weight: 300;
      color: var(--a-negro-unops);
      p {
        margin-top: 2rem;
        margin-bottom: 2rem;
      }
      strong,
      a {
        font-weight: 600;
      }
      a {
        color: var(--a-azul-unops);
      }
    }
  
    &__listText {
      &--item {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
      }
    }
  }