/*
 * Catálogo WooCommerce: cuadrar imágenes en grilla
 * Compatible con Nasa/Elessi (clases .product-img-wrap .main-img) y genérico.
 */

/* Contenedor cuadrado con fondo blanco */
.woocommerce ul.products li.product .product-img-wrap .main-img,
.woocommerce-page ul.products li.product .product-img-wrap .main-img,
.woocommerce ul.products li.product .product-thumb, /* fallback algunos skins */
.woocommerce .products .product .product-img-wrap .main-img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  background: #fff !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: hidden !important;
  position: relative;
}

/* Imagen adentro: máxima cobertura sin recorte */
.woocommerce ul.products li.product .product-img-wrap .main-img img,
.woocommerce-page ul.products li.product .product-img-wrap .main-img img,
.woocommerce ul.products li.product .product-thumb img,
.woocommerce .products .product .product-img-wrap .main-img img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #fff !important;
  display: block !important;
}

/* Evita que badges o overlays empujen la imagen */
.woocommerce ul.products li.product .product-img-wrap .main-img > *:not(img) {
  pointer-events: auto;
}

/* Para sliders/carousels de productos del tema */
.nasa-slider .product-item .product-img-wrap .main-img,
.nasa-products-slider .product-item .product-img-wrap .main-img {
  aspect-ratio: 1 / 1 !important;
  background: #fff !important;
}

/* En single product, miniaturas de galería (opcional) */
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
  background: #fff;
  object-fit: contain;
}