/*
Theme Name: Porto
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive Wordpress Multi Purpose + eCommerce Theme.
Version: 7.6.2
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: woocommerce, business, corporate, e-commerce, blog, news, education, food-and-drink, portfolio, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, block-styles, custom-background, custom-colors, custom-header, custom-logo, footer-widgets, template-editing, grid-layout, one-column, wide-blocks
Text Domain: porto
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.bypostauthor { display: block; }
.woocommerce ul.products li.product a img {
    width: 100%;
    height: 300px; /* puedes cambiar el número según el alto que quieras */
    object-fit: cover;
}
/* Lista de productos + relacionados */
.woocommerce ul.products li.product a img,
.woocommerce div.product .related ul.products li.product a img {
  width: 100% !important;
  height: 320px !important;   /* ajústalo a tu gusto: 280–360px suele ir bien */
  object-fit: cover;          /* rellena el cuadro y recorta lo que sobre */
  display: block;
}

/* Evita que el enlace o el tema limiten el alto por CSS inline */
.woocommerce ul.products li.product a,
.woocommerce div.product .related ul.products li.product a {
  display: block;
}
/* Cuadrar imágenes de productos en Elementor/WooCommerce */
.elementor .woocommerce ul.products li.product a img,
.elementor .elementor-widget-woocommerce-products .product a img {
  aspect-ratio: 1/1;      /* cuadrado perfecto */
  width: 100% !important;
  height: auto !important;
  object-fit: cover;      /* recorta exceso y mantiene llenado */
  background: #fff;       /* fondo blanco si sobra */
}