/* Estilos personalizados para WooCommerce */
.woocommerce .products {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce .products .product {
    flex: 1 1 30%;
    margin: 1.5%;
}

.woocommerce .single-product {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.woocommerce .woocommerce-product-gallery {
    flex: 1 1 50%;
}

.woocommerce .summary {
    flex: 1 1 40%;
}