/* ===== Clicaluz: modo escuro (html.tm-dark). Alto contraste do painel de acessibilidade tem prioridade. ===== */
/* botão do cabeçalho (vale nos dois temas) */
.tmb{flex:none;width:44px;height:44px;margin-left:14px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#ffd27a;cursor:var(--cc,pointer);transition:background .25s,border-color .25s,transform .25s}
.tmb:hover{background:rgba(255,181,71,.16);border-color:rgba(255,181,71,.55)}
.tmb:focus-visible{outline:3px solid #ffb547;outline-offset:3px}
.tmb svg{width:22px;height:22px;display:block}
.tmb .tm-s{display:none}html.tm-dark .tmb .tm-m{display:none}html.tm-dark .tmb .tm-s{display:block}
header nav,header .pn{margin-left:auto;order:2}header .tmb{order:3}header .mt{order:4}
@media(max-width:860px){header .tmb{margin-left:auto;margin-right:6px}header .pn+.tmb{margin-left:10px;margin-right:0}}
/* animação lua / sol */
.tm-fx{position:fixed;inset:0;z-index:2147483003;pointer-events:none;overflow:hidden;animation:tmIn .35s ease-out both}
.tm-fx.tm-out{animation:tmOut .5s ease-in both}
.tm-sky{position:absolute;inset:0}
.tm-fx-moon .tm-sky{background:radial-gradient(120% 90% at 50% 100%,rgba(12,20,36,.92),rgba(12,20,36,.82) 60%,rgba(26,40,74,.85))}
.tm-fx-sun .tm-sky{background:radial-gradient(110% 90% at 50% 100%,rgba(255,247,232,.9),rgba(255,236,205,.8) 60%,rgba(255,215,160,.75))}
.tm-orb{position:absolute;left:50%;top:50%;width:min(34vw,180px);height:min(34vw,180px);margin:calc(min(34vw,180px) / -2) 0 0 calc(min(34vw,180px) / -2)}
.tm-orb svg{width:100%;height:100%;overflow:visible}
.tm-fx-moon .tm-orb{animation:tmRise .9s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 0 30px rgba(255,210,122,.55))}
.tm-fx-moon .tm-halo{animation:tmHalo 1.2s ease-in-out both;transform-origin:60px 60px}
.tm-fx-sun .tm-orb{animation:tmRise .9s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 0 34px rgba(255,181,71,.6))}
.tm-fx-sun .tm-rays{animation:tmSpin 1.4s ease-out both;transform-origin:60px 60px}
.tm-star{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff6d8;box-shadow:0 0 10px 2px rgba(255,236,170,.8);opacity:0;animation:tmTw .9s ease-in-out both}
.tm-star:nth-child(3n){width:4px;height:4px}.tm-star:nth-child(4n){width:3px;height:3px}
@keyframes tmIn{from{opacity:0}}@keyframes tmOut{to{opacity:0}}
@keyframes tmRise{from{transform:translateY(60px) scale(.7);opacity:0}to{transform:none;opacity:1}}
@keyframes tmHalo{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.25);opacity:.3}100%{transform:scale(1.1);opacity:.18}}
@keyframes tmSpin{from{transform:rotate(-60deg) scale(.6);opacity:0}to{transform:none;opacity:1}}
@keyframes tmTw{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.2)}100%{opacity:.85;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.tm-fx{display:none}}html.noanim .tm-fx{display:none}
/* ---------- cores do modo escuro ---------- */
html.tm-dark:not(.hc-dark):not(.hc-light){--light:#111a2e;--tx:#e6ebf5;--mt2:#aab6cc;--sf:#18233b;--sf2:#1f2c48;--bd:#2c3b5c;--acc:#ffb547;--acc2:#ff9b7a;color-scheme:dark}
html.tm-dark:not(.hc-dark):not(.hc-light) body{background:#111a2e;color:#e6ebf5}
html.tm-dark:not(.hc-dark):not(.hc-light) .dark{background:#0b1324}
html.tm-dark:not(.hc-dark):not(.hc-light) h1,html.tm-dark:not(.hc-dark):not(.hc-light) h2,html.tm-dark:not(.hc-dark):not(.hc-light) h3{color:#f1f4fa}
html.tm-dark:not(.hc-dark):not(.hc-light) .sub,html.tm-dark:not(.hc-dark):not(.hc-light) .pfh p,html.tm-dark:not(.hc-dark):not(.hc-light) .pcx,html.tm-dark:not(.hc-dark):not(.hc-light) .sctn,html.tm-dark:not(.hc-dark):not(.hc-light) .pkt,html.tm-dark:not(.hc-dark):not(.hc-light) .pkz,html.tm-dark:not(.hc-dark):not(.hc-light) .vig,html.tm-dark:not(.hc-dark):not(.hc-light) .nf p{color:#aab6cc}
html.tm-dark:not(.hc-dark):not(.hc-light) .hl,html.tm-dark:not(.hc-dark):not(.hc-light) .price,html.tm-dark:not(.hc-dark):not(.hc-light) details[open] summary,html.tm-dark:not(.hc-dark):not(.hc-light) .doc a,html.tm-dark:not(.hc-dark):not(.hc-light) .back,html.tm-dark:not(.hc-dark):not(.hc-light) .fqh a{color:#ffb547}
html.tm-dark:not(.hc-dark):not(.hc-light) .ul{background:linear-gradient(transparent 66%,rgba(255,181,71,.30) 0,rgba(255,122,89,.26) 100%);text-decoration:none}
html.tm-dark:not(.hc-dark):not(.hc-light) .eyb{color:#ff9b7a}
html.tm-dark:not(.hc-dark):not(.hc-light) .card,html.tm-dark:not(.hc-dark):not(.hc-light) .tags span,html.tm-dark:not(.hc-dark):not(.hc-light) details,html.tm-dark:not(.hc-dark):not(.hc-light) .pay,html.tm-dark:not(.hc-dark):not(.hc-light) .glo,html.tm-dark:not(.hc-dark):not(.hc-light) .avl{background:#18233b;color:#e6ebf5;box-shadow:none}
html.tm-dark:not(.hc-dark):not(.hc-light) .card p,html.tm-dark:not(.hc-dark):not(.hc-light) details p,html.tm-dark:not(.hc-dark):not(.hc-light) .svt p{color:#aab6cc}
html.tm-dark:not(.hc-dark):not(.hc-light) details.oq{background:transparent!important;box-shadow:none}html.tm-dark:not(.hc-dark):not(.hc-light) details.oq p{background:rgba(156,192,255,.06);color:#d5ddeb;border:1px solid rgba(156,192,255,.14);border-left:3px solid #7aa7ff}
html.tm-dark:not(.hc-dark):not(.hc-light) details.oq summary,html.tm-dark:not(.hc-dark):not(.hc-light) .dark details.oq summary{color:#9cc0ff}
html.tm-dark:not(.hc-dark):not(.hc-light) .tags span{border-color:#2c3b5c}
html.tm-dark:not(.hc-dark):not(.hc-light) .avl th,html.tm-dark:not(.hc-dark):not(.hc-light) .avl td{border-bottom-color:#2c3b5c}html.tm-dark:not(.hc-dark):not(.hc-light) .avl td{color:#ffb547}html.tm-dark:not(.hc-dark):not(.hc-light) .avl thead th{background:#0b1324}
html.tm-dark:not(.hc-dark):not(.hc-light) .pm li{background:#15302a;border-color:#245a47;color:#e6ebf5}
html.tm-dark:not(.hc-dark):not(.hc-light) .pyl{color:#c9d2e3}
html.tm-dark:not(.hc-dark):not(.hc-light) .launch2{background:#2a2216;border-color:#6b5428;color:#f1e6d0}
/* serviços */
html.tm-dark:not(.hc-dark):not(.hc-light) .sv{background-color:#18233b;border-color:#2c3b5c;box-shadow:0 12px 34px rgba(0,0,0,.25)}
html.tm-dark:not(.hc-dark):not(.hc-light) .sv:hover{border-color:#6b4a3a}
html.tm-dark:not(.hc-dark):not(.hc-light) .svv{background:radial-gradient(60% 80% at 50% 100%,rgba(255,181,71,.18),transparent 70%),linear-gradient(160deg,#1f2c48,#18233b)}
html.tm-dark:not(.hc-dark):not(.hc-light) .svp{background:rgba(255,181,71,.09);border-color:rgba(255,181,71,.32);color:#f1e6d0!important}html.tm-dark:not(.hc-dark):not(.hc-light) .svp b{color:#ffb547}
/* instagram */
html.tm-dark:not(.hc-dark):not(.hc-light) .vx{background-color:#18233b;border-color:#2c3b5c;box-shadow:none}
html.tm-dark:not(.hc-dark):not(.hc-light) .vx.bad .vxv{background:linear-gradient(160deg,#2a1c1f,#241a22)}
html.tm-dark:not(.hc-dark):not(.hc-light) .vx.good .vxv{background:radial-gradient(60% 90% at 60% 100%,rgba(34,197,94,.16),transparent 70%),linear-gradient(160deg,#16261f,#18233b)}
html.tm-dark:not(.hc-dark):not(.hc-light) .vsb{box-shadow:0 0 0 6px #111a2e,0 10px 24px rgba(0,0,0,.4);background:#0b1324}
html.tm-dark:not(.hc-dark):not(.hc-light) .duo{background:#18233b;border-color:#2c3b5c;color:#d5ddeb;box-shadow:none}html.tm-dark:not(.hc-dark):not(.hc-light) .duo>b{color:#ffb547}
/* como funciona / por que (seções escuras ficam um tom abaixo) */
html.tm-dark:not(.hc-dark):not(.hc-light) .tln{box-shadow:0 0 0 8px #0b1324,0 0 30px rgba(255,181,71,.18)}
html.tm-dark:not(.hc-dark):not(.hc-light) .tls:hover .tln{box-shadow:0 0 0 8px #0b1324,0 0 40px rgba(255,181,71,.45)}
html.tm-dark:not(.hc-dark):not(.hc-light) .final2{background:#0b1324}
/* portfólio */
html.tm-dark:not(.hc-dark):not(.hc-light) .pf3{background:linear-gradient(#111a2e,#0f1729)}
html.tm-dark:not(.hc-dark):not(.hc-light) .pft button{background:#18233b;border-color:#2c3b5c;color:#d5ddeb}
html.tm-dark:not(.hc-dark):not(.hc-light) .pft button:hover{border-color:#ff9b7a;color:#ffb547}
html.tm-dark:not(.hc-dark):not(.hc-light) .pft button[aria-selected=true]{background:#f1f4fa;border-color:#f1f4fa;color:#0f1b33}
html.tm-dark:not(.hc-dark):not(.hc-light) .pf3 .pft button[aria-selected=true] .pfi{stroke:#c2410c}
html.tm-dark:not(.hc-dark):not(.hc-light) .pfh b{color:#ffb547}
html.tm-dark:not(.hc-dark):not(.hc-light) .btl{box-shadow:0 14px 40px rgba(0,0,0,.4);outline:1px solid #2c3b5c}
/* pacotes */
html.tm-dark:not(.hc-dark):not(.hc-light) #pacotes[style]{background:#0f1729!important}
html.tm-dark:not(.hc-dark):not(.hc-light) .pk2{background:#18233b;border-color:#2c3b5c;box-shadow:none}
html.tm-dark:not(.hc-dark):not(.hc-light) .pk2.rec{background:linear-gradient(#1a2640,#1a2640) padding-box,linear-gradient(140deg,#22c55e,#ffb547,#ff7a59) border-box;border:2px solid transparent;box-shadow:0 22px 50px rgba(0,0,0,.4),0 0 0 1px rgba(255,181,71,.08),0 0 70px rgba(255,181,71,.16),0 0 40px rgba(34,197,94,.14)}
html.tm-dark:not(.hc-dark):not(.hc-light) .pk2 li{color:#e6ebf5}
html.tm-dark:not(.hc-dark):not(.hc-light) .pkp strong{color:#f1f4fa}
html.tm-dark:not(.hc-dark):not(.hc-light) .pkz{border-top-color:#2c3b5c}
html.tm-dark:not(.hc-dark):not(.hc-light) .pk2:not(.rec) .btn{background:transparent;color:#f1f4fa!important;border-color:#c9d2e3}
html.tm-dark:not(.hc-dark):not(.hc-light) .pk2:not(.rec) .btn:hover{background:#f1f4fa;color:#0f1b33!important}
html.tm-dark:not(.hc-dark):not(.hc-light) .avd>summary small{color:#aab6cc}
/* simulador e cartão de demonstração */
html.tm-dark:not(.hc-dark):not(.hc-light) .sctc li{background:#18233b;border-color:#2c3b5c;color:#d5ddeb}html.tm-dark:not(.hc-dark):not(.hc-light) .sctk{color:#ffb547}
html.tm-dark:not(.hc-dark):not(.hc-light) .smc{background-color:#18233b;border-color:#2c3b5c;box-shadow:0 24px 60px rgba(0,0,0,.35)}
html.tm-dark:not(.hc-dark):not(.hc-light) .smh{color:#f1f4fa}
html.tm-dark:not(.hc-dark):not(.hc-light) .smpk{background:#0f1729}
html.tm-dark:not(.hc-dark):not(.hc-light) .smo b{color:#d5ddeb}html.tm-dark:not(.hc-dark):not(.hc-light) .smo small{color:#aab6cc}
html.tm-dark:not(.hc-dark):not(.hc-light) .smo:hover span{background:rgba(255,255,255,.06)}
html.tm-dark:not(.hc-dark):not(.hc-light) .smo input:checked+span{background:#1f2c48;box-shadow:0 4px 14px rgba(0,0,0,.3),0 0 0 2px #ff9b7a}
html.tm-dark:not(.hc-dark):not(.hc-light) .smo input:checked+span b{color:#fff}html.tm-dark:not(.hc-dark):not(.hc-light) .smo input:checked+span small{color:#ffb547}
html.tm-dark:not(.hc-dark):not(.hc-light) .smr{border-color:#2c3b5c;color:#e6ebf5}
html.tm-dark:not(.hc-dark):not(.hc-light) .smr b{color:#f1f4fa}
html.tm-dark:not(.hc-dark):not(.hc-light) .smr.on,html.tm-dark:not(.hc-dark):not(.hc-light) .smx.on{background:#15302a;border-color:#2f9e5d}
html.tm-dark:not(.hc-dark):not(.hc-light) .smx:not(.on){background:#18233b}
html.tm-dark:not(.hc-dark):not(.hc-light) .smx:not(.on):not(.inc2) .smgv{color:#8d9ab3}
html.tm-dark:not(.hc-dark):not(.hc-light) .smr.inc,html.tm-dark:not(.hc-dark):not(.hc-light) .smx.inc2{background:#2a2216;border-color:#8a6a2c}
html.tm-dark:not(.hc-dark):not(.hc-light) .smr.inc b,html.tm-dark:not(.hc-dark):not(.hc-light) .smx.inc2 .smgv{color:#ffb547}
html.tm-dark:not(.hc-dark):not(.hc-light) .smtot{border-top-color:#2c3b5c}html.tm-dark:not(.hc-dark):not(.hc-light) .smtot strong{color:#ffb547}
html.tm-dark:not(.hc-dark):not(.hc-light) .smq{color:#aab6cc}
/* FAQ */
html.tm-dark:not(.hc-dark):not(.hc-light) .fql,html.tm-dark:not(.hc-dark):not(.hc-light) details.fq{border-color:#2c3b5c;background:none}
html.tm-dark:not(.hc-dark):not(.hc-light) details.fq:hover{background:rgba(255,181,71,.06)}
html.tm-dark:not(.hc-dark):not(.hc-light) .fqi{background:#2a2216}html.tm-dark:not(.hc-dark):not(.hc-light) .fqi:before,html.tm-dark:not(.hc-dark):not(.hc-light) .fqi:after{background:#ffb547}
html.tm-dark:not(.hc-dark):not(.hc-light) details.fq[open] .fqi{background:#ff7a59}
/* rodapé */
html.tm-dark:not(.hc-dark):not(.hc-light) footer{background:#080e1b}
/* páginas internas */
html.tm-dark:not(.hc-dark):not(.hc-light) .doc h2{color:#f1f4fa;border-left-color:#ff9b7a}
html.tm-dark:not(.hc-dark):not(.hc-light) .nf h1{color:#f1f4fa}
html.tm-dark:not(.hc-dark):not(.hc-light) .nf .ctas .btn.o2{background:transparent;color:#f1f4fa!important;border-color:#c9d2e3}
/* simulador (janela) */
html.tm-dark:not(.hc-dark):not(.hc-light) .em-dl{background:#18233b;color:#e6ebf5}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-dl:before{background:#2c3b5c}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-dl h2,html.tm-dark:not(.hc-dark):not(.hc-light) .em-dl .em-sub b,html.tm-dark:not(.hc-dark):not(.hc-light) .em-fs legend,html.tm-dark:not(.hc-dark):not(.hc-light) .em-pko b,html.tm-dark:not(.hc-dark):not(.hc-light) .em-tl,html.tm-dark:not(.hc-dark):not(.hc-light) .em-op b{color:#f1f4fa}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-dl .em-sub,html.tm-dark:not(.hc-dark):not(.hc-light) .em-rq,html.tm-dark:not(.hc-dark):not(.hc-light) .em-pko small.em-m,html.tm-dark:not(.hc-dark):not(.hc-light) .em-tot small,html.tm-dark:not(.hc-dark):not(.hc-light) .em-op small,html.tm-dark:not(.hc-dark):not(.hc-light) .em-ft,html.tm-dark:not(.hc-dark):not(.hc-light) .em-pv span{color:#aab6cc}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-stp,html.tm-dark:not(.hc-dark):not(.hc-light) .em-tag{background:#3a2a17;color:#ffcf8a}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-x{background:#1f2c48;color:#e6ebf5}html.tm-dark:not(.hc-dark):not(.hc-light) .em-x:hover{background:#2c3b5c}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-back{color:#ffb547}html.tm-dark:not(.hc-dark):not(.hc-light) .em-back:hover{background:#2a2216}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-pko,html.tm-dark:not(.hc-dark):not(.hc-light) .em-lg .em-cb,html.tm-dark:not(.hc-dark):not(.hc-light) .em-op{background:#1a263f;border-color:#2c3b5c;color:#e6ebf5!important}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-pko:has(input:checked),html.tm-dark:not(.hc-dark):not(.hc-light) .em-lg .em-cb:has(input:checked),html.tm-dark:not(.hc-dark):not(.hc-light) .em-op.em-last{border-color:#ff9b7a;background:#2a1f1c}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-pko small,html.tm-dark:not(.hc-dark):not(.hc-light) .em-cb .em-p,html.tm-dark:not(.hc-dark):not(.hc-light) .em-tot b{color:#ffb547}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-tot .em-g{color:#d5ddeb}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-in{background:#0f1729;border-color:#3a4a6c;color:#f1f4fa}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-in::placeholder{color:#8d9ab3}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-in[aria-invalid=true],html.tm-dark:not(.hc-dark):not(.hc-light) .em-lg:has([aria-invalid=true]) .em-cb{background:#2c1719;border-color:#f37b7b}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-att{background:#2a2216;border-color:#c98a3a;color:#ffd9a8}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-foot{background:#18233b;border-top-color:#2c3b5c}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-pv{background:#0f1729;border-color:#2c3b5c}html.tm-dark:not(.hc-dark):not(.hc-light) .em-pv pre{color:#d5ddeb;border-top-color:#2c3b5c}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-op.em-ok{background:#15302a;border-color:#2f9e5d}
html.tm-dark:not(.hc-dark):not(.hc-light) .em-dl input[type=checkbox],html.tm-dark:not(.hc-dark):not(.hc-light) .em-dl input[type=radio]{accent-color:#ff9b7a}
/* ajustes: antes/depois, ver no celular, barra fixa */
html.tm-dark:not(.hc-dark):not(.hc-light) .adw{border-color:#24314f;background:#24314f;box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06)}
html.tm-dark:not(.hc-dark):not(.hc-light) .adt h3,html.tm-dark:not(.hc-dark):not(.hc-light) .adk b{color:#f1f4fa}
html.tm-dark:not(.hc-dark):not(.hc-light) .adt>p,html.tm-dark:not(.hc-dark):not(.hc-light) .adk span{color:#aab6cc}
html.tm-dark:not(.hc-dark):not(.hc-light) .adf figcaption,html.tm-dark:not(.hc-dark):not(.hc-light) .adx{color:#aab6cc}
html.tm-dark:not(.hc-dark):not(.hc-light) .adk li{background:#18233b;border-color:#2c3b5c;box-shadow:none}
html.tm-dark:not(.hc-dark):not(.hc-light) .adk .a i{background:rgba(255,155,122,.14);color:#ffb59c}
html.tm-dark:not(.hc-dark):not(.hc-light) .adk .d i{background:rgba(34,197,94,.14);color:#86efac}
html.tm-dark:not(.hc-dark):not(.hc-light) .adr{accent-color:#ffb547}
html.tm-dark:not(.hc-dark):not(.hc-light) .vcel{background:#1f2c48;color:#e6ebf5;border-color:#3a4b70;box-shadow:0 4px 14px rgba(0,0,0,.3)}
html.tm-dark:not(.hc-dark):not(.hc-light) .vcel:hover{background:#26365a}
html.tm-dark:not(.hc-dark):not(.hc-light) .scta{background:rgba(31,44,72,.96);border-color:rgba(255,181,71,.35);box-shadow:0 10px 28px rgba(0,0,0,.5)}
html.tm-dark:not(.hc-dark):not(.hc-light) .adl-a{background:#2a1d1a;color:#ffb59c;box-shadow:inset 0 0 0 1px rgba(255,155,122,.35)}
html.tm-dark:not(.hc-dark):not(.hc-light) .adl-d{background:#14301f;color:#86efac;box-shadow:inset 0 0 0 1px rgba(34,197,94,.4)}