/* Parallax de imagenes y video: lo mueve assets/js/components/parallax.js.
   La imagen se agranda un poco dentro de su marco y se desplaza con el scroll.
   Siempre queda centrada en su contenedor (horizontal y vertical), no en la pagina. */
.px-media {
  object-position: 50% 50%;
  transform-origin: 50% 50%;
  transform: scale(1.16);
  will-change: transform;
  backface-visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .px-media { transform: none !important; will-change: auto; }
}