/**
 * Estilos frontend para productos uniformes
 */

/* Asegurar que las imágenes de producto en listados tengan tamaño uniforme */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: block;
    overflow: hidden;
}

.woocommerce ul.products li.product .woocommerce-loop-product__link img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Para temas que usan diferentes estructuras */
.woocommerce-loop-product__title {
    overflow: hidden;
    word-break: break-word;
    line-height: 1.4;
}

/* Contenedor de imagen con altura fija */
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
}

.woocommerce ul.products li.product .woocommerce-loop-product__link {
    flex: 0 0 auto;
}

/* Adaptable a diferentes resoluciones */
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        margin-bottom: 20px;
    }
}