: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}}

body.pix-modal-open{overflow:hidden!important;touch-action:none}
#pix-modal-site.pix-generation-active{position:fixed!important;z-index:1000002!important;inset:0!important;display:flex;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:16px!important;overflow:hidden!important;background:rgba(0,0,0,.72)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);font-family:Inter,"Segoe UI",sans-serif}
#pix-modal-site.pix-generation-active .pix-site-content{width:100%!important;max-width:520px!important;max-height:calc(100dvh - 32px)!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:28px!important;background:transparent!important;box-shadow:0 30px 80px rgba(0,0,0,.32)!important}
#pix-modal-site.pix-generation-active #pix-site-body{width:100%;height:100%;max-height:calc(100dvh - 32px)}
.pix-generation-shell{position:relative;width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;border-radius:28px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);color:#071f3d;box-shadow:inset 0 0 0 1px rgba(7,31,61,.05);animation:pixModalEnter .35s ease-out;scrollbar-width:thin;scrollbar-color:#b7c6d8 transparent}
.pix-generation-header{position:sticky;z-index:8;top:0;display:flex;align-items:center;justify-content:space-between;padding:20px 22px 4px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.88),transparent)}
.pix-generation-header>img{display:block;width:160px;max-width:48%;height:58px;object-fit:contain;border-radius:12px;background:#031225}
.pix-generation-header button{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;display:grid;place-items:center;background:#f1f3f5;color:#273444;font-size:21px;cursor:pointer;transition:transform .18s ease,background .18s ease}
.pix-generation-header button:active{transform:scale(.92)}.pix-generation-header button:hover{background:#e7ebef}.pix-generation-header button:focus-visible{outline:3px solid rgba(8,125,242,.3);outline-offset:2px}
.pix-generation-content{display:grid;justify-items:center;padding:0 24px 75px;text-align:center}
.pix-generation-order{padding:5px 12px;border-radius:999px;background:#eef6ff;color:#087df2;font-size:12px;font-weight:800}
.pix-generation-loader{position:relative;width:190px;height:190px;margin:2px auto 0;display:flex;align-items:center;justify-content:center}
.pix-generation-glow{position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(0,126,255,.14);filter:blur(18px)}
.pix-generation-ring{position:absolute;inset:10px;border-radius:50%;background:conic-gradient(from 0deg,#087df2 0 115deg,#dfe6ef 115deg 360deg);animation:pixRingRotate 1.25s linear infinite;box-shadow:0 0 26px rgba(8,125,242,.13)}
.pix-generation-ring::after{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}
.pix-generation-ring-detail{position:absolute;inset:3px;border:8px dotted rgba(8,125,242,.12);border-radius:50%;animation:pixRingRotate 8s linear infinite reverse}
.pix-generation-symbol{position:relative;z-index:2;width:105px;height:105px;overflow:hidden;border-radius:28px;background:#031225;box-shadow:0 12px 30px rgba(0,90,200,.22);animation:pixLogoPulse 1.8s ease-in-out infinite}
.pix-generation-symbol img{position:absolute;left:0;top:50%;width:315px!important;height:auto!important;max-width:none!important;transform:translateY(-50%);filter:none!important}
.pix-generation-loader .particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#66c9ff;box-shadow:0 0 9px #66c9ff;animation:pixParticle 2.1s ease-in-out infinite}.pix-generation-loader .particle.one{left:5px;top:72px}.pix-generation-loader .particle.two{right:1px;top:46px;animation-delay:.45s}.pix-generation-loader .particle.three{right:18px;bottom:24px;animation-delay:.9s}.pix-generation-loader .particle.four{left:24px;bottom:16px;animation-delay:1.2s}
.pix-generation-copy h2{margin:0;font-size:30px;line-height:1.1;font-weight:800;color:#071f3d}.pix-generation-copy h2 span{color:#087df2}.pix-generation-copy p{margin:12px 0 0;font-size:16px;line-height:1.5;color:#25364a}.pix-generation-copy p small{display:block;color:#7b8490;font-size:inherit}
.pix-generation-steps{position:relative;width:100%;margin:25px 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none}
.pix-generation-step{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;color:#7a8490}.pix-generation-step span{position:relative;z-index:2;width:52px;height:52px;border:3px solid #e2e6eb;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#263442;font-size:18px;transition:.2s ease}.pix-generation-step strong{font-size:12px;line-height:1.15;font-weight:600;color:#4a5360;text-align:center}.pix-generation-step b{position:absolute;z-index:-1;left:calc(50% + 26px);top:25px;width:calc(100% - 52px);height:3px;background:#e2e6eb;transition:background .2s ease}.pix-generation-step.active span{border-color:#087df2;color:#087df2;box-shadow:0 0 0 6px rgba(8,125,242,.07)}.pix-generation-step.active strong{color:#087df2;font-weight:800}.pix-generation-step.complete span{border-color:#087df2;background:#087df2;color:#fff;animation:stepComplete .35s ease-out}.pix-generation-step.complete strong{color:#087df2}.pix-generation-step.complete b{background:#087df2}
.pix-generation-delay{width:100%;margin:0 0 14px;padding:10px 12px;border-radius:12px;background:#fff6dd;color:#7b5900;font-size:12px;font-weight:700}.pix-generation-delay.attention{background:#eaf4ff;color:#075fae}
.pix-generation-security{width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(8,125,242,.08),rgba(8,125,242,.03));text-align:left}.pix-generation-security>span{width:50px;height:50px;flex:0 0 50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#087df2,#005ac8);color:#fff;font-size:23px;box-shadow:0 8px 18px rgba(8,125,242,.18)}.pix-generation-security strong{display:block;font-size:15px;font-weight:800;color:#071f3d}.pix-generation-security p{margin:4px 0 0;font-size:13px;line-height:1.45;color:#526071}
.pix-generation-error-actions{width:100%;margin-top:16px;display:grid;gap:9px}.pix-generation-error-actions[hidden]{display:none}.pix-generation-error-actions button{min-height:48px;border-radius:14px;font-weight:800;cursor:pointer}.pix-generation-error-actions .primary{border:0;background:linear-gradient(135deg,#087df2,#005ac8);color:#fff}.pix-generation-error-actions .secondary{border:1px solid #cad4df;background:#fff;color:#25364a}
.pix-generation-waves{position:absolute;left:0;right:0;bottom:0;height:58px;overflow:hidden;pointer-events:none}.pix-generation-waves i{position:absolute;left:-8%;width:116%;height:80px;border-radius:50% 50% 0 0/35% 35% 0 0;transform:rotate(-3deg)}.pix-generation-waves i:nth-child(1){top:29px;background:#063f9c}.pix-generation-waves i:nth-child(2){top:35px;left:-2%;background:#087df2;transform:rotate(2deg)}.pix-generation-waves i:nth-child(3){top:42px;left:18%;background:linear-gradient(90deg,#06a67c,#74c84e);transform:rotate(-5deg)}.pix-generation-waves i:nth-child(4){top:46px;left:48%;background:linear-gradient(90deg,#f4d31d,#ff8a00);transform:rotate(-4deg)}
.pix-generation-shell[data-pix-state="success"] .pix-generation-ring{background:#16a36a;animation:none}.pix-generation-shell[data-pix-state="success"] .pix-generation-symbol img{display:none}.pix-generation-shell[data-pix-state="success"] .pix-generation-symbol{display:grid;place-items:center;background:linear-gradient(135deg,#087df2,#16a36a);animation:stepComplete .35s ease-out}.pix-generation-shell[data-pix-state="success"] .pix-generation-symbol::after{content:"✓";color:#fff;font-size:58px;font-weight:900}
.pix-generation-shell[data-pix-state="error"] .pix-generation-ring{background:#e23b3b;animation:none}.pix-generation-shell[data-pix-state="error"] .pix-generation-ring-detail,.pix-generation-shell[data-pix-state="error"] .particle{animation:none}.pix-generation-shell[data-pix-state="error"] .pix-generation-symbol img{display:none}.pix-generation-shell[data-pix-state="error"] .pix-generation-symbol{display:grid;place-items:center;background:#e23b3b;animation:none}.pix-generation-shell[data-pix-state="error"] .pix-generation-symbol::after{content:"!";color:#fff;font-size:58px;font-weight:900}
@keyframes pixModalEnter{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pixRingRotate{to{transform:rotate(360deg)}}@keyframes pixLogoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes pixParticle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}@keyframes stepComplete{0%{transform:scale(.75);opacity:0}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
@media(max-width:480px){#pix-modal-site.pix-generation-active{padding:12px!important}#pix-modal-site.pix-generation-active .pix-site-content,#pix-modal-site.pix-generation-active #pix-site-body,.pix-generation-shell{max-height:calc(100dvh - 24px)!important}.pix-generation-shell{border-radius:24px}.pix-generation-header{padding:15px 16px 2px}.pix-generation-header>img{width:145px;height:50px}.pix-generation-content{padding:0 16px 66px}.pix-generation-loader{width:160px;height:160px}.pix-generation-symbol{width:88px;height:88px;border-radius:24px}.pix-generation-symbol img{width:264px!important}.pix-generation-copy h2{font-size:26px}.pix-generation-copy p{font-size:14px}.pix-generation-steps{margin-top:20px}.pix-generation-step span{width:44px;height:44px;font-size:16px}.pix-generation-step b{left:calc(50% + 22px);top:21px;width:calc(100% - 44px)}.pix-generation-step strong{font-size:10px}.pix-generation-security{padding:13px}.pix-generation-security>span{width:44px;height:44px;flex-basis:44px}}
@media(max-height:690px){.pix-generation-header{position:relative}.pix-generation-loader{width:130px;height:130px}.pix-generation-symbol{width:74px;height:74px;border-radius:20px}.pix-generation-symbol img{width:222px!important}.pix-generation-copy h2{font-size:23px}.pix-generation-copy p{margin-top:7px;font-size:13px}.pix-generation-steps{margin:14px 0}.pix-generation-step span{width:40px;height:40px}.pix-generation-step b{left:calc(50% + 20px);top:19px;width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){.pix-generation-shell,.pix-generation-shell *,.pix-generation-shell *::before,.pix-generation-shell *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}