/* =====================================================
   Movador – Product Images (Uniform 1:1)
   Objetivo: evitar imágenes verticales/horizontales desordenadas.
   - Estandariza el “marco” visual a 1:1
   - Complementa el recorte automático del servidor (inc/woocommerce/images.php)
   ===================================================== */

/* ===== Catalog/grid (shop, categories, related) ===== */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
  display: block;
}

/* ===== Single product page (main gallery) ===== */
body.single-product .woocommerce div.product div.images {
  width: 100%;
  max-width: 560px; /* evita que una foto “se coma” la página */
}

body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  width: 100%;
}

/* Forzar el marco 1:1 en el contenedor de cada imagen */
body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 14px;
  background: #fff;
}

/* Imagen principal dentro del marco */
body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}