/* 
 * @tag: cro-v1.4 – Estilos según Manual Corporativo
 * Botones optimizados para CRO con especificaciones exactas del manual
 */

/* Botón "Comprar" en PDP - Manual Corporativo Figma */
body.woocommerce-page .single_add_to_cart_button,
body.woocommerce-page .add_to_cart_button,
body.woocommerce-page .woocommerce .single_add_to_cart_button,
body.woocommerce-page .woocommerce .add_to_cart_button,
body.woocommerce .single_add_to_cart_button,
body.woocommerce .add_to_cart_button,
.woocommerce-page .single_add_to_cart_button,
.woocommerce-page .add_to_cart_button,
.woocommerce .single_add_to_cart_button,
.woocommerce .add_to_cart_button {
    background: #1DD390 !important;
    color: white !important;
    border: none !important;
    border-radius: 200px !important;
    padding: 12px 28px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    min-width: 140px !important;
    box-shadow: 0 4px 12px rgba(29, 211, 144, 0.3) !important;
}

body.woocommerce-page .single_add_to_cart_button:hover,
body.woocommerce-page .add_to_cart_button:hover,
body.woocommerce-page .woocommerce .single_add_to_cart_button:hover,
body.woocommerce-page .woocommerce .add_to_cart_button:hover,
body.woocommerce .single_add_to_cart_button:hover,
body.woocommerce .add_to_cart_button:hover,
.woocommerce-page .single_add_to_cart_button:hover,
.woocommerce-page .add_to_cart_button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce .add_to_cart_button:hover {
    background: #17a085 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(29, 211, 144, 0.4) !important;
}

body.woocommerce-page .single_add_to_cart_button:active,
body.woocommerce-page .add_to_cart_button:active,
body.woocommerce-page .woocommerce .single_add_to_cart_button:active,
body.woocommerce-page .woocommerce .add_to_cart_button:active,
body.woocommerce .single_add_to_cart_button:active,
body.woocommerce .add_to_cart_button:active,
.woocommerce-page .single_add_to_cart_button:active,
.woocommerce-page .add_to_cart_button:active,
.woocommerce .single_add_to_cart_button:active,
.woocommerce .add_to_cart_button:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(29, 211, 144, 0.3) !important;
}

/* Botón "Conoce más" en Catálogo - Manual Corporativo Illustrator */
body.woocommerce-page .woocommerce .products .product .add_to_cart_button,
body.woocommerce-page .woocommerce .products .product .single_add_to_cart_button,
body.woocommerce-page .woocommerce .products .product .button,
body.woocommerce-page .woocommerce .products .product a.button,
body.woocommerce-page .woocommerce-loop-product__link .add_to_cart_button,
body.woocommerce .woocommerce .products .product .add_to_cart_button,
body.woocommerce .woocommerce .products .product .single_add_to_cart_button,
body.woocommerce .woocommerce .products .product .button,
body.woocommerce .woocommerce .products .product a.button,
body.woocommerce .woocommerce-loop-product__link .add_to_cart_button,
.woocommerce-page .woocommerce .products .product .add_to_cart_button,
.woocommerce-page .woocommerce .products .product .single_add_to_cart_button,
.woocommerce-page .woocommerce .products .product .button,
.woocommerce-page .woocommerce .products .product a.button,
.woocommerce-page .woocommerce-loop-product__link .add_to_cart_button,
.woocommerce .products .product .add_to_cart_button,
.woocommerce .products .product .single_add_to_cart_button,
.woocommerce .products .product .button,
.woocommerce .products .product a.button,
.woocommerce-loop-product__link .add_to_cart_button {
    background: white !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    border-radius: 200px !important;
    padding: 12px 28px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    min-width: 120px !important;
    box-shadow: none !important;
}

body.woocommerce-page .woocommerce .products .product .add_to_cart_button:hover,
body.woocommerce-page .woocommerce .products .product .single_add_to_cart_button:hover,
body.woocommerce-page .woocommerce .products .product .button:hover,
body.woocommerce-page .woocommerce .products .product a.button:hover,
body.woocommerce-page .woocommerce-loop-product__link .add_to_cart_button:hover,
body.woocommerce .woocommerce .products .product .add_to_cart_button:hover,
body.woocommerce .woocommerce .products .product .single_add_to_cart_button:hover,
body.woocommerce .woocommerce .products .product .button:hover,
body.woocommerce .woocommerce .products .product a.button:hover,
body.woocommerce .woocommerce-loop-product__link .add_to_cart_button:hover,
.woocommerce-page .woocommerce .products .product .add_to_cart_button:hover,
.woocommerce-page .woocommerce .products .product .single_add_to_cart_button:hover,
.woocommerce-page .woocommerce .products .product .button:hover,
.woocommerce-page .woocommerce .products .product a.button:hover,
.woocommerce-page .woocommerce-loop-product__link .add_to_cart_button:hover,
.woocommerce .products .product .add_to_cart_button:hover,
.woocommerce .products .product .single_add_to_cart_button:hover,
.woocommerce .products .product .button:hover,
.woocommerce .products .product a.button:hover,
.woocommerce-loop-product__link .add_to_cart_button:hover {
    background: #000 !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

body.woocommerce-page .woocommerce .products .product .add_to_cart_button:active,
body.woocommerce-page .woocommerce .products .product .single_add_to_cart_button:active,
body.woocommerce-page .woocommerce .products .product .button:active,
body.woocommerce-page .woocommerce .products .product a.button:active,
body.woocommerce-page .woocommerce-loop-product__link .add_to_cart_button:active,
body.woocommerce .woocommerce .products .product .add_to_cart_button:active,
body.woocommerce .woocommerce .products .product .single_add_to_cart_button:active,
body.woocommerce .woocommerce .products .product .button:active,
body.woocommerce .woocommerce .products .product a.button:active,
body.woocommerce .woocommerce-loop-product__link .add_to_cart_button:active,
.woocommerce-page .woocommerce .products .product .add_to_cart_button:active,
.woocommerce-page .woocommerce .products .product .single_add_to_cart_button:active,
.woocommerce-page .woocommerce .products .product .button:active,
.woocommerce-page .woocommerce .products .product a.button:active,
.woocommerce-page .woocommerce-loop-product__link .add_to_cart_button:active,
.woocommerce .products .product .add_to_cart_button:active,
.woocommerce .products .product .single_add_to_cart_button:active,
.woocommerce .products .product .button:active,
.woocommerce .products .product a.button:active,
.woocommerce-loop-product__link .add_to_cart_button:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}

/* Botón "Finalizar Compra" en Checkout - Manual Corporativo Figma */
body.woocommerce-page .checkout-button,
body.woocommerce-page .woocommerce .checkout-button,
body.woocommerce-page .wc-forward,
body.woocommerce-page .woocommerce .place-order .button,
body.woocommerce-page .woocommerce-checkout .place-order .button,
body.woocommerce .checkout-button,
body.woocommerce .woocommerce .checkout-button,
body.woocommerce .wc-forward,
body.woocommerce .woocommerce .place-order .button,
body.woocommerce .woocommerce-checkout .place-order .button,
.woocommerce-page .checkout-button,
.woocommerce-page .woocommerce .checkout-button,
.woocommerce-page .wc-forward,
.woocommerce-page .woocommerce .place-order .button,
.woocommerce-page .woocommerce-checkout .place-order .button,
.woocommerce .checkout-button,
.woocommerce .woocommerce .checkout-button,
.woocommerce .wc-forward,
.woocommerce .woocommerce .place-order .button,
.woocommerce .woocommerce-checkout .place-order .button {
    background: #1DD390 !important;
    color: white !important;
    border: none !important;
    border-radius: 200px !important;
    padding: 12px 28px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: block !important;
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto !important;
    box-shadow: 0 4px 12px rgba(29, 211, 144, 0.3) !important;
}

body.woocommerce-page .checkout-button:hover,
body.woocommerce-page .woocommerce .checkout-button:hover,
body.woocommerce-page .wc-forward:hover,
body.woocommerce-page .woocommerce .place-order .button:hover,
body.woocommerce-page .woocommerce-checkout .place-order .button:hover,
body.woocommerce .checkout-button:hover,
body.woocommerce .woocommerce .checkout-button:hover,
body.woocommerce .wc-forward:hover,
body.woocommerce .woocommerce .place-order .button:hover,
body.woocommerce .woocommerce-checkout .place-order .button:hover,
.woocommerce-page .checkout-button:hover,
.woocommerce-page .woocommerce .checkout-button:hover,
.woocommerce-page .wc-forward:hover,
.woocommerce-page .woocommerce .place-order .button:hover,
.woocommerce-page .woocommerce-checkout .place-order .button:hover,
.woocommerce .checkout-button:hover,
.woocommerce .woocommerce .checkout-button:hover,
.woocommerce .wc-forward:hover,
.woocommerce .woocommerce .place-order .button:hover,
.woocommerce .woocommerce-checkout .place-order .button:hover {
    background: #17a085 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(29, 211, 144, 0.4) !important;
}

body.woocommerce-page .checkout-button:active,
body.woocommerce-page .woocommerce .checkout-button:active,
body.woocommerce-page .wc-forward:active,
body.woocommerce-page .woocommerce .place-order .button:active,
body.woocommerce-page .woocommerce-checkout .place-order .button:active,
body.woocommerce .checkout-button:active,
body.woocommerce .woocommerce .checkout-button:active,
body.woocommerce .wc-forward:active,
body.woocommerce .woocommerce .place-order .button:active,
body.woocommerce .woocommerce-checkout .place-order .button:active,
.woocommerce-page .checkout-button:active,
.woocommerce-page .woocommerce .checkout-button:active,
.woocommerce-page .wc-forward:active,
.woocommerce-page .woocommerce .place-order .button:active,
.woocommerce-page .woocommerce-checkout .place-order .button:active,
.woocommerce .checkout-button:active,
.woocommerce .woocommerce .checkout-button:active,
.woocommerce .wc-forward:active,
.woocommerce .woocommerce .place-order .button:active,
.woocommerce .woocommerce-checkout .place-order .button:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(29, 211, 144, 0.3) !important;
}

/* @tag: cro-v1.4 – Botón "Ver carrito" - Estilo más sutil */
.woocommerce .products .product .added_to_cart,
.woocommerce .products .product a.added_to_cart,
.woocommerce .products .product .wc-forward,
.woocommerce .products .product a.wc-forward {
    background: #f8f9fa !important;
    color: #6c757d !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 200px !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    min-width: 100px !important;
    box-shadow: none !important;
    opacity: 0.8 !important;
}

.woocommerce .products .product .added_to_cart:hover,
.woocommerce .products .product a.added_to_cart:hover,
.woocommerce .products .product .wc-forward:hover,
.woocommerce .products .product a.wc-forward:hover {
    background: #e9ecef !important;
    color: #495057 !important;
    transform: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

/* Ocultar botones adicionales que puedan interferir */
.woocommerce .products .product .loading,
.woocommerce .products .product .product_type_variable,
.woocommerce .products .product .product_type_grouped,
.woocommerce .products .product .product_type_external {
    display: none !important;
}

/* Solo mostrar el botón "Conoce más" en catálogo */
.woocommerce .products .product .add_to_cart_button:not(.loading):not(.added) {
    display: inline-block !important;
}