/* Imágenes sofisticadas */
.img-card {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
  transform: translateZ(0);
}
.img-card img {
  width: 100%;
  height: auto;
  display: block;
  filter: blur(0);
  transition: transform .6s ease, filter .6s ease;
}
.img-card:hover img {
  transform: scale(1.05);
}
.mask-blob {
  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 40%, black 60%, transparent 100%);
  mask-image: radial-gradient(ellipse 80% 60% at 50% 40%, black 60%, transparent 100%);
}
.img-kenburns img {
  animation: kb 12s ease-in-out both;
}
@keyframes kb {
  0% { transform: scale(1.0); }
  100% { transform: scale(1.08); }
}
.parallax-hover { perspective: 800px; }
.parallax-hover .layer {
  transition: transform .25s ease;
}
.parallax-hover:hover .layer {
  transform: rotateX(3deg) rotateY(-3deg) translateZ(6px);
}
@media (prefers-reduced-motion: reduce) {
  .img-card:hover img, .img-kenburns img, .parallax-hover .layer { transition: none; animation: none; }
}
/* <picture> + lazy */
picture img { width: 100%; height: auto; }
img[loading="lazy"] { content-visibility: auto; }