:root{--pay-bg:#020817;--pay-bg-secondary:#031326;--pay-card:rgba(4,20,39,.97);--pay-card-light:rgba(7,29,52,.92);--pay-blue:#078df5;--pay-cyan:#0db8e8;--pay-green:#26c83b;--pay-yellow:#ffd21c;--pay-orange:#ff8700;--pay-white:#fff;--pay-muted:#9aacbf;--pay-border:rgba(41,130,197,.5)}

#pix-modal-site.pix-site-modal.blux-pay-active{position:fixed!important;z-index:999999!important;inset:0!important;display:none;align-items:flex-start!important;justify-content:center!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;background:radial-gradient(circle at 50% 8%,rgba(5,113,204,.16),transparent 34%),linear-gradient(180deg,#020817 0%,#031225 100%)!important;font-family:Inter,"Segoe UI",sans-serif}
#pix-modal-site.pix-site-modal.blux-pay-active::before{content:"";position:fixed;inset:0;opacity:.34;background-image:radial-gradient(rgba(16,116,183,.17) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}
#pix-modal-site.pix-site-modal.blux-pay-active::after{content:"";position:fixed;z-index:0;left:-10%;right:-10%;bottom:-100px;height:260px;opacity:.42;background:repeating-radial-gradient(ellipse at 20% 100%,transparent 0 22px,rgba(7,141,245,.52) 23px 25px,transparent 26px 40px),repeating-radial-gradient(ellipse at 72% 110%,transparent 0 25px,rgba(38,200,59,.42) 26px 28px,transparent 29px 46px),linear-gradient(90deg,rgba(7,141,245,.18),rgba(38,200,59,.12),rgba(255,135,0,.15));pointer-events:none;filter:blur(.2px)}
#pix-modal-site.blux-pay-active .pix-site-content{position:relative;z-index:2;width:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#pix-modal-site.blux-pay-active #pix-site-body{width:100%}
.pix-payment-page{position:relative;z-index:2;width:100%;min-height:100vh;padding:14px 0 28px;color:var(--pay-white)}
.pix-brand{display:flex;justify-content:center;padding:8px 16px 12px}
.pix-brand-logo{display:block;width:min(420px,74vw);height:auto;max-height:132px;object-fit:contain;filter:drop-shadow(0 12px 32px rgba(0,0,0,.38))}
.pix-payment-card{position:relative;width:min(820px,calc(100% - 28px));margin:0 auto 28px;padding:26px 30px;border-radius:28px;background:linear-gradient(180deg,rgba(5,24,45,.98),rgba(2,15,30,.98));box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04);text-align:left}
.pix-payment-card::before{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;background:linear-gradient(135deg,var(--pay-blue),var(--pay-cyan),var(--pay-green),var(--pay-yellow),var(--pay-orange));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.pix-order-header{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:22px;text-align:left}
.pix-order-header h2{margin:0!important;color:#fff!important;font-size:clamp(30px,5vw,48px)!important;font-weight:800!important;line-height:1.05!important}
.pix-order-header p{margin:6px 0 0!important;color:#fff!important;font-size:clamp(19px,3vw,28px)!important}
.pix-order-header strong{color:var(--pay-blue)}
.pix-success-icon{display:grid;place-items:center;flex:0 0 auto;width:76px;height:76px;border:3px solid var(--pay-green);border-radius:50%;color:var(--pay-green);box-shadow:0 0 22px rgba(38,200,59,.28),inset 0 0 18px rgba(38,200,59,.08)}
.pix-success-icon svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pix-notice{display:flex;align-items:center;gap:20px;padding:20px 24px;margin-bottom:22px;border:1px solid rgba(23,140,214,.55);border-radius:22px;background:rgba(3,24,45,.78)}
.pix-notice-icon{display:grid;place-items:center;flex:0 0 auto;width:64px;height:64px;border:3px solid var(--pay-blue);border-radius:50%;color:var(--pay-blue);font-family:Georgia,serif;font-size:38px;font-weight:800;box-shadow:0 0 20px rgba(7,141,245,.26)}
.pix-notice strong{display:block;color:#fff;font-size:clamp(20px,3vw,29px)}
.pix-notice strong span{color:var(--pay-green)}
.pix-notice p{margin:4px 0 0!important;color:#fff!important;font-size:clamp(17px,2.6vw,25px)!important;line-height:1.3!important}
.pix-instruction{display:flex;align-items:center;gap:18px;margin:14px 0 18px;color:#fff;font-size:clamp(17px,2.6vw,24px)}
.pix-instruction i{height:3px;flex:1;max-width:170px;border-radius:999px;background:linear-gradient(90deg,var(--pay-green),var(--pay-blue))}
.pix-qr-wrapper{width:min(390px,86%);margin:0 auto 18px;padding:22px;border-radius:24px;background:#fff;box-shadow:0 0 0 2px var(--pay-blue),4px 5px 0 var(--pay-orange),0 20px 40px rgba(0,0,0,.3)}
.pix-qr-wrapper .pix-qr-site{display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;aspect-ratio:1/1;object-fit:contain;image-rendering:pixelated}
.pix-copy-title{display:flex;align-items:center;gap:12px;margin:12px 0 10px;color:#fff;font-size:clamp(18px,3vw,25px)}
.pix-copy-title span{color:var(--pay-blue);font-size:24px}
.pix-code-wrapper{position:relative}
#pix-modal-site #pix-copia-site{display:block;width:100%;min-height:118px;margin:0;padding:20px 66px 20px 22px;overflow-wrap:anywhere;border:1px solid rgba(24,136,210,.56);border-radius:20px;outline:0;resize:none;background:rgba(2,17,34,.82);color:#fff;font-family:"Roboto Mono",Consolas,monospace;font-size:clamp(14px,2vw,19px);line-height:1.4;scrollbar-width:thin;scrollbar-color:var(--pay-blue) transparent}
.pix-copy-icon{position:absolute;top:50%;right:14px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;background:transparent;color:var(--pay-blue);font-size:29px;cursor:pointer;transform:translateY(-50%)}
#pix-modal-site .pix-copy-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:66px;margin-top:18px!important;border:0!important;border-radius:16px!important;background:linear-gradient(90deg,var(--pay-blue),var(--pay-cyan),var(--pay-green),var(--pay-yellow),var(--pay-orange))!important;color:#fff!important;font-size:clamp(17px,2.7vw,23px)!important;font-weight:800!important;text-transform:uppercase;box-shadow:0 14px 30px rgba(0,113,218,.2);cursor:pointer;transition:transform .2s ease,filter .2s ease}
#pix-modal-site .pix-copy-button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.pix-waiting-status{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:18px;padding:20px 24px;border:1px solid rgba(30,132,198,.48);border-radius:20px;background:rgba(3,21,40,.82);transition:.25s ease}
.pix-waiting-status.is-confirmed{border-color:rgba(38,200,59,.75);background:rgba(4,50,26,.5);box-shadow:0 0 26px rgba(38,200,59,.16)}
.pix-waiting-icon{display:grid;place-items:center;width:58px;height:58px;border:3px solid var(--pay-green);border-radius:50%;color:var(--pay-green)}
.pix-waiting-icon svg,.pix-secure-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pix-waiting-text strong{color:#fff;font-size:clamp(18px,2.8vw,24px)}
.pix-waiting-text p{margin:5px 0 0!important;color:#fff!important;font-size:clamp(14px,2.2vw,18px)!important;line-height:1.4!important}
.pix-secure-icon{display:grid;place-items:center;width:58px;height:58px;color:var(--pay-green)}
.pix-secure-icon svg{width:52px;height:52px}
#pix-modal-site .pix-new-order-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:64px;margin-top:18px!important;border:2px solid transparent!important;border-radius:16px!important;background:linear-gradient(var(--pay-bg-secondary),var(--pay-bg-secondary)) padding-box,linear-gradient(90deg,var(--pay-blue),var(--pay-green),var(--pay-orange)) border-box!important;color:#fff!important;font-size:clamp(17px,2.6vw,22px)!important;font-weight:700!important;cursor:pointer}
#pix-modal-site .pix-new-order-button span{font-size:29px}
.pix-managed-by{margin-top:22px;padding-top:18px;border-top:1px solid rgba(53,102,145,.35);text-align:center;color:var(--pay-muted)}
.pix-managed-by>strong{display:block;margin-top:4px;color:#fff;font-size:18px}
.pix-managed-by>div{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:10px;font-size:13px}.pix-managed-by b{color:var(--pay-green);font-size:18px}
.pix-payment-page .pix-loader{border-color:rgba(255,255,255,.18);border-top-color:var(--pay-blue)}
.pix-payment-page .pix-error-site{border:1px solid rgba(239,68,68,.45);background:rgba(127,29,29,.25);color:#fecaca}
@media(max-width:600px){.pix-payment-page{padding:12px 0 20px}.pix-brand{padding:4px 16px 10px}.pix-brand-logo{width:min(300px,72vw);max-height:94px}.pix-payment-card{width:calc(100% - 20px);padding:20px 16px;border-radius:22px}.pix-order-header{gap:12px}.pix-success-icon{width:58px;height:58px}.pix-success-icon svg{width:35px;height:35px}.pix-notice{gap:14px;padding:16px}.pix-notice-icon{width:50px;height:50px;font-size:30px}.pix-qr-wrapper{width:min(330px,92%);padding:16px}.pix-waiting-status{grid-template-columns:auto 1fr;gap:14px;padding:16px}.pix-secure-icon{display:none}.pix-instruction{gap:10px}.pix-instruction i{max-width:90px}#pix-modal-site #pix-copia-site{min-height:108px;padding:16px 52px 16px 16px}.pix-copy-icon{right:7px}.pix-managed-by{display:none}}
@media(max-width:380px){.pix-payment-card{width:calc(100% - 12px);padding:18px 12px}.pix-order-header h2{font-size:27px!important}.pix-order-header p{font-size:18px!important}.pix-notice{padding:14px 12px}.pix-notice strong{font-size:18px}.pix-notice p{font-size:15px!important}.pix-instruction{font-size:15px}.pix-qr-wrapper{padding:12px}.pix-waiting-status{padding:13px 11px}.pix-waiting-icon{width:48px;height:48px}.pix-waiting-icon svg{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){#pix-modal-site *,#pix-modal-site *::before,#pix-modal-site *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}