.img-categoria {
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.img-producto {
  width: 72px;
  height: 72px;
  min-width: 72px;
  min-height: 72px;
  overflow: hidden;
}

.img-categoria img,
.img-producto img {
  width: 100%;
  height: auto;
}

@supports(object-fit: contain) {

  .img-categoria img,
  .img-producto img {
    height: 100%;
    object-fit: contain;
    object-position: center center;
  }
}

@media only screen and (max-width: 768px) {
  .div-subcategorias {
    height: 25vh;
    overflow: scroll
  }
}

.timeline {
  padding-left: 0;
  margin-bottom: 0 !important;
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timeline-icon {
  margin-bottom: 7px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1rem;
  color: #555;
}

.status {
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  border-top: 2px solid #D6DCE0;
  position: relative;
}

.status:before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: white;
  border-radius: 15px;
  border: 1px solid #ddd;
  position: absolute;
  top: -9px;
  /* left: 42%; */
}

.timeline-item.complete .status {
  border-top: 2px solid #66DC71;
  color: #66DC71;
}

.timeline-item.complete .status:before {
  background-color: #66DC71;
  border: none;
}