dialog.pix-checkout{box-sizing:border-box;position:fixed;inset:0;display:none;width:450px;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;border:1px solid #dedbd6;border-radius:19px;background:#faf8f5;color:#24211e;color-scheme:light;font:400 14px/1.45 'Manrope',sans-serif;box-shadow:0 20px 90px #0005;scrollbar-width:thin;scrollbar-color:#d8d1c8 transparent}
dialog.pix-checkout[open]{display:block}dialog.pix-checkout::backdrop{background:#0009;backdrop-filter:blur(2px)}
.pix-checkout *{box-sizing:border-box}.pix-checkout p,.pix-checkout h2,.pix-checkout h3,.pix-checkout ul{margin:0;padding:0;letter-spacing:normal}.pix-checkout button{float:none;outline-offset:3px;font-family:inherit;cursor:pointer}
.pix-checkout .pix-cover-wrap{position:relative;width:100%;height:112px;overflow:hidden;background:linear-gradient(125deg,#dbc6b2,#bba58f)}.pix-checkout .pix-cover{display:block;width:100%;height:112px;object-fit:cover;object-position:center 50%}
.pix-checkout .lead-checkout-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:2px solid #ffb57d;border-radius:50%;background:#fffffff0;color:#363330;font:400 26px/1 Arial,sans-serif;box-shadow:0 1px 4px #0001}.pix-checkout .lead-checkout-close:hover{background:#fff;color:#111}
.pix-checkout .pix-identity{position:relative;display:block;height:56px;margin:0 24px;padding:8px 0 0 84px}.pix-checkout .pix-avatar{position:absolute;left:0;top:-35px;display:block;width:72px;height:72px;object-fit:cover;border:4px solid #fff;border-radius:50%;background:#e4d5c7}.pix-checkout .pix-identity>div{padding:0;min-width:0}.pix-checkout .pix-identity h2{font:600 16px/1.35 'Manrope',sans-serif;color:#27231f;overflow-wrap:anywhere}.pix-checkout .pix-handle{font:400 13px/1.5 'Manrope',sans-serif;color:#788390;overflow-wrap:anywhere}
.pix-checkout .pix-body{padding:16px 24px 24px}.pix-checkout .pix-plan-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 18px}.pix-checkout .pix-plan-name{font-size:13px;color:#74808e}.pix-checkout .pix-plan-price{font-size:18px;font-weight:700;color:#24211e;white-space:nowrap}.pix-checkout h3{font:700 13px/1.5 'Manrope',sans-serif;margin-bottom:9px;color:#24211e}
.pix-checkout .pix-benefits{list-style:none;display:grid;gap:7px;margin-bottom:21px;font-size:13px;line-height:1.5}.pix-checkout .pix-benefits li:before{content:'✓';display:inline-block;width:24px;color:#f57427;font-size:16px}.pix-checkout .pix-payment-area{border-top:1px solid #e6e1dc;padding-top:21px;text-align:center}.pix-checkout .pix-payment-area h3{font-size:16px;font-weight:600;margin:0 0 17px}
.pix-checkout .pix-qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:216px;height:216px;margin:0 auto 17px;border:1px solid #e6e1dc;border-radius:24px;background:#fff;color:#a29b93}.pix-checkout .pix-qr-placeholder svg{display:block;width:82px;height:82px;opacity:.55}.pix-checkout .pix-qr-placeholder span{font-size:11px;line-height:1.7}
.pix-checkout .pix-copy-row{display:flex;align-items:center;gap:8px;width:100%;min-height:50px;padding:7px 8px 7px 12px;border:1px solid #ffa875;border-radius:21px;background:#fff5ed;text-align:left}.pix-checkout .pix-copy-row>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#7e776f}.pix-checkout .pix-copy-row button{display:flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;margin:0;padding:9px 11px;border:0;border-radius:18px;background:#f56a17;color:#fff;font-size:10px;font-weight:700;line-height:1.4;white-space:nowrap;opacity:.6;cursor:default}.pix-checkout .pix-copy-row svg{width:14px;height:14px}
.pix-checkout .pix-payment-status{font-size:12px;line-height:1.6;color:#7c8793;margin:16px 0}.pix-checkout .pix-security{display:flex;align-items:center;justify-content:center;gap:7px;color:#7c8793;font-size:11px;line-height:1.5;margin:0 0 16px}.pix-checkout .pix-security svg{width:16px;height:16px}.pix-checkout .pix-terms{border-top:1px solid #e6e1dc;padding-top:16px;color:#7c8793;text-align:center;font-size:11px;line-height:1.5}.pix-checkout .pix-cover[hidden]{display:none}
html:has(.pix-checkout[open]){overflow:hidden}
@media(max-width:400px){dialog.pix-checkout{max-width:calc(100vw - 12px)}.pix-checkout .pix-body{padding-right:18px;padding-left:18px}.pix-checkout .pix-identity{margin-right:18px;margin-left:18px}.pix-checkout .pix-copy-row{gap:5px}.pix-checkout .pix-copy-row button{padding:9px 8px;font-size:9px}}

.pix-checkout .pix-avatar[hidden]{display:none}

.pix-checkout .pix-destination-notice{padding:12px;margin:0 0 15px;background:#fff0de;border:1px solid #f0d4b7;border-radius:12px;font-size:11px;color:#946336;line-height:1.7;white-space:pre-wrap}.pix-checkout .pix-destination-notice[hidden]{display:none}
.pix-qr-placeholder .pix-qr-image{display:block;max-width:100%;width:220px;height:auto;aspect-ratio:1;object-fit:contain;filter:none}
.pix-qr-placeholder .pix-qr-image[hidden]{display:none}
.pix-payer-data{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:12px}.pix-payer-data h3,.pix-payer-data small{grid-column:1/-1}.pix-payer-data label{display:grid;gap:5px;font-size:11px;color:var(--muted,#aaa)}.pix-payer-data input{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#171514;color:inherit;font:inherit}.pix-payer-data small{font-size:10px;opacity:.75}@media(max-width:480px){.pix-payer-data{grid-template-columns:1fr}}
.pix-payer-data .pix-generate-button{grid-column:1/-1;min-height:44px;border:0;border-radius:10px;background:linear-gradient(110deg,#f97316,#fb923c);color:#21150f;font-weight:800}.pix-payer-data .pix-generate-button:disabled{opacity:.65;cursor:wait}
