/* Contenedor de la categoría */ .woocommerce .product-category { margin-bottom: 20px !important; } /* Hacer las imágenes cuadradas y del mismo tamaño */ .woocommerce .product-category a { display: block; width: 100%; padding-top: 100%; /* Esto crea un espacio cuadrado */ position: relative; overflow: hidden; } .woocommerce .product-category img { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; } /* Personalizar el título de las categorías */ .woocommerce .product-category h2.woocommerce-loop-category__title { font-size: 18px !important; font-weight: bold !important; color: #333333 !important; text-align: center; padding: 10px 0 !important; }