/* Movimiento entre páginas, foto compartida, lupa y galería (llegó de la copia de revisión el 05/10/2026). Todo bajo html.lm-mejoras. */

/* 1 · Entre páginas: la página que se va pierde foco; la que llega lo gana. */
::view-transition-old(root) { animation: lm-vt-sale .26s cubic-bezier(.4, 0, 1, 1) both; }
::view-transition-new(root) { animation: lm-vt-llega .52s cubic-bezier(.16, 1, .3, 1) both; }
@keyframes lm-vt-sale { to { opacity: 0; filter: blur(6px); } }
@keyframes lm-vt-llega { from { opacity: 0; filter: blur(8px); transform: scale(1.006); } }

/* La cabecera no parpadea: se queda en su sitio y solo cambia su contenido. */
html.lm-mejoras .lm-menu-bar { view-transition-name: lm-cabecera; }
::view-transition-group(lm-cabecera) { animation-duration: .3s; }
::view-transition-old(lm-cabecera), ::view-transition-new(lm-cabecera) { animation-duration: .2s; }

/* 2 · La foto del producto viaja de la tarjeta a la ficha (y vuelve). */
::view-transition-group(lm-producto) { animation-duration: .62s; animation-timing-function: cubic-bezier(.16, 1, .3, 1); z-index: 2; }
::view-transition-old(lm-producto), ::view-transition-new(lm-producto) { height: 100%; width: 100%; object-fit: contain; animation-duration: .4s; }
::view-transition-group(lm-lupa) { animation-duration: .5s; animation-timing-function: cubic-bezier(.16, 1, .3, 1); }
::view-transition-old(lm-lupa), ::view-transition-new(lm-lupa) { height: 100%; width: 100%; object-fit: contain; }

/* 3 · Lupa en la ficha: la foto se acerca hacia donde apunta el ratón. */
html.lm-mejoras body.lm-ficha-pagina .lm-ficha .lm-escena.lm-aumento { cursor: zoom-in; }
html.lm-mejoras body.lm-ficha-pagina .lm-ficha .lm-escena.lm-aumento .lm-foto {
	scale: 2.2;
	transition: opacity .4s cubic-bezier(.16, 1, .3, 1), scale .5s cubic-bezier(.16, 1, .3, 1), filter .4s;
}
html.lm-mejoras body.lm-ficha-pagina .lm-ficha .lm-escena.lm-aumento .lm-escena-rama { opacity: 0; transition: opacity .3s; }

/* 4 · Galería: el cambio de foto es un fundido con desenfoque. */
html.lm-mejoras body.lm-ficha-pagina .lm-ficha .lm-foto { transition: opacity .4s cubic-bezier(.16, 1, .3, 1), scale .8s cubic-bezier(.16, 1, .3, 1), filter .4s cubic-bezier(.16, 1, .3, 1); }
html.lm-mejoras body.lm-ficha-pagina .lm-ficha .lm-foto.is-cambio { filter: blur(8px); }

@media (prefers-reduced-motion: reduce) {
	::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation-duration: .01s !important; }
	html.lm-mejoras body.lm-ficha-pagina .lm-ficha .lm-escena.lm-aumento .lm-foto { transition: none; }
	html.lm-mejoras body.lm-ficha-pagina .lm-ficha .lm-foto.is-cambio { filter: none; }
}