:root{--y:#F5C400;--y-d:#C99F00;--y-s:#FFF6CC;--ink:#111114;--bg:#F4F4F2;--card:#E9E7E2;--card2:#F7F7F5;--tx:#141417;--mut:#5E5E66;--line:#E6E6E1;--ok:#0E8A4F;--bad:#C62E2E;--info:#2560D8;--sh:0 1px 2px rgba(0,0,0,.04),0 4px 14px rgba(0,0,0,.05);--r:18px;--nav:68px}
[data-theme=dark]{--bg:#0E0E10;--card:#1A1A1E;--card2:#232328;--tx:#F2F2F0;--mut:#A3A3AC;--line:#2C2C32;--y-s:#3A3112;--ok:#3FCB86;--bad:#FF6B6B;--info:#7EA6FF;--sh:none}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.4 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}
a{color:inherit;text-decoration:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#app{max-width:430px;margin:0 auto;min-height:100vh;position:relative;background:var(--bg);overflow-x:hidden}
#view{padding-bottom:calc(var(--nav) + 24px);animation:in .28s ease}
@keyframes in{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.demo{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;letter-spacing:.6px;background:var(--y);color:#111;padding:3px 7px;border-radius:6px}
/* header */
.hd{background:var(--ink);color:#fff;padding:14px 18px 22px;border-radius:0 0 26px 26px}
[data-theme=dark] .hd{background:#17171A}
.hd-row{display:flex;align-items:center;gap:10px}
.av{width:42px;height:42px;border-radius:50%;background:var(--y);color:#111;display:grid;place-items:center;font-weight:800;flex:none}
.hd-hi{flex:1;min-width:0}.hd-hi small{color:#B8B8C0;display:block;font-size:12px}.hd-hi b{font-size:16px}
.ib{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.09);color:#fff;display:grid;place-items:center;position:relative;flex:none}
.ib svg{width:20px;height:20px}
.badge{position:absolute;top:4px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--y);color:#111;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid var(--ink)}
.bal{margin-top:18px}.bal small{color:#B8B8C0;font-size:13px}
.bal .v{font-size:30px;font-weight:800;letter-spacing:-.5px;margin:2px 0}
.bal .cdi{font-size:12px;color:var(--y);font-weight:600}
.hidden-v{filter:blur(0);letter-spacing:2px}
/* topbar for inner screens */
.tb{display:flex;align-items:center;gap:8px;padding:12px 10px;position:sticky;top:0;background:var(--bg);z-index:5}
.tb h1{font-size:18px;margin:0;flex:1}
.back{width:40px;height:40px;border:0;border-radius:50%;background:var(--card);display:grid;place-items:center;box-shadow:var(--sh)}
.back svg{width:20px;height:20px}
.pg{padding:0 16px}
/* sections */
.sec{margin:18px 16px 0}
.sec-h{display:flex;justify-content:space-between;align-items:center;margin:0 2px 10px}
.sec-h h2{font-size:16px;margin:0}.sec-h a{font-size:13px;color:var(--y-d);font-weight:700}
[data-theme=dark] .sec-h a{color:var(--y)}
.card{background:var(--card);border-radius:var(--r);padding:16px;box-shadow:var(--sh);border:1px solid var(--line)}
.card+.card{margin-top:10px}
.mut{color:var(--mut)}.sm{font-size:12.5px}.b{font-weight:700}.pos{color:var(--ok)}.neg{color:var(--tx)}
.row{display:flex;align-items:center;gap:12px}.sp{flex:1;min-width:0}.right{text-align:right}
/* shortcuts carousel */
.sc-wrap{display:flex;gap:10px;overflow-x:auto;padding:16px 16px 4px;scroll-snap-type:x mandatory;scrollbar-width:none}
.sc-wrap::-webkit-scrollbar{display:none}
.sc{flex:none;width:76px;scroll-snap-align:start;text-align:center;font-size:12px;font-weight:600;line-height:1.2;background:none;border:0;padding:0}
.sc i{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 7px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh)}
.sc i svg{width:24px;height:24px}
.sc.hl i{background:var(--y);border-color:var(--y);color:#111}
/* progress bar */
.bar{height:8px;border-radius:8px;background:var(--card2);overflow:hidden;margin:10px 0 6px}
.bar>span{display:block;height:100%;background:var(--y);border-radius:8px}
/* banners */
.ban{display:flex;gap:14px;align-items:center;background:var(--y);color:#111;border-radius:var(--r);padding:16px}
.ban .ic{width:46px;height:46px;border-radius:14px;background:rgba(0,0,0,.08);display:grid;place-items:center;flex:none}
.ban b{display:block}.ban p{margin:2px 0 0;font-size:13px}
.promo-wrap{display:flex;gap:10px;overflow-x:auto;padding:0 16px;scroll-snap-type:x mandatory;scrollbar-width:none}
.promo-wrap::-webkit-scrollbar{display:none}
.promo{flex:none;width:78%;scroll-snap-align:center;border-radius:var(--r);padding:16px;min-height:118px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.promo b{font-size:16px}.promo p{margin:4px 0 0;font-size:13px;opacity:.9}
/* list */
.li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left}
.li:last-child{border-bottom:0}
.li .ic{width:40px;height:40px;border-radius:12px;background:var(--card2);display:grid;place-items:center;flex:none}
.li .ic svg{width:20px;height:20px}
.li .t{flex:1;min-width:0}.li .t b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li .t small{color:var(--mut);font-size:12.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chev{color:var(--mut);width:18px;height:18px;flex:none}
.day{font-size:12px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.5px;margin:16px 4px 6px}
/* buttons */
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;border-radius:14px;border:0;background:var(--y);color:#111;font-weight:800;font-size:15px}
.btn:disabled{opacity:.45}
.btn.dk{background:var(--ink);color:#fff}[data-theme=dark] .btn.dk{background:#2E2E34}
.btn.ol{background:transparent;border:1.5px solid var(--line);color:var(--tx)}
.btn.sm{height:38px;font-size:13px;border-radius:10px;width:auto;padding:0 14px}
.btn+.btn{margin-top:10px}
.chip{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:7px 14px;font-size:13px;font-weight:600;white-space:nowrap}
.chip.on{background:var(--ink);color:var(--y);border-color:var(--ink)}
[data-theme=dark] .chip.on{background:var(--y);color:#111}
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 16px 4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.tag{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--y-s);color:#6B5300}
[data-theme=dark] .tag{color:var(--y)}
.tag.ok{background:#E3F6EC;color:#0B6B3D}.tag.bad{background:#FDE7E7;color:#9E1F1F}.tag.inf{background:#E6EEFD;color:#1C4AA8}
/* forms */
.fl{display:block;margin-bottom:14px}.fl span{display:block;font-size:13px;color:var(--mut);margin-bottom:6px;font-weight:600}
.in{width:100%;height:50px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);outline:0}
.in:focus{border-color:var(--y)}
.search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 12px;height:46px;margin:0 16px 10px}
.search input{border:0;background:none;outline:0;flex:1;height:100%}
/* toggle */
.tg{position:relative;width:48px;height:28px;flex:none}.tg input{opacity:0;width:0;height:0;position:absolute}
.tg span{position:absolute;inset:0;background:#C9C9CF;border-radius:20px;transition:.2s}
.tg span:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:var(--surf,#E9E7E2);border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.tg input:checked+span{background:var(--y)}.tg input:checked+span:before{transform:translateX(20px)}
.tg input:focus-visible+span{outline:2px solid var(--info)}
/* range */
input[type=range]{width:100%;accent-color:var(--y);height:28px}
/* amount keypad */
.amt{text-align:center;padding:26px 16px 10px}.amt .v{font-size:40px;font-weight:800;letter-spacing:-1px}
.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 16px}
.kp button{height:58px;border:0;border-radius:14px;background:var(--card);font-size:22px;font-weight:600;box-shadow:var(--sh)}
.pin{display:flex;justify-content:center;gap:14px;margin:22px 0}
.pin i{width:16px;height:16px;border-radius:50%;border:2px solid var(--mut)}.pin i.f{background:var(--y);border-color:var(--y)}
/* bottom nav */
.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:calc(var(--nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--line);display:flex;z-index:20}
.nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;color:var(--mut)}
.nav a svg{width:23px;height:23px}
.nav a.on{color:var(--tx)}.nav a.on svg{color:#111;background:var(--y);border-radius:10px;padding:3px;width:36px;height:28px}
/* sheet */
.ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40;opacity:0;transition:opacity .2s}
.ov.on{opacity:1}
.sh{position:fixed;left:50%;bottom:0;transform:translate(-50%,100%);width:100%;max-width:430px;max-height:88vh;overflow:auto;background:var(--card);border-radius:24px 24px 0 0;z-index:41;padding:10px 18px calc(22px + env(safe-area-inset-bottom));transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.sh.on{transform:translate(-50%,0)}
.sh .grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 14px}
.sh h3{margin:0 0 12px;font-size:18px}
/* toast */
.toast{position:fixed;left:50%;bottom:calc(var(--nav) + 16px);transform:translate(-50%,20px);background:#111;color:#fff;padding:12px 16px;border-radius:12px;font-size:14px;z-index:60;opacity:0;transition:.25s;pointer-events:none;max-width:90%;display:flex;gap:8px;align-items:center}
.toast.on{opacity:1;transform:translate(-50%,0)}.toast:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--y);flex:none}
/* skeleton */
.sk{background:linear-gradient(90deg,var(--card2) 25%,var(--line) 37%,var(--card2) 63%);background-size:400% 100%;animation:sk 1.2s infinite;border-radius:10px}
@keyframes sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
/* card 3d */
.cc-sc{perspective:1200px;margin:6px 16px 0}
.cc{position:relative;aspect-ratio:1.586;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.8,.3,1)}
.cc.flip{transform:rotateY(180deg)}
.cc .f,.cc .bk{position:absolute;inset:0;border-radius:20px;backface-visibility:hidden;padding:20px;color:#fff;overflow:hidden;background:linear-gradient(135deg,#1B1B1F 0%,#2B2B31 55%,#3a3216 100%);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.cc .f:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(245,196,0,.55),transparent 70%)}
.cc .bk{transform:rotateY(180deg)}
.cc.virt .f{background:linear-gradient(135deg,#F5C400,#E0A800)}.cc.virt .f,.cc.virt .f *{color:#111}
.cc .chipc{width:42px;height:31px;border-radius:7px;background:linear-gradient(135deg,#F7D96A,#C9A100);margin-top:22px}
.cc .num{font-family:ui-monospace,Menlo,monospace;font-size:18px;letter-spacing:2px;position:absolute;left:20px;bottom:52px}
.cc .nm{position:absolute;left:20px;bottom:20px;font-size:12px;letter-spacing:1px}
.cc .lg{position:absolute;right:20px;bottom:16px;font-weight:900;font-style:italic;font-size:20px}
.cc .stripe{height:42px;background:#000;margin:6px -20px 18px}
.cc .cvv{background:var(--surf,#E9E7E2);color:#111;font-family:monospace;padding:6px 10px;border-radius:6px;display:inline-block}
.cc.lock .f:before{content:"BLOQUEADO";position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.55);font-weight:800;letter-spacing:2px;z-index:2}
/* stat grid */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tile{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--sh);text-align:left}
.tile i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--y-s);margin-bottom:10px}
.tile i svg{width:20px;height:20px}
.tile b{display:block;font-size:14px}.tile small{color:var(--mut);font-size:12px}
/* receipt */
.rc{background:var(--card);border-radius:var(--r);padding:20px;border:1px solid var(--line);position:relative}
.rc .ok{width:62px;height:62px;border-radius:50%;background:var(--y);display:grid;place-items:center;margin:0 auto 10px}
.rc dl{display:grid;grid-template-columns:auto 1fr;gap:9px 12px;margin:16px 0 0;font-size:14px}
.rc dt{color:var(--mut)}.rc dd{margin:0;text-align:right;font-weight:600;word-break:break-word}
.qr{width:200px;height:200px;margin:8px auto;display:block;background:var(--surf,#E9E7E2);padding:10px;border-radius:12px}
.code{font-family:ui-monospace,monospace;font-size:12px;word-break:break-all;background:var(--card2);padding:12px;border-radius:10px}
.cam{position:relative;height:380px;background:#000;border-radius:20px;overflow:hidden;margin:0 16px;display:grid;place-items:center}
.cam .fr{width:220px;height:220px;border:3px solid var(--y);border-radius:24px;box-shadow:0 0 0 999px rgba(0,0,0,.45);position:relative}
.cam .ln{position:absolute;left:10px;right:10px;height:2px;background:var(--y);top:10px;animation:scan 2s infinite alternate}
@keyframes scan{to{top:206px}}
.chat{display:flex;flex-direction:column;gap:8px;padding:0 16px}
.msg{max-width:80%;padding:10px 14px;border-radius:16px;font-size:14px}
.msg.a{background:var(--card);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px}
.msg.u{background:var(--y);color:#111;align-self:flex-end;border-bottom-right-radius:4px}
.steps{display:flex;gap:6px;margin:4px 0 18px}.steps i{flex:1;height:4px;border-radius:2px;background:var(--line)}.steps i.on{background:var(--y)}
.ph{border:2px dashed var(--line);border-radius:16px;height:150px;display:grid;place-items:center;text-align:center;color:var(--mut);background:var(--card2)}
/* auth */
.auth{min-height:100vh;max-width:430px;margin:0 auto;background:var(--ink);color:#fff;padding:24px 20px;display:flex;flex-direction:column}
.auth .card{color:var(--tx)}
.logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800}.logo b{color:var(--y)}
.logo i{width:40px;height:40px;border-radius:12px;background:var(--y);display:grid;place-items:center}
.auth h1{font-size:28px;line-height:1.15;margin:34px 0 8px;letter-spacing:-.5px}
.auth .lnk{background:none;border:0;color:var(--y);font-weight:700;padding:10px 0}
.auth .in{background:var(--card2);border-color:var(--line);color:var(--tx)}.auth .fl span{color:var(--mut)}
.auth .btn.ol{color:#fff;border-color:#3A3A42}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.btn svg{width:20px;height:20px;flex:none}.logo i svg{width:24px;height:24px;color:#111}.sec-h svg,.tag svg{width:14px;height:14px}
svg:not([width]){max-width:100%}
.g3>*,.g2>*{min-width:0}.ban .chev{color:inherit;opacity:.6}
.ic>svg{width:22px;height:22px}.ban .ic>svg{width:26px;height:26px}
.promo .tag{align-self:flex-start}
/* splash / carregamento com logo */
.lring{position:relative;width:88px;height:88px;display:grid;place-items:center}
.lring>i{width:64px;height:64px;border-radius:18px;background:var(--y);display:grid;place-items:center;color:#111}
.lring>i svg{width:30px;height:30px}
.lring:after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(245,196,0,.15);border-top-color:var(--y);animation:spin 1.1s linear infinite}
.lring.sm{width:44px;height:44px}.lring.sm>i{width:30px;height:30px;border-radius:9px}.lring.sm>i svg{width:18px;height:18px}
@keyframes spin{to{transform:rotate(360deg)}}
.empty{text-align:center;padding:26px 16px}.empty .ic{width:52px;height:52px;border-radius:16px;background:var(--y-s);display:grid;place-items:center;margin:0 auto 10px}
.empty b{display:block}.empty p{margin:4px 0 0;color:var(--mut);font-size:13px}
.note{display:flex;gap:10px;align-items:flex-start;background:var(--y-s);border-radius:14px;padding:12px 14px;font-size:13px;color:var(--tx)}
.note svg{width:18px;height:18px;flex:none;margin-top:1px}
.btn .lring:after{border-color:rgba(0,0,0,.15);border-top-color:#111}
/* ---- categorias do cartão: Ouro (entrada) → Platinum → Black ---- */
.cc.t-ouro .f{background:linear-gradient(135deg,#3B2A05 0%,#9C7414 45%,#E9C35A 75%,#B8860B 100%)}
.cc.t-ouro .f:after{background:radial-gradient(circle,rgba(255,240,190,.5),transparent 70%)}
.cc.t-platinum .f{background:linear-gradient(135deg,#2E3640 0%,#7D8A99 45%,#D9DEE4 72%,#8E9AA8 100%)}
.cc.t-platinum .f:after{background:radial-gradient(circle,rgba(255,255,255,.45),transparent 70%)}
.cc.t-black .f{background:#0B0B0D;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:4px 4px;border:1px solid #2A2A2E}
.cc.t-black .f:after{right:auto;left:0;top:auto;bottom:0;width:100%;height:4px;border-radius:0;background:linear-gradient(90deg,transparent,#22D3EE,transparent)}
.cc.t-black .lg,.cc.t-black .tierb{color:#22D3EE}
.cc.sk-ouro .f{background:linear-gradient(135deg,#F5C400 0%,#FFE680 40%,#C99F00 100%)}.cc.sk-ouro .f,.cc.sk-ouro .f *{color:#111}
.cc.sk-grafite .f{background:linear-gradient(135deg,#2B2D31,#4A4D55 60%,#2B2D31)}
.cc .tierb{position:absolute;right:20px;top:20px;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;opacity:.9}
.tierrow{display:flex;gap:8px;margin-top:10px}.tierrow span{flex:1;text-align:center;font-size:11px;font-weight:700;padding:6px 0;border-radius:10px;background:var(--card2);color:var(--mut)}
.tierrow span.on{background:var(--ink);color:var(--y)}.tierrow span.done{background:var(--y-s);color:#7A5F00}
/* ---- Cripto e Bolsa / Previsão / Score ---- */
.mk-li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left;color:inherit;font:inherit;cursor:pointer}
.mk-li:last-child{border-bottom:0}.mk-li .av{width:40px;height:40px;border-radius:12px;background:var(--card2);display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}
.mk-li .t{flex:1;min-width:0}.mk-li .t b{display:block}.mk-li .t small{color:var(--mut)}.mk-li .r{text-align:right}.mk-li .r b{display:block;font-variant-numeric:tabular-nums}
.up{color:var(--ok)}.dn{color:var(--bad)}
.spark{width:64px;height:28px;flex:none}
.risk{font-size:12px;color:var(--mut);background:var(--card2);border-radius:12px;padding:10px 12px;margin-top:12px;line-height:1.45}
.chart{position:relative;margin:4px -4px 0;touch-action:pan-y}.chart svg{width:100%;height:200px;display:block}
.chart .tip{position:absolute;top:0;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:12px;padding:4px 8px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0}
.seg{display:flex;background:var(--card2);border-radius:12px;padding:3px;gap:3px}.seg button{flex:1;border:0;background:none;padding:8px 0;border-radius:10px;font:600 13px inherit;color:var(--mut);cursor:pointer}
.seg button.on{background:var(--card);color:var(--tx);box-shadow:var(--sh)}
.big{font-size:30px;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mut)}.live i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pul 1.6s infinite}
@keyframes pul{50%{opacity:.25}}
.dir{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dir button{border:2px solid var(--line);background:var(--card);border-radius:16px;padding:14px;font:700 15px inherit;cursor:pointer;color:var(--tx)}
.dir button.on.s{border-color:var(--ok);background:#E3F5EC;color:var(--ok)}.dir button.on.d{border-color:var(--bad);background:#FBE6E6;color:var(--bad)}
.pts{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:var(--y);border-radius:20px;padding:6px 12px;font-weight:800;font-size:14px}
.game-note{border:1px dashed var(--y-d,#C99F00);background:var(--y-s);color:#5C4700;border-radius:14px;padding:10px 12px;font-size:12.5px;line-height:1.45}
.rk{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.rk:last-child{border-bottom:0}.rk .p{width:28px;font-weight:800;text-align:center}
.rk.hl{background:var(--y-s);border-radius:12px;padding:10px 8px;border-bottom:0;margin:2px 0}.rk.me{outline:2px solid var(--y);border-radius:12px;padding:10px 8px}
.ach{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ach div{background:var(--card2);border-radius:14px;padding:12px 8px;text-align:center;font-size:12px}.ach div.on{background:var(--y-s)}.ach div b{display:block;font-size:12.5px;margin-top:4px}
.ach div:not(.on){opacity:.55}
.gauge{display:block;margin:0 auto}.gnum{font-size:44px;font-weight:900;text-align:center;margin-top:-62px;letter-spacing:-1px}.gfx{text-align:center;color:var(--mut);font-weight:700;margin-bottom:8px}
.fx{padding:12px 0;border-bottom:1px solid var(--line)}.fx:last-child{border-bottom:0}.fx .row{display:flex;justify-content:space-between;font-size:14px}.fx small{color:var(--mut);display:block;margin-top:2px}
.cd{font-variant-numeric:tabular-nums;font-weight:800}
[data-theme=dark] .dir button.on.s{background:#0f2a1d}[data-theme=dark] .dir button.on.d{background:#2c1414}[data-theme=dark] .game-note{background:#2a2410;color:#F5D66B}
/* ===== Tema CredCarajás (logo oficial: preto, prata escovado, azul elétrico). Só cores/estilo; layout inalterado ===== */
@font-face{font-family:Orbitron;src:url(../fonts/orbitron.ttf) format("truetype");font-weight:400 900;font-display:swap}
:root{--y:#3B82F6;--y-d:#1D4ED8;--y-s:#E3EEFF;--ink:#000000;--bg:#F3F5F8;--card:#E9E7E2;--card2:#EEF1F5;--tx:#0B0D12;--mut:#4A5160;--line:#D9DEE6;--info:#1D4ED8;--silver:linear-gradient(135deg,#F4F6F9 0%,#C9CED6 40%,#8E95A1 55%,#E6E9EE 100%)}
[data-theme=dark]{--bg:#000000;--card:#0E1014;--card2:#16191F;--tx:#F1F3F6;--mut:#A3AAB6;--line:#23272F;--y-s:#0B1B36;--info:#60A5FA;--sh:0 0 0 1px rgba(59,130,246,.08)}
body{background:var(--bg)}
[data-theme=dark] body{background-color:#000;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1px 1px at 70% 80%,rgba(255,255,255,.35),transparent 60%),radial-gradient(1.5px 1.5px at 40% 60%,rgba(96,165,250,.6),transparent 60%);background-size:240px 240px,320px 320px,280px 280px;background-attachment:fixed}
@media (prefers-reduced-motion:no-preference){[data-theme=dark] body{animation:mbStars 160s linear infinite}@keyframes mbStars{to{background-position:240px 240px,-320px 320px,280px -280px}}}
.hd,.auth,.splash{background:radial-gradient(120% 70% at 85% 0%,rgba(30,144,255,.28),transparent 60%),#000}
[data-theme=dark] .hd{background:radial-gradient(120% 70% at 85% 0%,rgba(30,144,255,.25),transparent 60%),#050608;border-bottom:1px solid #1B2230}
h1,h2,.tb b,.logo span{font-family:Orbitron,Inter,system-ui,sans-serif;letter-spacing:.3px}
.logo span{background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}.logo b{color:#3B82F6;-webkit-text-fill-color:#3B82F6}
.btn:not(.ol):not(.dk):not(.gh){box-shadow:none}
.cc .f,.cc .bk{background:radial-gradient(90% 70% at 90% 0%,rgba(30,144,255,.45),transparent 60%),linear-gradient(135deg,#050608 0%,#16191F 55%,#2A2F38 100%);border:1px solid rgba(200,206,214,.18)}
.cc .f:after{background:radial-gradient(circle,rgba(59,130,246,.5),transparent 70%)}
.cc.virt .f{background:linear-gradient(135deg,#E6E9EE,#9AA1AC 55%,#F4F6F9)}
.cc .chipc{background:var(--silver)}
.cc .lg{background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}
.cc.t-black .lg,.cc.t-black .tierb{color:#60A5FA;-webkit-text-fill-color:#60A5FA}.cc.t-black .f:after{background:linear-gradient(90deg,transparent,#3B82F6,transparent)}
.tierrow span.done{color:#1D4ED8}[data-theme=dark] .tierrow span.done{color:#93C5FD}
[data-theme=dark] .btn.dk{background:#1A1F28}
.logo i,.lring i{overflow:hidden;background:#000}.logo i img,.lring i img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}
/* Links/texto de destaque: #1D4ED8 no claro (AA), #3B82F6 sobre fundos escuros */
:root{--lk:#1D4ED8}[data-theme=dark],.hd,.auth,.splash,[style*="background:var(--ink)"],.chip.on,.pts,.tierrow span.on{--lk:#3B82F6}
[data-theme=dark] .sec-h a{color:var(--lk)}
.lring:after{border-color:rgba(59,130,246,.18);border-top-color:var(--y)}
/* ===== v3: material do logo — prata escovado metálico + brilho azul elétrico ===== */
:root{--metal:linear-gradient(135deg,#f5f7fa 0%,#c9ced6 40%,#8e96a3 60%,#e6e9ee 100%);--metal-dk:linear-gradient(135deg,#5b6270 0%,#2f343d 45%,#6c7380 60%,#3a3f49 100%);--blue:linear-gradient(135deg,#0a2fd6 0%,#0a3cff 50%,#1a6dff 100%);--blue-line:linear-gradient(90deg,transparent,#1e90ff 30%,#6fc3ff 50%,#1e90ff 70%,transparent);--glow:0 0 0 1px rgba(30,144,255,.35),0 6px 22px rgba(10,60,255,.35);
  --bg:#EEF0F4;--card:linear-gradient(180deg,#ffffff,#f1f3f7);--tx:#0B0D12}
:root:not([data-theme=dark]) .card{background:linear-gradient(180deg,#ffffff,#eef1f5);border:1px solid transparent;background-clip:padding-box;box-shadow:0 0 0 1px #d3d8e0,0 4px 18px rgba(10,60,255,.07)}
[data-theme=dark]{--bg:#000;--card:#0b0f18;--tx:#e8ebf0;--mut:#9aa3b2;--line:#1a2030;--card2:#0b0f18}
[data-theme=dark] .card,[data-theme=dark] .sc i{background:linear-gradient(180deg,#0b0f18,#05070c) padding-box,linear-gradient(135deg,rgba(245,247,250,.35),rgba(142,150,163,.12) 45%,rgba(30,144,255,.45)) border-box;border:1px solid transparent;box-shadow:0 0 14px rgba(30,144,255,.08)}
h1,h2,.tb h1,.sec-h h2,.logo span{background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
:root:not([data-theme=dark]) h1,:root:not([data-theme=dark]) h2{background:var(--metal-dk);-webkit-background-clip:text;background-clip:text}
.auth h1,.auth h2,.hd h1,.hd h2{background:var(--metal);-webkit-background-clip:text;background-clip:text}
.bal .v{background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(30,144,255,.25))}
.hd{position:relative;overflow:hidden;box-shadow:inset 0 -1px 0 rgba(30,144,255,.35)}
.hd:after{content:"";position:absolute;left:-20%;right:-20%;top:58%;height:120px;border-top:2px solid rgba(111,195,255,.55);border-radius:50%;transform:rotate(-8deg);filter:drop-shadow(0 0 6px #1e90ff);pointer-events:none;opacity:.7}
.hd>*{position:relative;z-index:1}
.sec-h{position:relative}.sec-h:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--blue-line);opacity:.55}
.btn:not(.ol):not(.dk):not(.gh){background:var(--blue);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:var(--glow),inset 0 1px 0 rgba(255,255,255,.25);border:1px solid rgba(111,195,255,.45)}
.btn.ol{border:1px solid transparent;background:linear-gradient(#000,#000) padding-box,var(--metal) border-box}
:root:not([data-theme=dark]) .btn.ol:not(.auth .btn){background:linear-gradient(#fff,#fff) padding-box,var(--metal) border-box}
.sc.hl i{background:var(--blue);border-color:rgba(111,195,255,.5);color:#fff;box-shadow:var(--glow)}
.ban[href="#/credito"],.ban:not([style]){background:var(--blue);color:#fff;box-shadow:var(--glow)}.ban:not([style]) .ic{background:rgba(255,255,255,.14)}
.nav{box-shadow:inset 0 1px 0 rgba(30,144,255,.3)}
.nav a.on svg{background:var(--metal);color:#0a1430;box-shadow:0 0 10px rgba(30,144,255,.55)}
[data-theme=dark] .nav{background:#03050a}
.chip.on{background:var(--blue);color:#fff;border-color:transparent;box-shadow:0 0 10px rgba(30,144,255,.35)}
.badge{background:var(--blue);color:#fff}
.bal .cdi{color:#6fc3ff;text-shadow:0 0 8px rgba(30,144,255,.6)}
.cc .f,.cc .bk{box-shadow:0 0 0 1px rgba(201,206,214,.25),0 14px 30px rgba(0,0,0,.4),0 0 24px rgba(30,144,255,.18)}
/* ===== v3.1: azul METÁLICO (como "BANK"/swoosh) e títulos/nomes em ALUMÍNIO escovado ===== */
:root{--blue:linear-gradient(135deg,#0a2a8a 0%,#1e6bff 38%,#7cc4ff 55%,#1e6bff 72%,#0a2a8a 100%);--alu:linear-gradient(180deg,#ffffff 0%,#d9dde3 30%,#9aa3ae 50%,#eef1f4 70%,#b8c0ca 100%);--blue-tx:linear-gradient(180deg,#7cc4ff 0%,#1e6bff 45%,#7cc4ff 60%,#1e6bff 100%);--glow:0 0 0 1px rgba(124,196,255,.45),0 0 18px rgba(30,107,255,.45),inset 0 1px 0 rgba(255,255,255,.35)}
[data-theme=dark] b,[data-theme=dark] strong,[data-theme=dark] .b,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] .bal .v,.auth b,.auth h1,.auth h2,.hd b,.hd .b,.bal .v,.hd h1,[data-theme=dark] .nav a.on,[data-theme=dark] label>span,[data-theme=dark] .sc{background:var(--alu);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
[data-theme=dark] .sc i,[data-theme=dark] .sc i *{-webkit-text-fill-color:initial}
.sc i svg,.nav svg{-webkit-text-fill-color:initial}
.bal .v{filter:drop-shadow(0 0 8px rgba(124,196,255,.25))}
.btn:not(.ol):not(.dk):not(.gh),.sc.hl i,.chip.on,.ban[href="#/credito"],.ban:not([style]),.badge{background:var(--blue);background-size:200% 200%;color:#fff;box-shadow:var(--glow);border-color:rgba(124,196,255,.5)}
.btn:not(.ol):not(.dk):not(.gh){text-shadow:0 1px 2px rgba(0,10,40,.6)}
.btn:not(.ol):not(.dk):not(.gh) *,.ban b,.ban p,.chip.on{-webkit-text-fill-color:#fff}
.ban[href="#/credito"] b,.ban:not([style]) b{background:var(--alu);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px rgba(0,10,40,.6))}
.nav a.on svg{background:var(--blue);color:#fff;box-shadow:var(--glow)}
.sec-h a,.auth .lnk,a.lk,[data-theme=dark] .sec-h a,.logo b,.cc .f b span{background:var(--blue-tx);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(30,107,255,.45))}
:root:not([data-theme=dark]) .sec-h a{background:linear-gradient(180deg,#1e4fd6,#0a2a8a 60%,#1e4fd6);-webkit-background-clip:text;background-clip:text;filter:none}
.bal .cdi{background:var(--blue-tx);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sec-h:after{background:linear-gradient(90deg,transparent,#0a2a8a 15%,#1e6bff 35%,#7cc4ff 50%,#1e6bff 65%,#0a2a8a 85%,transparent)}
/* ===== v4: textura amostrada do logo oficial (prata #e3e6ed→#969dad→#53678c; azul BANK #8cc8ff→#51aef4→#2c618d→#0a2a8a) ===== */
:root{--alu:repeating-linear-gradient(90deg,rgba(255,255,255,.10) 0 1px,rgba(0,0,0,.06) 1px 2px,transparent 2px 4px),linear-gradient(100deg,#ffffff 0%,#e3e6ed 20%,#c1c4cd 38%,#969dad 60%,#6e7782 82%,#53678c 100%);
  --blue:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),linear-gradient(100deg,#8cc8ff 0%,#51aef4 22%,#1e6bff 50%,#2c618d 75%,#0a2a8a 100%);
  --blue-tx:linear-gradient(100deg,#8cc8ff 0%,#51aef4 35%,#1e6bff 70%,#2c618d 100%);
  --glow:0 0 0 1px rgba(140,200,255,.5),0 0 20px rgba(30,107,255,.5),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.35)}
:root:not([data-theme=dark]){--alu:linear-gradient(100deg,#6e7782 0%,#53678c 35%,#3a4350 65%,#1f252e 100%)}
.bal .v,.auth h1{width:fit-content}
.cc .f,.cc .bk{background:radial-gradient(90% 70% at 90% 0%,rgba(81,174,244,.35),transparent 60%),linear-gradient(100deg,#16191f 0%,#0b0f18 50%,#05070c 100%)}
.cc.virt .f{background:linear-gradient(100deg,#ffffff,#e3e6ed 20%,#c1c4cd 38%,#969dad 60%,#6e7782 82%,#53678c)}
.rclogo{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px;font:800 15px Orbitron,Inter,sans-serif;letter-spacing:.5px}.rclogo img{width:28px;height:28px;border-radius:8px;background:#000}
.rclogo span{background:var(--alu);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rclogo b{background:var(--blue-tx);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* v4.1: ícones dos atalhos visíveis; azul metálico escuro do lado do texto */
[data-theme=dark] .sc i{color:#e3e6ed;-webkit-text-fill-color:#e3e6ed}.sc.hl i{color:#fff;-webkit-text-fill-color:#fff}
:root{--blue:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),linear-gradient(100deg,#0a2a8a 0%,#1a4fc4 30%,#1e6bff 58%,#51aef4 82%,#8cc8ff 100%)}
.rc .ok{background:var(--blue);color:#fff;box-shadow:var(--glow)}
/* Fonte do logo oficial (SPACEX geométrica larga; BANK espaçado) — auto-hospedada */
@font-face{font-family:Michroma;src:url(../fonts/michroma.ttf) format("truetype");font-weight:400;font-display:swap}
h1,h2,h3,.tb b,.logo,.logo span,.rclogo,.big,.btn{font-family:Orbitron,Inter,system-ui,sans-serif}
.logo span,.rclogo{letter-spacing:1px}
.big{letter-spacing:0}
.btn{letter-spacing:.6px}
/* ===== v5: visual suave — azul liso (sem listras/“quadriculado”), cantos e sombras consistentes, transições de ~200ms ===== */
:root{--r:18px;--ease:cubic-bezier(.2,.7,.2,1);
  --blue:linear-gradient(135deg,#1a3fb8 0%,#2563eb 45%,#3b82f6 75%,#60a5fa 100%);
  --alu:linear-gradient(100deg,#ffffff 0%,#e3e6ed 30%,#b9bfc9 60%,#8e96a3 100%);
  --blue-tx:linear-gradient(100deg,#93c5fd 0%,#60a5fa 45%,#3b82f6 100%);
  --glow:0 0 0 1px rgba(147,197,253,.28),0 6px 18px rgba(37,99,235,.28);
  --sh:0 1px 2px rgba(10,20,40,.05),0 6px 20px rgba(10,20,40,.07)}
:root:not([data-theme=dark]){--alu:linear-gradient(100deg,#4b5563 0%,#374151 50%,#1f2937 100%)}
[data-theme=dark]{--sh:0 0 0 1px rgba(147,197,253,.06),0 8px 24px rgba(0,0,0,.35)}
html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
/* fundo escuro liso: sem pontinhos de estrelas */
[data-theme=dark] body{background-image:none;animation:none}
.btn:not(.ol):not(.dk):not(.gh),.sc.hl i,.chip.on,.ban[href="#/credito"],.ban:not([style]),.badge,.nav a.on svg,.rc .ok{background:var(--blue);background-size:auto;box-shadow:var(--glow);border-color:rgba(147,197,253,.35)}
.btn:not(.ol):not(.dk):not(.gh){text-shadow:none}
.bal .v,.bal .cdi,.sec-h a,.auth .lnk,a.lk,.logo b,.ban b,.rclogo b{filter:none;text-shadow:none}
.card,.rc,.ban,.promo{border-radius:var(--r)}
.tile{border-radius:16px}
.btn,.kp button{border-radius:14px}.btn.sm{border-radius:12px}
.in,.search,.code{border-radius:12px}
.cc .f,.cc .bk{box-shadow:0 0 0 1px rgba(201,206,214,.18),0 12px 28px rgba(0,0,0,.35)}
.hd:after{opacity:.45;filter:none}
.btn,.chip,.li,.tile,.sc i,.card,.ib,.back,.nav a,.nav a svg,.in,.ban{transition:background-color .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease),opacity .2s var(--ease),color .2s var(--ease)}
.btn:active,.tile:active,.sc:active i,.li:active{transform:scale(.98)}
.in:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.18)}

/* ===== v6: tela cheia travada (PWA iPhone) — sem zoom, sem efeito elástico, sem selecionar textos da interface ===== */
html,body{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;background:#000;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
/* rolagem só dentro do app (index) e da tela de entrada (login) */
#app,.auth{height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}
.sh{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
/* áreas seguras: entalhe (topo) e barra inicial (rodapé) */
.hd{padding-top:calc(14px + env(safe-area-inset-top))}
.tb{padding-top:calc(12px + env(safe-area-inset-top))}
.auth{padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}
#view{padding-bottom:calc(var(--nav) + 24px + env(safe-area-inset-bottom))}
.sx{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
/* campos: 16px evita o zoom automático do iOS ao focar */
input,select,textarea,.in{font-size:16px}
/* seleção/cópia só nos dados do usuário */
input,textarea,[contenteditable],[contenteditable] *,.copiavel,.copiavel *,.code,.rc dd{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
img,svg{-webkit-user-drag:none;-webkit-touch-callout:none}

/* vitrine de parceiros */
.vt-g{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:720px){.vt-g{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.vt-g{grid-template-columns:repeat(3,1fr)}}
.vt-i{min-width:0}.vt-ban{display:block;border-radius:var(--r);overflow:hidden;background:var(--card2,#eee);border:1px solid var(--line);aspect-ratio:1200/628}
.vt-ban img{display:block;width:100%;height:100%;object-fit:contain}
.vt-disc{display:block;font-size:11px;line-height:1.35;color:var(--mut,#777);margin:4px 2px 0}
.vt-h{font-size:15px;margin:16px 2px 8px}
.vt-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.vt-chip{flex:none;border:1px solid var(--line);background:var(--card);color:inherit;border-radius:999px;padding:7px 12px;font:inherit;font-size:13px;cursor:pointer}
.vt-chip.on{background:var(--ink,#111);color:#fff;border-color:transparent}
.vt-ph{display:grid;place-items:center;text-align:center;gap:4px;aspect-ratio:16/7;border-radius:var(--r);border:1px dashed var(--line);background:var(--card);padding:16px}

/* ===== CredCarajás · tema neutro (2026-10-26) — sobrepõe estilos anteriores ===== */
:root,[data-theme=light]{--y:#3A68B8;--y-d:#2F5799;--y-s:#E9EFF8;--lk:#2F5799;--info:#3A68B8;--ink:#141414;--bg:#F7F7F5;--card:#E9E7E2;--card2:#F0F0EE;--tx:#1A1A1A;--mut:#5F5F5F;--line:#E4E4E1;--sh:none;--blue:#3A68B8;--alu:#1A1A1A;--metal:#1A1A1A;--metal-dk:#1A1A1A;--silver:#F0F0EE;--glow:none;--blue-tx:#3A68B8}
[data-theme=dark]{--y:#8FAEE3;--y-d:#9DB8E8;--y-s:#18243A;--lk:#9DB8E8;--info:#9DB8E8;--ink:#000;--bg:#111111;--card:#1A1A1A;--card2:#222222;--tx:#EDEDEB;--mut:#A6A6A6;--line:#2A2A2A;--sh:none;--blue:#8FAEE3;--alu:#EDEDEB;--metal:#EDEDEB;--metal-dk:#EDEDEB;--silver:#222;--glow:none;--blue-tx:#9DB8E8}
html,body{background:var(--bg)!important;color:var(--tx)!important;font-size:16px}
body *{text-shadow:none!important}
/* sem gradientes nem texto metálico */
h1,h2,h3,.sc,.bal .v,.sec-h a,.b,b,small,.mut,.tb h1{background:none!important;-webkit-text-fill-color:currentColor!important;filter:none!important}
.sec-h a{color:var(--lk)!important}
.card,:root:not([data-theme=dark]) .card{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:16px}
.btn{background:var(--y)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important;box-shadow:none!important;min-height:48px;font-size:16px;border-radius:14px}
[data-theme=dark] .btn{color:#0f0f0f!important;-webkit-text-fill-color:#0f0f0f!important}
.btn.ol,.btn.ol:not(.auth .btn),:root:not([data-theme=dark]) .btn.ol:not(.auth .btn),.btn.dk,.btn.gh{background:transparent!important;color:var(--tx)!important;-webkit-text-fill-color:var(--tx)!important;border:1px solid var(--line)!important}
.in,input,select,textarea{font-size:16px!important;background:var(--card)!important;color:var(--tx)!important;border-color:var(--line)!important}
.badge,.chip.on,.ban:not([style]),.ban[href="#/credito"]{background:var(--y)!important;color:#fff!important;box-shadow:none!important;border-color:var(--y)!important}
.ban{border-radius:16px}
.promo,.promo[style]{background:var(--card2)!important;color:var(--tx)!important;border:1px solid var(--line)}
.promo .tag{background:var(--card)!important;color:var(--mut)!important}
.tag{background:var(--card2)!important;color:var(--mut)!important;border:0!important}
.bar span{background:var(--y)!important}
/* cabeçalho + cartão de saldo grande */
.hd,[data-theme=dark] .hd{background:var(--bg)!important;color:var(--tx)!important;box-shadow:none!important;border:0!important}
.hd *{-webkit-text-fill-color:currentColor}
.hd .ib,.hd .av{background:var(--card2)!important;color:var(--tx)!important;border:0!important;box-shadow:none!important}
.hd-hi small{color:var(--mut)!important}
.bal{background:var(--card)!important;border:1px solid var(--line);border-radius:20px;padding:20px 20px 18px;margin-top:16px;color:var(--tx)!important;text-decoration:none}
.bal small{color:var(--mut)!important;font-size:15px}
.bal .v{color:var(--tx)!important;font-size:36px;font-weight:700;letter-spacing:-.6px;margin:4px 0 6px}
.bal .cdi{color:var(--mut)!important;font-size:14px;font-weight:500}
/* fileira de ícones */
.sc-wrap{gap:6px}
.sc{color:var(--tx)!important;font-size:14px!important;font-weight:500!important;width:80px}
.sc i,.sc.hl i,[data-theme=dark] .sc i{background:var(--card2)!important;border:0!important;box-shadow:none!important;color:var(--tx)!important;-webkit-text-fill-color:var(--tx)!important;border-radius:50%;width:60px;height:60px}
.sc.hl i{background:var(--y-s)!important;color:var(--y-d)!important;-webkit-text-fill-color:var(--y-d)!important}
/* navegação inferior */
.nav{background:var(--card)!important;border-top:1px solid var(--line)!important;box-shadow:none!important}
.nav a{color:var(--mut)!important;-webkit-text-fill-color:var(--mut)!important}
.nav a.on,.nav a[aria-current]{color:var(--y-d)!important;-webkit-text-fill-color:var(--y-d)!important}
.nav a i,.nav a.on i{background:none!important;box-shadow:none!important}
.pos{color:var(--ok)!important}
p,li,.li{font-size:16px}
small,.mut{font-size:14px}
/* login */
.auth{background:var(--bg)!important;color:var(--tx)!important}
.auth .logo span{font-size:28px;font-weight:600;letter-spacing:-.4px;color:var(--tx)}
.auth .logo b{font-weight:800}
.lead2{color:var(--mut);font-size:16px;line-height:1.45;margin:6px 0 18px}
.bioic{display:grid;place-items:center;width:64px;height:64px;margin:6px auto 12px;border-radius:50%;background:var(--y-s);color:var(--y-d)}
.bioic svg{width:30px;height:30px}
/* olho de senha */
.pwwrap{position:relative;display:block}
.pwwrap>input{padding-right:52px!important;width:100%;box-sizing:border-box}
.pweye{position:absolute;top:50%;right:2px;transform:translateY(-50%);width:44px;height:44px;min-width:44px;display:grid;place-items:center;background:transparent!important;border:0;border-radius:12px;color:var(--mut);cursor:pointer;padding:0}
.pweye:hover{color:var(--tx)}
.pweye:focus-visible{outline:2px solid var(--y);outline-offset:-2px}
@media (min-width:900px){.bal .v{font-size:40px}}
/* tipografia neutra (sem fontes "espaciais") */
body,body *:not(svg):not(svg *):not(.sx):not(.sx *){font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;letter-spacing:normal}
.btn{font-weight:600!important;text-transform:none!important}
label,.lbl,.auth label{color:var(--mut)!important;font-size:14px!important;font-weight:600}
.fl>span{color:var(--mut)!important;-webkit-text-fill-color:var(--mut)!important;font-size:14px;font-weight:600;opacity:1!important}
h1,h2,h3,.hd-hi b,.tb h1{color:var(--tx)!important;-webkit-text-fill-color:var(--tx)!important}
.sec-h:after,.hd:after,.hd:before,.cc .f:after{display:none!important}
.ban p,.ban .sp p{color:var(--mut)!important;-webkit-text-fill-color:var(--mut)!important}
[data-theme=dark] b:not(.pos):not(.neg):not(.btn b),[data-theme=dark] .li .t,[data-theme=dark] strong{color:var(--tx)!important;-webkit-text-fill-color:var(--tx)!important}
.b,.v{color:var(--tx)!important;-webkit-text-fill-color:var(--tx)!important}
.ban .sp *:not(b){color:var(--mut)!important;-webkit-text-fill-color:var(--mut)!important}

@font-face{font-family:Manrope;src:url(/fonts/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}
/* ===== v29: tema suave CredCarajás — Manrope, cantos arredondados, sombras leves, verde sálvia único ===== */
:root,[data-theme=light]{--bg:#F7F7F5;--card:#E9E7E2;--card2:#F1F1EE;--tx:#1A1A1A;--mut:#5C5C58;--line:#ECECE8;--y:#3A68B8;--y-d:#2F5799;--y-s:#E9EFF8;--r-card:18px;--r-ctl:14px;--sh-soft:0 1px 2px rgba(20,20,20,.04),0 6px 20px rgba(20,20,20,.05)}
[data-theme=dark]{--bg:#121212;--card:#1B1B1B;--card2:#242424;--tx:#EDEDEB;--mut:#A9A9A4;--line:#2A2A2A;--y:#4A74BE;--y-d:#9DB8E8;--y-s:#1E2F2A;--sh-soft:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25)}
body,body *:not(svg):not(svg *):not(.sx):not(.sx *){font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;letter-spacing:-.005em}
body{background:var(--bg)!important;color:var(--tx);line-height:1.55;-webkit-font-smoothing:antialiased}
p,li,.li,input,select,textarea,.btn,.in{font-size:16px}
h1,h2,h3,.tb h1,.tb b,.sec-h h2,.hd-hi b{font-weight:600!important;letter-spacing:-.015em!important;line-height:1.3}
b,strong{font-weight:650}
.card,.rc,.ban,.li-g,.list,.sheet .card,.bal,.of{border-radius:var(--r-card)!important;border-color:transparent!important;box-shadow:var(--sh-soft)!important}
.card{padding:20px}
.btn,.in,input.in,select.in,textarea.in,.chip,.pweye{border-radius:var(--r-ctl)!important}
.btn{border-radius:999px!important;min-height:50px;font-weight:600!important;box-shadow:none!important}
.in,input.in,select.in,textarea.in{border:1px solid var(--line)!important;background:var(--card)!important;min-height:50px}
.in:focus,input.in:focus{border-color:var(--y)!important;box-shadow:0 0 0 3px var(--y-s)!important;outline:none}
.chip{border-radius:999px!important}
.ic,.sc i,.ib,.av,.bioic{border-radius:50%!important}
.ib{box-shadow:none!important}
.pg{padding-top:8px}.sec{margin-top:22px}
a,button,.btn,.chip,.card,.li,.sc i,.in,.ib,.nav a{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}
.btn:active,.sc:active i,.ib:active{transform:scale(.98)}
.nav{box-shadow:0 -4px 20px rgba(20,20,20,.05)!important;border-top:0!important}
.wm{display:block;height:33px;width:auto}.wm-d{display:none}[data-theme=dark] .wm-l{display:none}[data-theme=dark] .wm-d{display:block}
.logo{gap:0}.logo .wm{height:39px}.auth .logo{margin:8px 0 26px}
.rclogo{display:flex;justify-content:center}.rclogo .wm{height:30px}
.hd-brand{display:flex;align-items:center;margin:0 0 14px}.hd-brand .wm{height:30px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* v29 ajustes */
body,body *:not(svg):not(svg *):not(.sx):not(.sx *){letter-spacing:0!important;word-spacing:.02em}
h1,h2,h3,.tb h1,.sec-h h2{letter-spacing:-.01em!important}
[data-theme=dark]{--y:#3A68B8}
.hd-brand{padding-top:6px;margin-bottom:16px}
.btn:not(.ol):not(.gh):not(.sec2){color:#fff!important;-webkit-text-fill-color:#fff!important}
/* comprovante bancário em tela cheia (papel sempre claro, nos dois temas) */
.noscroll{overflow:hidden}
.rcv{position:fixed;inset:0;z-index:90;background:var(--bg);display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);overflow:auto;-webkit-overflow-scrolling:touch}
.rcv-top{display:flex;align-items:center;gap:10px;padding:10px 16px}
.rcv-paper{margin:4px 16px 0;background:var(--surf,#E9E7E2);color:#0B0B12;border-radius:18px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.12);-webkit-user-select:text;user-select:text}
.rcv-h{background:#0B0B12;color:#fff;padding:18px 20px;display:flex;flex-direction:column;gap:6px}.rcv-wm{height:20px;width:auto;display:block}.rcv-h b{font-size:17px;color:#C9C9D2}
.rcv-b{padding:18px 20px 6px}.rcv-b .mut{color:#6B6B76}.rcv-v{font-size:34px;font-weight:800;letter-spacing:-.5px;margin:2px 0}
.rcv .tag.warn{background:#FFF1D6;color:#8A5300}.rcv .tag.ok{background:#E3F6EC;color:#0B6B3D}.rcv .tag.bad{background:#FDE7E7;color:#9E1F1F}
.rcs{border-top:1px dashed #DADAE0;margin-top:14px;padding-top:12px}.rcs h4{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#6B6B76}
.rcs dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0}.rcs dt{color:#6B6B76;font-size:13px}.rcs dd{margin:0;text-align:right;font-size:14px;word-break:break-word}
.rcv .mono{font-family:ui-monospace,Menlo,monospace;font-size:12px;word-break:break-all}
.rcv-f{background:#F2F2F5;color:#6B6B76;padding:14px 20px;margin-top:14px;display:flex;flex-direction:column;gap:4px;font-size:12px}.rcv-f .mono{color:#0B0B12}
.rcv-act{padding:16px}.nowrap{white-space:nowrap}
.sh .rclogo .wm{width:auto;max-width:none;background:none;border-radius:0;height:30px}.sh .rclogo .wm-l{display:block}.sh .rclogo .wm-d{display:none}[data-theme=dark] .sh .rclogo .wm-l{display:none}[data-theme=dark] .sh .rclogo .wm-d{display:block}
.sh dd .tag{display:inline-block;width:auto;height:auto;border-radius:999px;white-space:nowrap;place-items:initial}
.rclogo img.wm{width:auto;max-width:none;background:none;border-radius:0;height:30px}
.rcv-paper .tag.warn,[data-theme] .rcv-paper .tag.warn{background:#FFF1D6;color:#8A5300}.rcv-paper .tag.ok,[data-theme] .rcv-paper .tag.ok{background:#E3F6EC;color:#0B6B3D}.rcv-paper .tag.bad,[data-theme] .rcv-paper .tag.bad{background:#FDE7E7;color:#9E1F1F}

/* v33 loader: S parado, só a órbita gira */
.lring:after{display:none}
.lring>i{position:relative;background:#000;overflow:visible}
.lring>i .ls,.lring>i .lo{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}
.lring>i .lo{animation:orb 1.6s linear infinite;transform-origin:47% 53%}
@keyframes orb{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.lring>i .lo{animation:orbp 1.6s ease-in-out infinite}@keyframes orbp{50%{opacity:.45}}}
/* v33 comprovante: logo grande no topo */
.rcv-h{background:#05060C;padding:22px 20px 18px;gap:12px}
.rcv-lk{display:flex;align-items:center;gap:14px}
.rcv-mk{width:78px;height:78px;border-radius:17px;display:block}
.rcv-h .rcv-wm{height:auto;width:auto;max-height:30px;max-width:calc(100% - 80px);min-width:0;flex:1 1 auto}
.btn:not(.ol):not(.dk):not(.gh),.chrome{background-image:linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.03) 55%,rgba(0,0,0,.07) 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.12),0 0 0 1px rgba(24,40,72,.16),0 2px 6px rgba(24,40,72,.14)!important}.btn:not(.ol):not(.dk):not(.gh):hover{filter:brightness(1.04)}
.ofc-l{display:grid;gap:12px}.ofc{background:var(--surf,#E9E7E2);border:1px solid #E4E4E1;border-radius:18px;padding:16px;display:grid;gap:10px;text-align:left}.ofc-h{display:flex;align-items:center;gap:12px}.ofc-lg{width:44px;height:44px;border-radius:13px;flex:none;display:grid;place-items:center;font:700 17px/1 Manrope,system-ui,sans-serif;color:#fff;background:#3A68B8;background-image:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%,rgba(0,0,0,.10));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 0 1px rgba(24,40,72,.16);overflow:hidden}.ofc-lg img{width:100%;height:100%;object-fit:contain;background:var(--surf,#E9E7E2)}.ofc-n{flex:1;min-width:0}.ofc-n b{display:block;font-size:16px;color:#1A1A1A}.ofc-tag{display:inline-block;margin-top:3px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5F5F5F;background:#F0F0EE;border:1px solid #E4E4E1;border-radius:999px;padding:2px 8px}.ofc p{margin:0;font-size:14px;line-height:1.45;color:#3d3d3d}.ofc small{font-size:12px;color:#5F5F5F}.ofc a.ofc-go{display:flex;align-items:center;justify-content:center;height:46px;border-radius:999px;background:#3A68B8;color:#fff!important;font-weight:700;font-size:15px;text-decoration:none;background-image:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.03) 55%,rgba(0,0,0,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.12),0 0 0 1px rgba(24,40,72,.16),0 2px 6px rgba(24,40,72,.14)}.ofc a.ofc-go:hover{background-color:#2F5799}.ofc-av{font-size:12.5px;color:#5F5F5F;margin:12px 2px 0;line-height:1.45}.ofc-vz{background:var(--surf,#E9E7E2);border:1px solid #E4E4E1;border-radius:18px;padding:28px 18px;text-align:center}.ofc-vz b{display:block;font-size:16px;color:#1A1A1A;margin:10px 0 4px}.ofc-vz p{margin:0;color:#5F5F5F;font-size:13.5px}@media (prefers-color-scheme:dark){.ofc,.ofc-vz{background:#1B1B1B;border-color:#2A2A2A}.ofc-n b,.ofc-vz b{color:#EDEDEB}.ofc p{color:#CFCFCB}.ofc small,.ofc-av,.ofc-vz p{color:#A6A6A6}.ofc-tag{background:#242424;border-color:#2A2A2A;color:#A6A6A6}}[data-theme=dark] .ofc,[data-theme=dark] .ofc-vz{background:#1B1B1B;border-color:#2A2A2A}[data-theme=dark] .ofc-n b,[data-theme=dark] .ofc-vz b{color:#EDEDEB}[data-theme=dark] .ofc p{color:#CFCFCB}[data-theme=dark] .ofc-tag{background:#242424;border-color:#2A2A2A;color:#A6A6A6}
img.wm{width:auto}

.vt-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r);border:1px solid var(--line);background:var(--card)}.vt-lg{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:20px;background:var(--ink,#111);color:#fff}.vt-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vt-tx b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vt-tx small{color:var(--mut,#777);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vt-bd{align-self:flex-start;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--y,#ffd400);color:#fff}.vt-go{flex:none;width:auto;margin:0;padding:9px 14px;font-size:13px}

.vt-cb{display:block;margin:0 0 10px;border-radius:var(--r);overflow:hidden}.vt-cb img{display:block;width:100%;height:auto}
/* ===== v46: superfícies off-white, paleta, avatar, instalação, layout responsivo ===== */
:root,[data-theme=dark]{color-scheme:dark;--bg:#121212;--surf:#1B1B1B;--card:#1B1B1B;--card2:#242424;--tx:#EDEDEB;--mut:#A9A9A4;--line:#2A2A2A;--ink:#000;--y:#3A68B8;--y-d:#9DB8E8;--y-s:#1E2F2A;--lk:#9DB8E8;--info:#9DB8E8;--ok:#3FCB86;--bad:#FF6B6B;--blue:#8FAEE3;--alu:#EDEDEB;--metal:#EDEDEB;--metal-dk:#EDEDEB;--ph:#8E97A8}
[data-theme=light]{color-scheme:light;--bg:#E9E7E2;--surf:#F3F1EC;--card:#F3F1EC;--card2:#DEDBD4;--tx:#0B1B3A;--mut:#3E4A63;--line:#C9C4BA;--ink:#0B1B3A;--y:#2F5799;--y-d:#24467F;--y-s:#D5DDEB;--lk:#24467F;--info:#24467F;--ok:#1D4ED8;--bad:#B42318;--blue:#2F5799;--alu:#0B1B3A;--metal:#0B1B3A;--metal-dk:#0B1B3A;--ph:#4B5672}
body{background:var(--bg);color:var(--tx)}
input::placeholder,textarea::placeholder{color:var(--ph)!important;opacity:1}
input,textarea,select{color:var(--tx)}
#thT svg{flex:none}
.demo,.av,.sc.hl i,.ban,.msg.u,.lring>i,.nav a.on svg,[data-theme=dark] .chip.on{color:#fff}
.av{position:relative;overflow:hidden;border:0;padding:0;font:inherit;font-weight:800;cursor:pointer}
.av img.avi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.av.has-img{background:#000}
.av-act{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:-2px 0 10px}
.av-l{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:15px;border:1px solid var(--line);background:var(--card);color:var(--tx);-webkit-text-fill-color:var(--tx);font-size:12.5px;font-weight:700;cursor:pointer}
.av-cam{display:none}
#avRm{color:var(--bad);-webkit-text-fill-color:var(--bad)}
.hd[style*="text-align:center"]>b{color:var(--tx)!important;-webkit-text-fill-color:var(--tx)!important}
@media (pointer:coarse){.av-cam{display:inline-flex}}
.lring .ls{width:100%;height:100%;border-radius:inherit;object-fit:cover}
/* tablet */
@media (min-width:768px){
  #app{max-width:760px}
  .nav{max-width:760px!important}
  .sh{max-width:560px!important}
  .auth{max-width:480px!important}
  html,body{font-size:16px}
  .pg,.sec{padding-left:24px;padding-right:24px}
  .hd{padding-left:24px;padding-right:24px}
}
/* desktop: menu lateral + conteúdo largo */
@media (min-width:1024px){
  body{padding-left:232px}
  #app{max-width:1120px;padding:0 28px}
  #view{padding-bottom:40px}
  .nav{position:fixed!important;left:0!important;top:0!important;bottom:0!important;right:auto!important;transform:none!important;width:232px!important;max-width:none!important;height:100vh!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:4px;padding:96px 14px 20px!important;border-radius:0!important;border-top:0!important;border-right:1px solid var(--line);background:var(--card)!important;margin:0!important}
  .nav:before{content:"";position:absolute;left:20px;top:26px;width:184px;height:40px;background:url(/icons/spacebank-wordmark-light.svg?v=84) left center/contain no-repeat}
  [data-theme=dark] .nav:before{background-image:url(/icons/spacebank-wordmark-dark.svg?v=84)}
  .nav a{flex:none!important;flex-direction:row!important;justify-content:flex-start!important;gap:12px;height:48px;padding:0 14px!important;border-radius:12px;font-size:15px!important;width:auto!important}
  .nav a:hover{background:var(--card2)}
  .nav a span,.nav a small{font-size:15px!important}
  .hd{border-radius:0 0 26px 26px;padding:22px 32px 30px}
  .vt-g{grid-template-columns:repeat(4,1fr)!important}
  .ofc-g,.qa,.acts,.grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sh{max-width:600px!important;margin-left:116px}
  .toast{left:calc(50% + 116px)!important}
  body.no-nav,body:has(.auth){padding-left:0}
  #inst{display:none}
}
@media (min-width:1440px){#app{max-width:1240px}}
.ban:not([style]) p,.ban:not([style]) .sp p{color:rgba(255,255,255,.92)!important;-webkit-text-fill-color:rgba(255,255,255,.92)!important}
.lnk{color:var(--lk)!important;-webkit-text-fill-color:var(--lk)!important;background:none!important}
[data-theme=light] .lnk,[data-theme=light] a.lnk{color:#24467F!important;-webkit-text-fill-color:#24467F!important}[data-theme=dark] .lnk{color:#9DB8E8!important;-webkit-text-fill-color:#9DB8E8!important}
/* detalhe da transação (tela cheia, tema atual) */
.txd .txd-b{padding-top:0}.txd-hd{text-align:center;padding:8px 0 16px}.txd-hd .ic{width:54px;height:54px;border-radius:16px;background:var(--card2);display:inline-grid;place-items:center;margin-bottom:8px}.txd-hd small{display:block}
.txd-v{font-size:32px;font-weight:800;letter-spacing:-.5px;margin:4px 0;color:var(--tx)}.txd-v.pos{color:var(--ok)}.txd-hd p{margin:0 0 8px}
.txd-dl{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;margin:0}.txd-dl dt{color:var(--mut);font-size:14px}.txd-dl dd{margin:0;text-align:right;color:var(--tx);word-break:break-word}.txd-dl dd.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px;word-break:break-all}
.txd .card+.card{margin-top:10px}.txd .rcv-act{padding:16px;max-width:560px;width:100%;margin:0 auto}.txd .pg{max-width:560px;width:100%;margin:0 auto}
/* login/cadastro: X grande centralizado (hero) + wordmark acima do título */
.auth .lh-x{display:flex;justify-content:center;margin:34px 0 44px}.auth .lh-x img{width:112px;height:112px;border-radius:24px;display:block}
.auth .lh-x.sm{margin:14px 0 22px}.auth .lh-x.sm img{width:76px;height:76px;border-radius:17px}
.auth .lh-wm{display:flex;justify-content:center;margin:0 0 12px}.auth .lh-wm .wm{height:20px;width:auto}.auth .lh-wm .wm-d{display:none}[data-theme=dark] .auth .lh-wm .wm-l{display:none}[data-theme=dark] .auth .lh-wm .wm-d{display:block}
@media (min-width:900px){.auth .lh-x{margin-top:48px}}
.auth .lh-x{margin:30px 0 64px}.auth .lh-x.sm{margin:12px 0 26px}.auth .lh-wm+h1{margin-top:6px!important}.auth .lh-wm .wm{height:18px}

/* login lockup v54: X + wordmark juntos, wordmark maior que o título */
.auth .lh-x{margin:clamp(20px,6vh,56px) 0 12px}.auth .lh-x img{width:96px;height:96px;border-radius:21px}
.auth .lh-wm{margin:0 0 26px}.auth .lh-wm .wm{height:auto;width:264px;max-width:72vw}
.auth .lh-wm+h1{margin-top:0!important;font-size:23px;line-height:1.2}
.auth .lh-x.sm{margin:8px 0 10px}.auth .lh-x.sm img{width:68px;height:68px;border-radius:15px}
.auth .lh-x.sm+.lh-wm{margin-bottom:18px}.auth .lh-x.sm+.lh-wm .wm{width:200px}
.steps+h1{font-size:22px}
@media (min-width:900px){.auth .lh-x{margin-top:40px}.auth .lh-x img{width:104px;height:104px}.auth .lh-wm .wm{width:280px}}
a.tile{display:block;color:inherit;text-decoration:none}
.vt-ban{aspect-ratio:auto}.vt-ban img{height:auto}
.ds{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 18px 6px;margin:0 -18px;scroll-padding:0 18px}
.ds::-webkit-scrollbar{display:none}
.ds-c{flex:0 0 78%;max-width:300px;scroll-snap-align:start;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;color:inherit;text-decoration:none;box-shadow:var(--sh)}
.ds-im{display:grid;place-items:center;aspect-ratio:1200/628;background:linear-gradient(135deg,#0F2A4A,#2563EB);overflow:hidden}
.ds-im img{width:100%;height:100%;object-fit:cover;display:block}
.ds-im b{font-size:40px;color:#fff;font-weight:800}
.ds-b{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;flex:1}
.ds-t{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ds-d{color:var(--mut,#6b6b73);font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em}
.ds-p{align-self:flex-start;margin-top:auto;background:var(--y-d);color:#fff;font-weight:700;font-size:13px;padding:8px 16px;border-radius:999px}
@media(min-width:900px){.ds-c{flex-basis:260px}}
[data-theme=dark] .ds-p{color:#0b1220}

.pv{display:flex;gap:10px;overflow-x:auto;padding:0 18px 4px;scroll-snap-type:x mandatory;scroll-padding:0 18px;scrollbar-width:none}
.pv::-webkit-scrollbar{display:none}
.pv-c{flex:0 0 46%;max-width:200px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;color:inherit;text-decoration:none;display:flex;flex-direction:column}
.pv-im{display:block;aspect-ratio:1;background:#fff}.pv-im img{width:100%;height:100%;object-fit:contain;display:block}
.pv-b{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;flex:1}
.pv-lj{align-self:flex-start;font-size:11px;font-weight:700;background:#FFE600;color:#2D3277;padding:2px 8px;border-radius:999px}
.pv-t{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pv-pr{font-size:15px}
.pv-p{margin-top:auto;font-size:12px;font-weight:700;color:var(--y-d)}
[data-theme=dark] .pv-p{color:var(--y-d)}
@media(min-width:900px){.pv-c{flex-basis:180px}}

.ofc-ban{display:block;width:calc(100% + 32px);margin:-16px -16px 12px;aspect-ratio:1200/628;object-fit:cover;border-radius:var(--r) var(--r) 0 0}
.seg-ban{display:block;margin-bottom:12px;border-radius:var(--r);overflow:hidden}.seg-ban img{display:block;width:100%;aspect-ratio:1200/628;object-fit:cover}

/* Descubra mais: banners (v73) */
.ds{gap:10px}
.ds-c.ds-bn{flex:0 0 100%;max-width:none;position:relative;min-height:168px;flex-direction:row;border-radius:20px;isolation:isolate;background:linear-gradient(135deg,#F7F7F5 0%,#E9E7E2 70%,#DEDBD3 100%);border:1px solid #DAD7CF;color:#141417}
.ds-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.ds-a1{fill:#F5C400;opacity:.16}.ds-a2{fill:#111114;opacity:.06}.ds-a3{fill:none;stroke:#C99F00;stroke-width:2;opacity:.35;stroke-dasharray:4 6}
.ds-cn ellipse{fill:#F5C400;stroke:#C99F00;stroke-width:1.5}.ds-cn text{font:800 10px system-ui;fill:#6B5300}
.ds-bn .ds-b{padding:14px 16px;gap:5px;max-width:66%;flex:1}
.ds-lg{display:flex;align-items:center;justify-content:center;width:140px;height:48px;padding:4px 6px;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);overflow:hidden;box-sizing:border-box}
.ds-lg img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center}
.ds-lg b{font-size:12px;color:#141417;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ds-bn .ds-t{font-size:17px;line-height:1.2;white-space:normal;color:inherit}
.ds-bn .ds-d{color:#5E5E66;font-size:12.5px;min-height:0;-webkit-line-clamp:2}
.ds-bn .ds-p{background:#111114;color:#fff;font-size:13px;padding:8px 14px;margin-top:6px}
[data-theme=dark] .ds-c.ds-bn{background:linear-gradient(135deg,#232328 0%,#1A1A1E 55%,#0E0E10 100%);border-color:#2C2C32;color:#F2F2F0}
[data-theme=dark] .ds-a1{fill:#F5C400;opacity:.10}[data-theme=dark] .ds-a2{fill:#fff;opacity:.05}[data-theme=dark] .ds-a3{stroke:#F5C400;opacity:.3}
[data-theme=dark] .ds-bn .ds-d{color:#A3A3AC}
[data-theme=dark] .ds-bn .ds-p{background:#F5C400;color:#111114}

.sp-tj{min-height:0!important;cursor:default}.sp-tj .ds-b{max-width:72%;padding:14px 16px}.sp-tj .ds-d{-webkit-line-clamp:3}.sp-st{fill:#F5C400;stroke:#C99F00;stroke-width:1.5}[data-theme=dark] .sp-st{stroke:#F5C400}.sp-tj-sec{margin-bottom:-6px}
.nm-ex{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nm-pf{max-width:calc(100vw - 48px);margin:0 auto}

.ml-pill{display:inline-block;align-self:flex-start;margin-top:8px;font-size:11px;font-weight:800;line-height:1;background:#FFE600;color:#2D3277!important;padding:6px 11px;border-radius:999px;text-decoration:none;box-shadow:0 0 0 1px rgba(45,50,119,.2);position:relative;z-index:1}
.ml-pill[hidden]{display:none}.ml-s{margin-top:0}
.pv-lj.pv-ml{background:#FFE600;color:#2D3277;box-shadow:0 0 0 1px rgba(45,50,119,.2)}
.pv-x .pv{padding:0 0 4px;scroll-padding:0}

/* selo Asaas (BaaS) */
.asaas-selo{margin:18px auto 6px;text-align:center;max-width:520px}.asaas-selo a{display:inline-block;line-height:0}.asaas-selo img{width:160px;height:auto}.asaas-selo .asaas-d{display:none}.asaas-selo p{font-size:12px;line-height:1.45;opacity:.72;margin:8px 0 0}[data-theme=dark] .asaas-selo .asaas-l{display:none}[data-theme=dark] .asaas-selo .asaas-d{display:inline-block}[data-theme=light] .asaas-selo .asaas-l{display:inline-block}[data-theme=light] .asaas-selo .asaas-d{display:none}@media (prefers-color-scheme:dark){html:not([data-theme]) .asaas-selo .asaas-l{display:none}html:not([data-theme]) .asaas-selo .asaas-d{display:inline-block}}