/* ===== ARREGLAR PRODUCTOS EN TODAS LAS PÁGINAS ===== */

/* Resetear floats y anchos de WooCommerce */
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product,
.woocommerce-page.columns-4 ul.products li.product,
.woocommerce.columns-4 ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products li.product {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    clear: none !important;
}

/* Forzar grid layout en todas las páginas */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
    gap: 2rem !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Específico para página de tienda */
.woocommerce-shop ul.products,
.woocommerce-shop .products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
    gap: 2rem !important;
}

.woocommerce-shop ul.products li.product {
    width: 100% !important;
    float: none !important;
}

/* Resetear el clearfix que rompe el grid */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
    display: none !important;
}

/* Asegurar que no haya espacios raros */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin-left: 0 !important;
    margin-right: 0 !important;
}