.descripcion-laboratorios {
  padding-top: 5rem;
  padding-bottom: 5rem;

  p {
    width: 75%;
    font-weight: 600;
    font-style: italic;
    font-size: 1.5rem;
    font-family: var(--fonts-heading);

    @media (max-width: 768px) {
      width: 100%;
    }
  }
}

.obj-laboratorios {
  padding-top: 5rem;
  padding-bottom: 5rem;

  .col-obj-laboratorios {
    padding: 0 3rem;
    position: relative;

    &::after {
      content: "";
      position: absolute;
      width: 12px;
      height: 100%;
      background-color: var(--color-verde-ddhub);
      top: 0;
      left: 1rem;
    }

    h3 {
      margin-bottom: 2rem;
    }

    @media (width < 768px) {
      margin-top: 2rem;
    }
  }
}

.lab-laboratorios {
  padding-top: 5rem;
  padding-bottom: 5rem;

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

  .lab-col-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;

    @media (max-width: 992px) {
      padding-top: 1.5rem;
    }

    @media (min-width: 992px) {
      padding-left: 2rem;
    }

    p {
      font-family: var(--fonts-heading);
    }

    .pre-title {
      font-size: 1.5rem;
      font-style: italic;
      line-height: 120%;
      letter-spacing: -2.2%;
      margin: 0;

      @media (max-width: 768px) {
        padding-top: 1rem;
      }
    }

    .title-lab{
      margin: 1.2rem 0 2rem 0;
      font-size: var(--size-h3);
      font-weight: 700;
    }

    .link-labs {
      font-weight: 800;
      color: var(--color-azul);
      
      &:hover{
        text-decoration: underline;
      }
    }

    .docentes {
      display: flex;
      align-items: center;

      .box-img {
        display: flex;
        padding: 0 3rem 0 1rem;

        img {
          min-width: 80px;
          max-width: 80px;
          object-fit: cover;
          border-radius: 50%;
          margin-left: -20px;
        }
      }

      .docentes-name {
        font-weight: 600;
        color: var(--color-azul);
      }
    }
  }
}

.img-destacada{
  height: 30rem;

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

.text-destacada{
  .button-ddhub{
    border: var(--button-border) var(--color-primary-dark) ;
    color: var(--color-primary-dark);
  }
}