.payment-document-field{margin:20px 0}.payment-document-field input{font-size:16px}.pix-payment-panel{scroll-margin-top:28px;border:1px solid #dce3d7;border-radius:24px;padding:clamp(22px,4vw,40px);background:#fff;margin:24px 0}.pix-payment-panel:focus{outline:none}.pix-payment-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.pix-payment-heading img{width:36px;height:36px}.pix-payment-heading span{font-size:12px;letter-spacing:.08em;color:#42583b}.pix-payment-panel h2{font-size:clamp(26px,4vw,36px);line-height:1.15;letter-spacing:-.04em;margin:0 0 16px}.pix-payment-panel p{font-size:16px;line-height:1.65;color:#465344}.pix-payment-total{display:block;font-size:36px;letter-spacing:-.04em;margin:22px 0}.pix-code-group label{display:block;font-size:14px;font-weight:700;margin:20px 0 10px}.pix-code-group textarea{width:100%;min-height:112px;resize:vertical;box-sizing:border-box;border:1px solid #becbb7;border-radius:12px;background:#f7f9f4;padding:14px;font:16px/1.5 monospace;word-break:break-all;color:#1f2920}.pix-code-group button,.pix-refresh{min-height:48px;width:100%;margin-top:14px}.pix-payment-panel [hidden]{display:none!important}.pix-payment-panel[data-status="PAID"]{background:#f2f7ee;border-color:#8da27b}.pix-payment-panel .pix-expiry{font-size:14px}.pix-payment-panel .plain-button{min-height:48px;margin-top:16px;font-size:15px;text-decoration:underline}.pix-refresh{border:1px solid #c7d2c0;background:white;border-radius:24px;font:600 15px inherit;color:#263420;padding:12px;cursor:pointer}.pix-refresh:disabled{opacity:.6;cursor:wait}@media(prefers-reduced-motion:no-preference){.pix-payment-panel{animation:pix-panel-enter .3s ease-out}@keyframes pix-panel-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
.payment-validation-notice{padding:16px;border:1px solid #c9d7b6;border-radius:12px;background:#f0f5e9;color:#354e28!important;font-size:15px!important;line-height:1.7!important}.payment-option[hidden]{display:none!important}
.pix-payment-panel{overflow:clip}.pix-payment-panel .pix-payment-heading{flex-wrap:wrap;margin-bottom:22px;gap:10px}.pix-payment-heading>span:first-of-type{font-size:10px}.pix-live-status{display:inline-flex;align-items:center;gap:7px;margin-left:auto;border:1px solid #d5dfcd;background:#f2f6ec;border-radius:24px;padding:7px 10px;font-size:11px;letter-spacing:0;color:#3e5732}.pix-live-status:before{content:'';height:6px;width:6px;border-radius:50%;background:#6b8d50}.pix-payment-panel[data-status="WAITING_PAYMENT"] .pix-live-status:before{animation:pix-status-pulse 2s ease-in-out infinite}.pix-payment-message{max-width:56ch}.pix-total-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:20px 0;border-top:1px solid #e1e7db;border-bottom:1px solid #e1e7db;margin:24px 0}.pix-total-row>div>span{font-size:12px;color:#5e6f53}.pix-payment-total{margin:5px 0 0;font-size:clamp(32px,4vw,40px)}.pix-countdown{font-size:12px;font-variant-numeric:tabular-nums;color:#577045;background:#f2f6ed;padding:8px 12px;border-radius:20px}.pix-countdown:empty{display:none}.pix-payment-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.pix-copy-card,.pix-qr-card{min-width:0}.pix-copy-card{order:-1}.pix-qr-card{border:1px solid #e0e7d8;border-radius:18px;padding:18px;text-align:center;background:#fafbf8}.pix-method-caption{font-size:10px;font-weight:700;letter-spacing:.1em;color:#567144;display:block;margin-bottom:12px}.pix-qr-card canvas{display:block;width:min(260px,100%);height:auto;aspect-ratio:1;margin:0 auto;background:white}.pix-payment-panel #pix-qr-note{font-size:13px;line-height:1.6;margin:12px 0 0;color:#56664b}.pix-code-group label{font-size:19px;letter-spacing:-.025em;margin:0 0 10px}.pix-payment-panel .pix-copy-help{font-size:14px;line-height:1.6;margin:0 0 14px}.pix-code-group textarea{font-size:14px;line-height:1.6;min-height:122px;overflow-wrap:anywhere;resize:none}.pix-code-group #copy-pix-code{display:flex;justify-content:center;align-items:center;gap:12px;min-height:54px;font-size:15px}.pix-copy-feedback{font-size:13px!important;line-height:1.6!important;color:#486b34!important;margin:9px 0 0;min-height:0}.pix-copy-feedback:empty{display:none}.pix-payment-panel .pix-expiry{font-size:12px;text-align:center;margin:18px 0 0}.pix-instructions{border-top:1px solid #e0e7d8;margin-top:26px;padding-top:23px}.pix-instructions h3{font-size:20px;letter-spacing:-.025em;margin:0 0 20px}.pix-instructions ol{list-style:none;padding:0;margin:0;display:grid;gap:18px}.pix-instructions li{display:flex;gap:12px;align-items:flex-start}.pix-instructions li>span{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#edf3e6;font-size:12px;color:#4b6538;font-weight:700}.pix-instructions strong{font-size:14px;line-height:1.5}.pix-instructions p{font-size:13px;line-height:1.65;margin:4px 0 0}.pix-payment-actions{border-top:1px solid #e0e7d8;margin-top:24px;padding-top:6px}.pix-payment-panel .pix-confirmation-note{font-size:12px;text-align:center;margin:16px 0 0;color:#617354}.pix-preparing{display:flex;gap:15px;align-items:center;border:1px solid #dce6d2;border-radius:16px;background:#f5f8f0;padding:22px;margin:20px 0}.pix-preparing strong{font-size:15px}.pix-preparing p{font-size:13px;margin:5px 0 0}.pix-spinner{display:block;flex-shrink:0;width:25px;height:25px;border:2px solid #d4ddca;border-top-color:#6a8657;border-radius:50%;animation:pix-spinner-turn .85s linear infinite}.pix-refresh{font-family:inherit;font-weight:600;font-size:14px}.pix-refresh[aria-busy="true"]{opacity:.65}.pix-payment-panel [hidden]{display:none!important}.pix-payment-panel .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(min-width:1100px){.pix-payment-layout{grid-template-columns:minmax(180px,.85fr) minmax(0,1fr);align-items:start;gap:20px}.pix-copy-card{order:0}.pix-qr-card{padding:12px}.pix-code-group textarea{font-size:13px;min-height:150px}}@media(max-width:380px){.pix-live-status{margin-left:0}.pix-payment-panel{padding:19px}.pix-payment-heading img{width:29px;height:29px}.pix-qr-card{padding:10px}.pix-countdown{padding:6px 9px}}@keyframes pix-status-pulse{50%{opacity:.35}}@keyframes pix-spinner-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pix-payment-panel,.pix-live-status:before,.pix-spinner{animation:none!important}}
