/* =========================================================
 * TARJETAS DE PRODUCTO - COMPORTAMIENTO GLOBAL
 * ========================================================= */

body.rsp-product-cards-direct ul.products li.product,
body.rsp-product-cards-direct ul.products li.product .entry-content-wrap,
body.rsp-product-cards-direct ul.products li.product .product-action-wrap,
body.rsp-product-cards-direct ul.products li.product img,
body.rsp-product-cards-direct .wc-block-grid__product,
body.rsp-product-cards-direct .wc-block-grid__product img,
body.rsp-product-cards-direct .wc-block-product,
body.rsp-product-cards-direct .wc-block-product img {
    transform: none !important;
}

body.rsp-product-cards-direct ul.products li.product .entry-content-wrap,
body.rsp-product-cards-direct ul.products li.product .product-action-wrap,
body.rsp-product-cards-direct ul.products li.product img,
body.rsp-product-cards-direct .wc-block-grid__product img,
body.rsp-product-cards-direct .wc-block-product img {
    transition-property: color, background-color, border-color, opacity, box-shadow !important;
}

body.rsp-product-cards-direct ul.products li.product:hover .entry-content-wrap,
body.rsp-product-cards-direct ul.products li.product:focus-within .entry-content-wrap,
body.rsp-product-cards-direct ul.products li.product:hover img,
body.rsp-product-cards-direct ul.products li.product:focus-within img,
body.rsp-product-cards-direct .wc-block-grid__product:hover img,
body.rsp-product-cards-direct .wc-block-product:hover img {
    transform: none !important;
}

body.rsp-product-cards-direct .rsp-product-card-normalized {
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}


/*
 * Alineación visual compartida para las tarjetas de producto de la portada.
 * Tienda/categorías conservan su propio diseño en shop.css; aquí solo se
 * normalizan los listados de productos de la página de inicio, tanto el
 * marcado clásico de WooCommerce/Kadence como los bloques modernos.
 */
body.home ul.products li.product .price,
body.home .wc-block-grid__product .wc-block-grid__product-price,
body.home .wc-block-grid__product .price,
body.home .wp-block-woocommerce-product-template .wc-block-components-product-price,
body.home .wp-block-woocommerce-product-template .wp-block-woocommerce-product-price,
body.home .wc-block-product .wc-block-components-product-price {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

body.home ul.products li.product .price > *,
body.home .wc-block-grid__product .wc-block-grid__product-price > *,
body.home .wp-block-woocommerce-product-template .wc-block-components-product-price > * {
    text-align: inherit !important;
}

/*
 * Kadence puede colocar las acciones fuera del flujo y revelarlas con hover.
 * Cuando pedimos el botón fijo, pasa a formar parte normal de la tarjeta.
 */
body.rsp-product-cards-button-visible ul.products li.product .product-action-wrap {
    position: static !important;
    inset: auto !important;
    bottom: auto !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    box-sizing: border-box !important;
}

body.rsp-product-cards-button-visible ul.products li.product .product-action-wrap .button,
body.rsp-product-cards-button-visible ul.products li.product .product-action-wrap a.button {
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
}