.in-payment{background:#f5f5f5}
.pix-page{min-height:calc(100vh - 96px);padding:62px 16px 32px;background:#f5f5f5}
.pix-wrap{max-width:504px;margin:auto}
.pix-intro{position:relative;border-radius:6px;background:white;text-align:center;padding:44px 30px 0;box-shadow:0 1px 2px #00000012;overflow:visible}
.pix-money-icon{position:absolute;top:-28px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:56px;height:56px;background:#fff;border:2px solid #00a650;color:#00a650;border-radius:50%}
.pix-money-icon>span{position:absolute;bottom:0;right:-1px;font-size:10px;letter-spacing:0;line-height:17px;width:17px;height:17px;border-radius:50%;background:#00a650;color:white}
.pix-intro>p{font-size:13px;margin:0 0 8px}
.pix-intro h1{font-size:22px;font-weight:600;line-height:1.25;margin:0 0 24px}
.pix-expiration{background:#222;color:white;margin:0 -30px;border-radius:0 0 6px 6px;padding:5px 12px;display:flex;justify-content:center;align-items:center;gap:5px;font-size:12px;min-height:28px}
.pix-expiration strong{display:inline-block;min-width:24px;padding:3px 4px;background:#fff;color:#222;font-weight:400;font-variant-numeric:tabular-nums}
.pix-instructions{background:white;margin-top:14px;padding:22px;border-radius:6px;box-shadow:0 1px 2px #0002}
.pix-instructions h2{font-weight:600;font-size:18px;line-height:1.3;margin:0 0 14px}
.pix-instructions ol{padding-left:23px;margin:0;font-size:13px;line-height:1.55}
.pix-instructions li{padding-left:3px;margin-bottom:10px}
.demo-qr{text-align:center;margin:18px 0 22px}
.demo-qr img{display:block;margin:auto;width:156px;height:156px;object-fit:contain}
.demo-qr figcaption{font-size:11px;color:#737373;margin-top:7px}
.pix-info{display:flex;align-items:flex-start;gap:10px;border-left:4px solid #3483fa;border-radius:4px;background:#f5f5f5;font-size:12px;padding:13px 10px;line-height:1.5}
.pix-info svg{width:16px;height:16px;color:#3483fa;margin-top:2px}
.pix-copy-section{margin-top:15px;padding-top:16px;border-top:1px solid #ededed}
.pix-copy-section>p{font-size:13px;color:#737373;line-height:1.4;margin:16px 0 14px}
.pix-code-box{display:flex;align-items:center;gap:16px;border:1px solid #ddd;border-radius:5px;padding:14px;font-size:13px}
.pix-code-box code{font:inherit;color:#737373;flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.5}
.pix-copy-inline{font-size:12px;min-height:44px;flex-shrink:0}
.pix-actions{display:flex;gap:20px;align-items:center;margin-top:14px}
.pix-actions .primary{font-size:13px;min-height:36px;width:auto;padding:8px 12px;border-radius:4px}
.pix-actions .text-button{font-size:12px;min-height:44px}
.pix-copy-section .pix-feedback{font-size:12px;color:#333;margin:12px 0 0;min-height:17px}
.pix-feedback:empty{display:none}
.pix-academic-note{text-align:center;font-size:11px;color:#737373;line-height:1.5;margin:18px 0}
.simulation-countdown{text-align:center;font-size:12px;color:#555;margin:14px 0}
.simulation-countdown strong{font-variant-numeric:tabular-nums;font-weight:600}
.validation-screen{position:fixed;inset:33px 0 0;z-index:14;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#fff;text-align:center}
.validation-screen::before{content:'';position:absolute;left:50%;top:50%;width:300vmax;height:300vmax;border-radius:50%;background:#00a650;animation:validation-expand 700ms cubic-bezier(.4,0,.2,1) both;z-index:-1}
.validation-content{padding:28px;color:white;animation:validation-reveal 250ms ease 250ms both;max-width:600px}
.validation-thumb{width:96px;height:96px;margin-bottom:18px}
.validation-content h1{font-size:38px;line-height:1.2;margin:0 0 12px;font-weight:600}
.validation-content p{font-size:20px;margin:8px 0}
.validation-content .validation-total{font-size:16px;margin:18px 0}
.validation-content small{display:block;font-size:12px;line-height:1.6;margin:22px 0}
.validation-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.validation-actions button,.validation-actions a{font:inherit;font-size:14px;min-height:44px;padding:12px 18px;border-radius:6px;background:white;color:#006b35;text-decoration:none;cursor:pointer}
.validation-actions button:hover,.validation-actions a:hover{background:#eaf8ee}
@keyframes validation-expand{from{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}
@keyframes validation-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.validation-screen::before{animation:none;transform:translate(-50%,-50%) scale(1)}.validation-content{animation:none}}
@media(max-width:650px){.validation-screen{top:32px}.validation-content h1{font-size:32px}.validation-content p{font-size:18px}}
.checkout-loading.finalizing h1{font-size:26px;font-weight:600;margin-bottom:32px}
.checkout-loading.finalizing .checkout-spinner{width:47px;height:47px;border-width:4px;border-color:#e5e5e5;border-top-color:#3483fa;border-left-color:#e5e5e5}
.checkout-loading.finalizing{overflow:hidden;isolation:isolate}
.checkout-loading.finalizing>div{position:relative;z-index:1}
.checkout-loading.finalizing::before{content:'';position:absolute;left:var(--green-origin-x,50%);top:var(--green-origin-y,50%);width:300vmax;height:300vmax;border-radius:50%;background:#00a650;transform:translate(-50%,-50%) scale(0);pointer-events:none;z-index:0}
.checkout-loading.green-transition{color:white}
.checkout-loading.green-transition::before{animation:green-circle-expand 700ms cubic-bezier(.4,0,.2,1) both}
.checkout-loading.green-transition>div{transition:color 180ms ease 140ms}
.checkout-loading.green-transition .checkout-spinner{border-color:#ffffff50;border-top-color:#fff}
.checkout-loading.green-transition p{color:white}
@keyframes green-circle-expand{from{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}
@media(prefers-reduced-motion:reduce){.checkout-loading.green-transition::before{animation:none;transform:translate(-50%,-50%) scale(1)}.checkout-loading.green-transition>div{transition:none}}
.pix-expired .demo-qr{opacity:.3}
.pix-expired .pix-expiration{background:#555}
@media(max-width:650px){.pix-page{padding:52px 12px 24px}.pix-intro{padding:40px 20px 0}.pix-intro h1{font-size:21px}.pix-expiration{margin:0 -20px;font-size:11px;gap:4px}.pix-instructions{padding:20px 16px}.pix-instructions h2{font-size:18px}.pix-instructions ol{font-size:13px}.pix-code-box{padding:12px;gap:10px}.pix-actions{gap:14px;flex-wrap:wrap}.pix-actions .primary{min-height:44px}.checkout-loading.finalizing h1{font-size:25px}}
