.pix-modal{position:fixed;inset:0;z-index:1800;display:grid;place-items:center;padding:1rem;background:rgba(1,7,18,.86);backdrop-filter:blur(9px)}
.pix-modal.oculto{display:none}
.pix-modal__content{position:relative;width:min(640px,100%);max-height:calc(100vh - 2rem);overflow-y:auto;padding:2rem;border:1px solid rgba(223,184,75,.65);border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(31,87,145,.3),transparent 42%),linear-gradient(145deg,#071a38,#030b19);box-shadow:0 30px 90px rgba(0,0,0,.72),inset 0 0 35px rgba(35,100,165,.08);color:#fff}
.pix-modal__close{position:absolute;top:.75rem;right:.8rem;width:2.25rem;height:2.25rem;padding:0;border:1px solid #526b90;border-radius:50%;background:#07162e;color:#fff;font-size:1.4rem;line-height:1;cursor:pointer}
.pix-modal__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding-right:2.8rem}
.pix-modal__header img{display:block;width:min(132px,26vw);height:auto;max-height:66px;object-fit:contain}
.pix-modal__content h2{margin:0;color:#f3cf65;font-size:clamp(1.5rem,4vw,2.15rem)}
.pix-modal__intro{max-width:590px;margin:.65rem 0 1.35rem;color:#c3cfe0;line-height:1.55}
.pix-modal__body{display:grid;gap:1rem;place-items:center}
.pix-modal__qr-frame{display:grid;place-items:center;padding:16px;border:1px solid rgba(243,207,101,.55);border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(0,0,0,.35)}
.pix-modal__qr{width:100%;aspect-ratio:1}
.pix-modal__qr canvas,.pix-modal__qr img{width:100%!important;height:auto!important;aspect-ratio:1;image-rendering:pixelated}
.pix-modal__receiver{display:flex;gap:.45rem 1rem;align-items:center;justify-content:center;color:#b9c9dd}
.pix-modal__receiver strong{color:#fff}.pix-modal__receiver span{color:#f3cf65}
.pix-modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;width:100%}
.pix-modal__actions button{min-height:50px;padding:.72rem 1.2rem;border:1px solid #efc45d;border-radius:999px;background:linear-gradient(180deg,#edbd51,#bd8217);color:#100b02;font-weight:800;cursor:pointer}
.pix-modal__status{min-height:1.3rem;margin:1rem 0 0;color:#aebed4;text-align:center}
.pix-modal__status--success{color:#84e0ad}.pix-modal__status--error{color:#ff9b9b}
@media(max-width:660px){.pix-modal{place-items:start center;overflow-y:auto}.pix-modal__content{max-height:none;padding:1.5rem}.pix-modal__header{padding-right:2.35rem}.pix-modal__header img{width:min(108px,28vw)}.pix-modal__qr-frame{width:min(78vw,280px);justify-self:center}.pix-modal__actions{grid-template-columns:1fr}.pix-modal__actions button{width:100%}}
