.oscurecer {
  /* Valor menor a 100% oscurece, 0% es negro total */
  filter: brightness(100%); 
  /* Opcional: transición suave al pasar el ratón */
  /* transition: filter 0.3s ease; */
}

.oscurecer:hover {
  filter: brightness(95%); /* Brillo original al pasar el ratón */
}


.imagen-bw {
  filter: grayscale(0%); /* Inicialmente en blanco y negro */
  transition: filter 0.5s ease;
}

.imagen-bw:hover {
  filter: grayscale(100%); /* Al pasar el mouse, recupera el color */
}


.imagen-tinte {
  transition: filter 0.5s ease;
}

.imagen-tinte:hover {
  /* Aproximación a un tinte azul */
   /*  filter: sepia(1) hue-rotate(190deg) saturate(3);*/
   /* filter: hue-rotate(190deg) saturate(3);*/
    filter: sepia(10%) hue-rotate(50deg);
   
}