/* Las fotos del producto en grande, a pantalla completa (23 oct 2026, corte 2).
   Solo la ficha la carga (tienda/_zoom). */
.fi-ampliar { position: absolute; z-index: 2; right: 12px; top: 12px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 999px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.94); color: #141a3c; box-shadow: rgba(20,24,60,.16) 0 4px 14px; cursor: zoom-in; }
.fi-pista img { cursor: zoom-in; }
.fi-zoom { width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: #0d0f1c; color: #fff; overflow: hidden; }
.fi-zoom::backdrop { background: rgba(10,12,24,.92); }
.fi-zoom-pista { display: flex; width: 100%; height: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.fi-zoom-pista::-webkit-scrollbar { display: none; }
.fi-zoom-cuadro { flex: 0 0 100%; height: 100%; display: flex; align-items: center; justify-content: center; scroll-snap-align: center; overflow: hidden; }
.fi-zoom-cuadro img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 200ms ease; touch-action: pan-x pan-y pinch-zoom; }
.fi-zoom-cuadro.cerca img { transform: scale(2); cursor: zoom-out; }
.fi-zoom-cerrar, .fi-zoom-flecha { position: absolute; z-index: 2; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 999px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.14); color: #fff; cursor: pointer; }
.fi-zoom-cerrar { top: max(12px, env(safe-area-inset-top)); right: 12px; }
.fi-zoom-flecha { top: 50%; transform: translateY(-50%); }
.fi-zoom-flecha.ant { left: 12px; }
.fi-zoom-flecha.sig { right: 12px; }
.fi-zoom-contador { position: absolute; left: 50%; bottom: max(14px, env(safe-area-inset-bottom)); transform: translateX(-50%); padding: 4px 12px; border-radius: 999px; background: rgba(255,255,255,.14); font-size: 14px; font-weight: 600; }
@media (hover: none) { .fi-zoom-flecha { display: none; } .fi-zoom-cuadro img { cursor: default; } }