/* El comprobante se muestra solo cuando el cliente inicia un pago. */
#openPaymentForm{width:min(280px,calc(100% - 40px));margin:0 auto 22px;display:block}
.pay-area{display:none;position:fixed;inset:0;z-index:90;margin:0!important;padding:72px 16px 20px!important;overflow:auto;background:rgba(8,24,16,.56);backdrop-filter:blur(7px)}
body.payment-form-open{overflow:hidden}
body.payment-form-open .pay-area{display:grid}
.pay-area .payment-info{display:none}
.payment-form-card{width:min(100%,520px);margin:auto;max-height:calc(100vh - 92px);overflow:auto}
.close-payment-form{position:absolute;right:14px;top:13px;z-index:2;width:30px;height:30px;border:0;border-radius:50%;background:#f1f5f3;color:#64736b;font-size:20px;cursor:pointer}

body.payment-form-open .pay-area{display:flex!important;align-items:center;justify-content:center;inset:0;width:100%;height:100dvh;max-width:none;grid-template-columns:none;padding:16px!important;z-index:1000;box-sizing:border-box;transform:none}.pay-area .payment-form-card{position:relative;flex:0 1 520px;margin:auto;max-height:calc(100dvh - 32px);width:100%;box-sizing:border-box;overflow:auto}.pay-area .close-payment-form{min-width:40px;min-height:40px}.payment-form-card input,.payment-form-card textarea{font-size:16px}
.pay-area .payment-form-card{overflow-x:hidden}.payment-form-card .form-head{padding-right:34px;flex-wrap:wrap;gap:8px}.payment-form-card .upload{display:flex;flex-wrap:wrap;gap:12px}.payment-form-card .upload>div{min-width:0}.payment-form-card .upload>strong{display:block!important;flex:1 0 100%;text-align:center;padding:12px}.payment-form-card:before,.payment-form-card:after{pointer-events:none}

.payment-form-card .upload{height:auto!important;min-height:0!important;padding:16px!important}.payment-form-card .form-head{align-items:flex-start}.payment-form-card .form-head>small{font-size:11px}.payment-form-card form{min-width:0}