.filter-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.diferencia-deacero-icon-blue {
  width: 180px;
  height: 180px;
}

.diferencia-deacero-icon-orange {
  min-width: 100px;
  min-height: 100px;
  width: 100px;
  height: 100px;
}

.diferencia-deacero-lr, .diferencia-deacero-rl {
  writing-mode: vertical-lr;
  /*rotate: revert;*/
  transform: scale(-1, -1);
}

.diferencia-deacero-rl {
  transform: scale(1, 1);
}
.diferencia-deacero-line::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 3px;
  background: var(--Orange600);
  top: 50%;
  right: -40px;
}
.produccion-otros-card {
    margin-top: 15px;
}
.diferencia-deacero-acero-sustentable-line {
  height: 140px;
}
  .diferencia-deacero-acero-sustentable-line::after {
    content: "";
    position: absolute;
    width: 180%;
    z-index: 1;
    height: 3px;
    top: 25%;
    background: var(--Orange600);
  }

.diferencia-deacero-border-dot {
  border: 3px dotted var(--Orange600);
}

.bg-blue-red {
  background: linear-gradient(#c21905, #1b3c87);
}

@media (max-width: 1400px) {
  .diferencia-deacero-acero-sustentable-line {
    height: 190px;
  }
}

@media (min-width: 992px) AND (max-width: 1199px) {
  .diferencia-deacero-icon-blue {
    width: 150px;
    height: 150px;
  }
}

@media (max-width: 991px) {
  .diferencia-deacero-lr, .diferencia-deacero-rl {
    writing-mode: initial;
    /*rotate: initial;*/
    transform: initial;
  }
  .diferencia-deacero-line::after {
    width: 3px;
    height: 150%;
    right: 50%;
    bottom: 0;
    z-index: -10;
  }
  .diferencia-deacero-acero-sustentable-line {
      height: fit-content;
  }
  .diferencia-deacero-acero-sustentable-line::after {
    height: 280%;
    width: 3px;
    top: -55%;
  }
}