#paymentPrep .payment-provider-grid,#paymentPrep .payment-channel-note,#paymentPrep #culqiPaymentMode,#paymentPrep [data-paytab="history"]{display:none!important}
#payPanel:not(.method-selected) .subscription-pay,#payPanel:not(.method-selected) #recurringConsentBox,#payPanel:not(.method-selected) #gatewayStatus{display:none!important}
#paymentPrep{max-width:760px;margin:auto}#paymentPrep h2{font-size:26px}
.method-title{font-size:21px;margin:18px 0 6px;color:#102a42}.method-intro{color:#637487;font-size:14px;margin:0 0 18px}
.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.method-card{display:flex;align-items:center;gap:12px;border:1px solid #dce4ea;background:white;border-radius:14px;padding:18px;text-align:left;cursor:pointer;color:#102a42;font:inherit;min-height:140px;transition:border-color .15s,box-shadow .15s}
.method-card:hover:not(:disabled){border-color:#008568;box-shadow:0 4px 16px #102a4210}
.method-card:focus-visible,.method-back:focus-visible{outline:3px solid #008568;outline-offset:3px}
.method-card:disabled{cursor:default;background:#f5f7f9;color:#637487}
.method-icon{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:#e8f5f0;color:#006b55;font-size:24px}
.method-copy{display:flex;flex-direction:column;gap:6px;flex:1}.method-copy strong{font-size:16px}.method-copy small{font-size:12px;line-height:1.5;color:#637487}
.method-badge{font-size:11px;font-weight:600;color:#006b55}.method-arrow{font-size:26px;color:#718091}.method-unavailable{font-weight:600}
.method-footnote{color:#637487;font-size:12px;line-height:1.6;margin:16px 0 4px}
.method-back{background:none;border:0;padding:8px 0;color:#006b55;cursor:pointer;font:inherit;font-size:13px;font-weight:600}
.method-selection{display:flex;gap:14px;align-items:center;background:#f1f8f5;border:1px solid #d4e9df;border-radius:14px;padding:18px;margin:10px 0 16px;text-align:left}
.method-selection strong{font-size:16px;color:#102a42}.method-selection p,.method-explanation{font-size:13px;line-height:1.6;color:#536577;margin:6px 0 0}
#paymentPrep .subscription-pay{background:#008568;color:white;border:0;margin-top:18px;min-height:46px}
@media(max-width:600px){.method-grid{grid-template-columns:1fr}.method-card{min-height:110px;padding:15px}.method-title{font-size:19px}#paymentPrep h2{font-size:23px}.method-selection{padding:14px}}

/* Íconos vectoriales de métodos de pago */
.method-icon{font-size:0;background-color:#e8f5f0;background-position:center;background-repeat:no-repeat;background-size:27px 27px}
[data-method="recurring"] .method-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23006b55%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M7%2015h3%22%2F%3E%3Cpath%20d%3D%22M17%202l2%202-2%202M19%204h-5%22%2F%3E%3C%2Fsvg%3E")}
[data-method="single"] .method-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23006b55%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M7%2015h3M16%2015h2%22%2F%3E%3C%2Fsvg%3E")}
[data-method="qr"] .method-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23006b55%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%226%22%20height%3D%226%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%223%22%20width%3D%226%22%20height%3D%226%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2215%22%20width%3D%226%22%20height%3D%226%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M15%2015h3v3h3v3h-6zM12%203v5M3%2012h5M12%2012h3M12%2018v3M21%2012v3%22%2F%3E%3C%2Fsvg%3E")}
[data-method="bank"] .method-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23006b55%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209l9-6%209%206H3zM5%2010v8M10%2010v8M14%2010v8M19%2010v8M3%2021h18M4%2018h16%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%22.5%22%2F%3E%3C%2Fsvg%3E")}


.method-selection .method-icon{font-size:24px}