@use '../../../../src/scss/utilities.scss';
.aboutInsabi { 
  //max-width: 1320px;
  margin: auto;
  overflow: hidden;
  &__grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1.5rem;
    @media (min-width: 768px) {
      grid-template-columns: repeat(3, 1fr);
    }
    &--img {
      position: relative;
      min-height: 556px;
      .img-absolute {
        @extend %img-absolute;
      }
      &:nth-child(2) {
        display: none;
      }
      @media (min-width: 768px) {
        &:nth-child(2) {
          display: block;
          grid-column: span 1;
        }
        &:nth-child(1) {
          grid-column: span 2;
        }
      }
    }
  }
  &__title {
    @extend %VFSans-font;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.37;
    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);
    a {
      font-weight: 600;
      color: var(--a-azul-unops);
    }
  }
}