/* ========================================================== IFP — Personalizar este diseño CTA secundario premium ========================================================== */ .single-product .ifp-customize-design-cta { display: block !important; width: 100% !important; max-width: none !important; flex: 0 0 100% !important; flex-basis: 100% !important; clear: both; box-sizing: border-box; margin: 14px 0 18px !important; padding: 0 !important; } .single-product .ifp-customize-design-cta .ifp-customize-design-button { display: flex !important; width: 100% !important; max-width: none !important; min-height: 62px; box-sizing: border-box; align-items: center; justify-content: flex-start; gap: 13px; margin: 0 !important; padding: 11px 17px !important; background: #111827 !important; color: #ffffff !important; border: 1px solid #111827 !important; border-radius: 8px; text-decoration: none !important; box-shadow: 0 3px 10px rgba(17, 24, 39, .10); transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease; } .single-product .ifp-customize-design-cta .ifp-customize-design-button:hover, .single-product .ifp-customize-design-cta .ifp-customize-design-button:focus { background: #1f2937 !important; color: #ffffff !important; transform: translateY(-1px); box-shadow: 0 6px 18px rgba(17, 24, 39, .16); } .single-product .ifp-customize-design-icon { display: flex; flex: 0 0 34px; width: 34px; height: 34px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; font-size: 15px; line-height: 1; color: #ffffff; } .single-product .ifp-customize-design-copy { display: flex !important; flex: 1 1 auto; min-width: 0; flex-direction: column; align-items: flex-start; gap: 3px; text-align: left; } .single-product .ifp-customize-design-title { display: block; color: #ffffff; font-size: 13px; font-weight: 700; line-height: 1.2; letter-spacing: .065em; text-transform: uppercase; } .single-product .ifp-customize-design-help { display: block !important; margin: 0 !important; color: rgba(255,255,255,.76) !important; font-size: 12px; font-weight: 400; line-height: 1.3; letter-spacing: 0; text-transform: none; text-align: left; } @media (max-width: 768px) { .single-product .ifp-customize-design-cta { margin: 12px 0 16px !important; } .single-product .ifp-customize-design-cta .ifp-customize-design-button { min-height: 60px; gap: 11px; padding: 10px 14px !important; } .single-product .ifp-customize-design-title { font-size: 12px; } .single-product .ifp-customize-design-help { font-size: 11px; } } /* ================================================== IFP TECHNICAL PRODUCT CTA V2 ================================================== */ .ifp-technical-product-cta { width: 100%; margin-top: 8px; } .ifp-technical-product-cta__button { display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; min-height: 46px; padding: 12px 18px; background: #111827 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid #111827 !important; border-radius: 6px; text-decoration: none !important; font-size: 13px; line-height: 1.2; font-weight: 800; letter-spacing: .04em; transition: background .15s ease, transform .15s ease; } .ifp-technical-product-cta__button:hover, .ifp-technical-product-cta__button:focus { background: #1f2937 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; transform: translateY(-1px); } .ifp-technical-product-cta__help { margin-top: 9px; color: #667085; font-size: 12px; line-height: 1.45; } /* * Las prendas técnicas NO se compran * sin personalizar. * * Ocultamos únicamente en ellas los * botones de checkout exprés. */ body.ifp-technical-customizable-product #wcpay-payment-request-wrapper, body.ifp-technical-customizable-product #wcpay-payment-request-button-separator, body.ifp-technical-customizable-product .wcpay-payment-request-wrapper, body.ifp-technical-customizable-product .wc-stripe-payment-request-wrapper, body.ifp-technical-customizable-product #wc-stripe-payment-request-button, body.ifp-technical-customizable-product .payment-request-button, body.ifp-technical-customizable-product .ppc-button-wrapper, body.ifp-technical-customizable-product .paypal-buttons, body.ifp-technical-customizable-product .wc-block-components-express-payment, body.ifp-technical-customizable-product .wc-block-components-express-payment__event-buttons, body.ifp-technical-customizable-product .wc-stripe-express-checkout-element, body.ifp-technical-customizable-product .wc-stripe-express-checkout-container { display: none !important; } @media (max-width: 560px) { .ifp-technical-product-cta__button { min-height: 48px; } } /* ================================================== IFP TECHNICAL CTA V3 WCPAY Fallback visual adicional. El filtro PHP es la protección principal. ================================================== */ body.ifp-technical-customizable-product .wcpay-express-checkout-wrapper, body.ifp-technical-customizable-product #wcpay-express-checkout-element { display: none !important; } /* ================================================== IFP TECHNICAL TRANSFER STATE GUARD V1 ================================================== */ .ifp-technical-product-cta__button.is-disabled, .ifp-technical-product-cta__button.is-disabled:hover, .ifp-technical-product-cta__button.is-disabled:focus { pointer-events: none; background: #e5e7eb !important; border-color: #e5e7eb !important; color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; transform: none !important; cursor: default; }