.header-img {
  height: 18rem;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.header-img.desengrasantes { background-image: url('./../img/portadas/desengrasantes.jpg'); }
.header-img.desinfectantes { background-image: url('./../img/portadas/desinfectantes.jpg'); }
.header-img.superficies { background-image: url('./../img/portadas/superficies.jpg'); }
.header-img.lavado-de-ropa { background-image: url('./../img/portadas/lavado-de-ropa.jpg'); }
.header-img.higiene-de-manos { background-image: url('./../img/portadas/higiene-de-manos.jpg'); }
.header-img.limpieza-institucional { background-image: url('./../img/portadas/limpieza-institucional.jpg'); }
.header-img.lavado-textil { background-image: url('./../img/portadas/lavado-textil.jpg'); }
.header-img.lavado-de-vehiculo { background-image: url('./../img/portadas/lavado-de-vehiculo.jpg'); }
.header-img.mantenimiento-industrial { background-image: url('./../img/portadas/limpieza-y-mantenimiento-industrial.jpg'); }

.img-subcat {
  /* flex: 0 0 260px; */
  min-width: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.img-subcat img {
  max-width: 360px;
  width: 100%;
  height: min-content;
  max-height: 360px;
}

.proximamente {
  position: relative;
  overflow: hidden;
  pointer-events: none;
  cursor: not-allowed !important;
}
.proximamente::before {
  content: 'PROXIMAMENTE';
  position: absolute;
  width: 200px;
  height: 18px;
  background: var(--clr-red);
  color: white;
  font-weight: 600;
  top: 36px;
  left: -36px;
  transform: rotate(-35deg);
  font-size: 14px;
}

.card img {
  border-radius: 18px;
}

@media (max-width: 680px) {

}