.proyectos-i-d-i {
  padding-top: 5rem;
}

.estrategicos-relacionados {
  padding-top: 1rem;
  padding-bottom: 5rem;

  .box-img {
    height: 30rem;
    width: 100%;
    margin-top: 3rem;

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

  .button-ddhub {
    border: var(--button-border) var(--color-primary-dark);
    color: var(--color-primary-dark);
    margin-top: 2rem;

    @media (width < 576px) {
      width: 100%;
      justify-content: space-between;
    }
  }
}