.sustentabilidad-banner {
  position: relative;
}

  .sustentabilidad-banner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
  }

.highlight-number {
  font-size: 150px !important;
}

.card-link-green {
  background-color: var(--Green450);
}

.card-link-green:hover {
  background-color: var(--Green400);
}

.card-link-gray {
  background-color: var(--Gray300);
}

.card-link-gray:hover {
  background-color: var(--Gray400);
}

.card-link-gray:hover {
  background-color:;
}

.tip-link:hover {
    color: var(--Orange600) !important;
}

.sustentabilidad-banner-productos {
  height: calc(100vh - 100px);
}

  .sustentabilidad-banner-productos:before {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #3f3f3f78 !important;
    content: '';
  }
.word-break-all {
    word-break: break-all;
}

@media(max-width:990px) {
  img.agenda-deacero-icons {
    width: 100%;
    height: 550px;
  }
  img.object-fit-contain.logo-fundacion {
    width: 200px;
    height: 60px;
  }
  .highlight-number {
    font-size: 100px !important;
  }
}

@media(min-width:424px) and (max-width:990px) {
    .d-tip-link {
        display: block !important;
    }
}

@media(max-width:767px) {
  .h-firmas {
    width: 100% !important;
  }
}

@media(max-width:425px) {
    .img-firmas {
        height: 300px;
    }
}