/* ==== Hello Fontefría: ajustes sobre las hojas de Blocksy ==== */
/* Las tarjetas de producto usan el marcado estándar de WooCommerce (imagen, título y precio
   dentro de un enlace) en lugar del de Blocksy (figure + h2 > a). Esto las deja iguales. */

[data-products] .product > a.woocommerce-loop-product__link{display:flex;flex-direction:column;align-items:var(--horizontal-alignment,center);width:100%;margin-bottom:0;color:var(--theme-text-color);--has-link-decoration:var(--false)}
[data-products] .product > a.woocommerce-loop-product__link img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;margin:0 0 25px!important;border-radius:3px;transform:scale(1.1);clip-path:inset(4.5455% round 2.73px);transition:transform .5s cubic-bezier(.215,.61,.355,1),clip-path .5s cubic-bezier(.215,.61,.355,1)}
@media (hover:hover){[data-products] .product > a.woocommerce-loop-product__link:hover img{transform:scale(1);clip-path:inset(0 round 3px)}}
/* En Blocksy el texto del título era un enlace dentro del h2 y tomaba la tipografía de enlaces del kit de Elementor */
[data-products] .product .woocommerce-loop-product__title .hff-loop-title{font-family:"Open Sans",Sans-serif;font-size:17px;font-weight:500;line-height:22px;color:var(--theme-text-color);transition:var(--theme-transition)}
[data-products].elementor-grid .product .woocommerce-loop-product__title .hff-loop-title{display:block}
[data-products] .product .woocommerce-loop-product__title{margin-bottom:10px}
[data-products] .product > a.woocommerce-loop-product__link:hover .hff-loop-title{color:var(--theme-palette-color-1)}
[data-products] .product > a.woocommerce-loop-product__link .price{margin-bottom:10px}
.elementor-widget-wc-archive-products [data-products] .product > a.woocommerce-loop-product__link{display:flex!important;flex-direction:column;align-items:center}
.elementor-widget-wc-archive-products [data-products] .product > a.woocommerce-loop-product__link .price{display:block}
[data-products] .product .woocommerce-loop-product__buttons{margin-top:auto;margin-bottom:0}
/* Botón suelto (archivos normales y relacionados): bloque propio, centrado y al fondo, como el contenedor de acciones de Blocksy */
[data-products] .product > a.button{display:flex;width:fit-content;max-width:max-content;margin:auto auto 0!important}
[data-products] .product > a.button + .added_to_cart{margin-top:10px}
[data-products] .product .button.added{display:none}