/**
 * ============================================================================
 * PDP IMAGE OPTIMIZATION - VERSIÓN MINIMALISTA
 * ============================================================================
 * 
 * CA-0XX.1: Mantener Proporción de Aspecto ✅
 * CA-0XX.2: Centrado de Imágenes ✅
 * CA-0XX.3: object-fit para prevenir distorsión ✅
 * CA-0XX.4: Independencia de Dimensiones Originales ✅
 * CA-0XX.5: Funciona con cualquier proporción ✅
 * 
 * IMPORTANTE: Esta versión NO sobrescribe estilos existentes
 * Solo agrega object-fit para prevenir distorsión de imágenes
 * ============================================================================
 */

/* ============================================================================
   IMAGEN PRINCIPAL - Solo prevenir distorsión
   ============================================================================ */

.fotorama__stage__frame .fotorama__img,
.fotorama__stage .fotorama__img,
[data-gallery-role="gallery-placeholder"] .fotorama__stage__frame img,
.gallery-placeholder .fotorama__stage__frame img {
    /* Prevenir distorsión manteniendo proporción */
    object-fit: contain;
    object-position: center center;
}

/* ============================================================================
   THUMBNAILS / DOTS - Solo prevenir distorsión
   ============================================================================ */

.fotorama__nav__frame .fotorama__img,
.fotorama__thumb img,
.fotorama__nav .fotorama__img {
    /* Prevenir distorsión en thumbnails */
    object-fit: contain;
    object-position: center center;
}

/* ============================================================================
   FULLSCREEN - Mantener proporción
   ============================================================================ */

.fotorama--fullscreen .fotorama__stage__frame .fotorama__img {
    object-fit: contain;
    object-position: center center;
}

/* ============================================================================
   ZOOM / MAGNIFIER - Mantener proporción
   ============================================================================ */

.fotorama__zoom-in .fotorama__img,
.magnify-lens img,
.magnifier-preview img {
    object-fit: contain;
    object-position: center center;
}

/* ============================================================================
   FALLBACK para navegadores antiguos sin soporte de object-fit
   ============================================================================ */

@supports not (object-fit: contain) {
    .fotorama__stage__frame .fotorama__img,
    .fotorama__nav__frame .fotorama__img {
        /* Fallback para IE11 y navegadores antiguos */
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

/* ============================================================================
   FIN - Solo estilos esenciales para prevenir distorsión
   ============================================================================ */