@charset "utf-8";
/* CSS Document */

/* imgstyle.css */

/* === Imagen con efecto Zoom === */
#rec-imagen2 img {
  transition: transform 0.4s ease;
}
#rec-imagen2 img:hover {
  transform: scale(1.05);
}

/* === Imagen con efecto Sepia === */
#rec-imagen3 img {
  transition: filter 0.4s ease;
}
#rec-imagen3 img:hover {
  filter: sepia(30%);
}

/* === Imagen con efecto Blur (desenfoque) === */
#rec-imagen4 img {
  transition: filter 0.4s ease;
}
#rec-imagen4 img:hover {
  filter: blur(3px);
}

/* === Imagen con efecto Greyscale (escala de grises) === */
#rec-imagen5 img {
  transition: filter 0.4s ease;
}
#rec-imagen5 img:hover {
  filter: grayscale(100%);
}

/* === Imagen con efecto Contrast === */
#rec-imagen6 img {
  transition: filter 0.4s ease;
}
#rec-imagen6 img:hover {
  filter: contrast(120%);
}