body.page-zpack-pix{min-height:100vh;color:#e9f6f2;--page-accent:#6ee7b7;--page-accent-rgb:52,211,153}
.page-zpack-pix .nav{position:relative;z-index:3}
.zpix-back{font-size:.86rem;color:#a7f3d0;text-decoration:none}.zpix-back:hover{text-decoration:underline}
.zpix-page{position:relative;z-index:2;max-width:1120px;margin:auto;padding:70px 24px 100px}
.zpix-hero{max-width:770px;margin-bottom:26px}.zpix-eyebrow,.zpix-label{display:block;letter-spacing:.15em;color:#7dd3ad;font-size:.71rem;font-weight:800;margin-bottom:14px}
.zpix-hero h1{font-family:'Space Grotesk',Inter,sans-serif;font-size:clamp(2rem,5vw,3.5rem);line-height:1.06;letter-spacing:-.04em;margin:0 0 16px}
.zpix-hero p{color:#a5b5b2;line-height:1.7}.zpix-hero p strong{color:#e5f9ef}
.zpix-alert{border:1px solid #b37f3d;border-radius:17px;background:rgba(121,70,26,.21);padding:16px 20px;margin-bottom:25px;display:grid;gap:7px;font-size:.88rem;line-height:1.5}
.zpix-alert strong{color:#ffd69a}.zpix-alert span{color:#efcca4}
.zpix-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.zpix-card{min-width:0;border-radius:23px;padding:30px;border:1px solid rgba(110,231,183,.2);background:linear-gradient(150deg,#10201e,#0c1519 60%,#0c1015);box-shadow:0 22px 55px rgba(0,0,0,.2)}
.zpix-card h2{font-family:'Space Grotesk',Inter,sans-serif;font-size:1.4rem;margin:0 0 24px;letter-spacing:-.02em}
.zpix-card label{display:block;font-size:.82rem;font-weight:650;margin:0 0 10px;color:#c7ded6}
.zpix-card select,.zpix-card textarea{display:block;width:100%;background:#071213;border:1px solid #41635a;color:#effff9;border-radius:11px;padding:15px;font:inherit;outline-color:#6ee7b7}
.zpix-card select{cursor:pointer}.zpix-card textarea{font-size:.74rem;line-height:1.5;resize:vertical;overflow-wrap:anywhere}
.zpix-summary{margin:22px 0;display:grid;gap:14px;border-top:1px solid #254039;border-bottom:1px solid #254039;padding:18px 0}
.zpix-summary>div{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.85rem}.zpix-summary span{color:#9bada7}.zpix-summary strong{color:#fff;text-align:right}
.zpix-small{font-size:.75rem;color:#a9b9b4;line-height:1.65;margin:16px 0}.zpix-small a{color:#6ee7b7;text-decoration:underline}
.zpix-primary,.zpix-outline,#zpix-copy{font:inherit;font-weight:750;border-radius:12px;padding:14px 18px;cursor:pointer;transition:filter .15s;border:1px solid rgba(110,231,183,.42)}
.zpix-primary{width:100%;background:#84edca;color:#06251b;margin-top:12px}.zpix-outline,#zpix-copy{background:#09221e;color:#bbf7da}.zpix-outline{width:100%;margin-top:15px}
.zpix-primary:hover,.zpix-outline:hover,#zpix-copy:hover{filter:brightness(1.13)}.zpix-primary:disabled,.zpix-outline:disabled{opacity:.55;cursor:wait}
.zpix-message{min-height:32px;margin-top:16px;color:#bbddcc;font-size:.82rem;line-height:1.55;overflow-wrap:anywhere}.zpix-message.error{color:#ffb4a8}
.zpix-placeholder{border:1px dashed #335a50;background:#0a181a;border-radius:15px;padding:35px 22px;text-align:center;color:#a0b3ad;line-height:1.7;font-size:.88rem}
.zpix-details{margin:0 0 20px}.zpix-details div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;margin:0;padding:9px 0;border-bottom:1px solid #2a413e;font-size:.79rem}.zpix-details dt{color:#9cafa9}.zpix-details dd{margin:0;color:#f1faf6;overflow-wrap:anywhere;font-weight:650}
.zpix-qr-wrap{display:flex;justify-content:center;align-items:center;margin:22px 0}.zpix-qr-wrap img{width:256px;max-width:100%;height:auto;background:#fff;border:12px solid #fff;border-radius:12px;aspect-ratio:1}
#zpix-copy-wrap{margin-top:16px}#zpix-copy{width:100%;margin-top:12px}
.zpix-bottom{margin-top:25px;padding:18px;color:#a3b6b0;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;gap:16px;border-radius:16px;border:1px solid #254239;background:#0e1718}.zpix-bottom a{color:#b4f4d1;text-decoration:underline}
@media(max-width:780px){.zpix-page{padding:46px 17px 75px}.zpix-grid{grid-template-columns:1fr}.zpix-card{padding:22px}.zpix-back{font-size:.72rem}.zpix-bottom{display:block}.zpix-bottom a{display:inline-block;margin-top:10px}.zpix-details div{grid-template-columns:110px minmax(0,1fr)}}

.zpack-test-disclaimer{max-width:1080px;margin:0 0 22px;color:#ffe0a8;background:rgba(110,64,26,.14);border:1px solid rgba(233,172,88,.35);padding:14px 20px;border-radius:14px;font-size:.8rem;line-height:1.7}

/* A regra .zpix-qr-wrap{display:flex} suplantava o atributo hidden.
   O contêiner ainda aparecia vazio após a aprovação do pagamento de teste. */
.zpix-qr-wrap[hidden],#zpix-success[hidden],#zpix-order[hidden],
#zpix-placeholder[hidden],#zpix-copy-wrap[hidden]{display:none!important}
.zpix-success{margin:20px 0;border-radius:16px;border:1px solid rgba(110,231,183,.52);background:linear-gradient(145deg,rgba(18,96,74,.38),rgba(8,53,47,.6));padding:25px 20px;text-align:center}
.zpix-success-icon{display:grid;place-items:center;margin:0 auto 12px;width:54px;height:54px;border-radius:50%;font-size:1.6rem;color:#05291b;background:#91f5ca;font-weight:900}
.zpix-success strong{display:block;color:#c5ffe7;font-size:1.15rem;margin-bottom:7px}
.zpix-success p{font-size:.83rem;color:#b5dacb;line-height:1.65;margin:0}
.zpix-future{margin-top:26px;padding:25px 28px;border:1px solid rgba(110,231,183,.18);border-radius:19px;background:#0b1718}
.zpix-future h2{font-size:1.25rem;margin:0 0 12px}
.zpix-future p{color:#b3c8bf;line-height:1.7;font-size:.86rem;margin:0 0 18px}
.zpix-future .zpix-future-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.zpix-future-grid span{border:1px solid #274439;background:#102220;border-radius:11px;padding:12px;color:#ceeadb;text-align:center;font-size:.8rem;font-weight:650}
.zpix-locked{display:inline-block;color:#bcd3c8;border:1px solid #375950;padding:11px 17px;border-radius:10px;font-size:.82rem}
@media(max-width:780px){.zpix-future{padding:20px}.zpix-future .zpix-future-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}