/* Comércio em movimento. Tokens e componentes em design.md. */
:root{--noite-0:#071326;--noite-1:#0b1930;--noite-2:#12243d;--noite-3:#1b3452;--tinta:#f5f7fb;--tinta-2:#b5c2d3;--tinta-3:#8c9eb5;--linha:rgba(185,214,237,.14);--linha-forte:rgba(185,214,237,.3);--laranja:#ff854a;--laranja-claro:#ffa16e;--laranja-suave:rgba(255,133,74,.12);--gelo:#b9d6ed;--menta:#86d9bd;--ambar:#f2ca85;--papel:#eef2f6;--papel-2:#fff;--ink:#13243b;--ink-2:#52647a;--linha-clara:rgba(19,36,59,.13);--largura:1280px;--r-cartao:24px;--r-pilula:10px;--e-10:128px}
body{background:var(--noite-0)}.wrap{width:calc(100% - 96px);max-width:var(--largura);margin-inline:auto}.pular{position:fixed;top:-80px;left:24px;z-index:100;background:var(--papel);color:var(--ink);padding:12px}.pular:focus{top:8px}
.topo{height:88px;padding:0 48px;background:rgba(7,19,38,.91);border-bottom:1px solid var(--linha);backdrop-filter:blur(18px);pointer-events:auto}.marca svg{height:30px}.topo nav{gap:32px}.topo nav a.link{font-size:14px;color:var(--tinta-2)}.btn{border-radius:10px;gap:24px;font-size:15px;min-height:52px;padding:0 24px}.btn-p{color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.btn-peq{min-height:44px;padding:0 20px;font-size:14px}.btn-p:hover{transform:translateY(-2px)}.btn-s{border-color:var(--linha-forte)}.btn:focus-visible,.chip:focus-visible{outline:3px solid var(--gelo);outline-offset:4px}
.hero{padding-top:88px;overflow:hidden}.hero-grid{position:relative;min-height:650px;min-height:calc(100svh - 204px);display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:32px;padding-block:72px 64px}.hero-copy{position:relative;z-index:2}.hero-kicker{display:flex;align-items:center;gap:12px;color:var(--tinta-2);font-size:14px;margin-bottom:24px}.marca-ponto{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--laranja);flex:none}.hero h1{font-size:clamp(52px,6.3vw,92px);font-weight:600;letter-spacing:-.065em;line-height:1.02;text-wrap:initial}.hero h1 span{color:var(--gelo)}.hero-copy>p{font-size:17px;max-width:400px;color:var(--tinta-2);line-height:1.7;margin-top:24px}.hero-acoes{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.texto-link{color:var(--tinta);font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:16px}.texto-link:hover{text-decoration:underline;text-underline-offset:6px}.hero-assinatura{display:flex;gap:12px;align-items:center;color:var(--tinta-3);font-size:12px;margin-top:32px}.linha-curta{width:24px;height:1px;background:var(--linha-forte)}
.hero-arte{position:relative;margin:0 -24px 0 -40px;transform:translateY(8px);will-change:transform}.hero-arte img{width:100%;height:auto;display:block;mix-blend-mode:lighten;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent);mask-composite:intersect}.hero-arte figcaption{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 24px 0 40px;color:var(--tinta-3);font-size:10px}.arte-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--tinta-2)}.arte-label i{width:6px;height:6px;background:var(--laranja);border-radius:50%}
.programas{min-height:116px;border-top:1px solid var(--linha);display:flex;gap:48px;align-items:center;justify-content:space-between;padding-block:24px}.programas p,.programas-mais{font-size:12px;color:var(--tinta-3);line-height:1.5;flex:none}.programas-nomes{display:flex;justify-content:space-around;align-items:center;gap:48px;flex:1;color:var(--tinta-2);font-size:28px;font-weight:700;letter-spacing:-1px}.nome-livelo{font-weight:500;letter-spacing:-2px;font-size:34px}.nome-itau{font-family:var(--titulo);font-weight:700}.nome-azul{font-size:25px;font-weight:600}.nome-sicredi{font-size:25px}.programas-mais{text-align:right}
.secao-clara{background:var(--papel);color:var(--ink);--tinta:var(--ink);--tinta-2:var(--ink-2);--linha:var(--linha-clara);--linha-forte:var(--linha-clara)}.ecossistema{padding-block:112px}.eco-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:96px;align-items:center}h2{font-size:clamp(34px,3.9vw,56px);font-weight:600;line-height:1.1;letter-spacing:-.05em}h2 span{color:var(--tinta-3)}.secao-clara h2 span{color:var(--ink-2)}.eco-copy p{margin-top:24px;font-size:17px;line-height:1.7;color:var(--ink-2);max-width:440px}.eco-copy p+p{font-size:15px}.eco-copy .texto-link{margin-top:32px;color:var(--ink)}.marcas-painel{padding:32px;border-radius:24px;background:var(--papel-2);border:1px solid var(--linha-clara)}.marcas-legenda{font-size:12px;color:var(--ink-2);padding-bottom:24px}.marcas-grid{display:grid;grid-template-columns:1fr 1fr}.marcas-grid>span{min-height:84px;display:grid;place-items:center;font-family:var(--titulo);font-size:23px;font-weight:600;letter-spacing:-1px;border-bottom:1px solid var(--linha-clara)}.marcas-grid>span:nth-child(odd){border-right:1px solid var(--linha-clara)}.marcas-grid .brand-oster{font-style:italic;font-size:31px;letter-spacing:-2px}.marcas-grid .brand-bd{font-size:15px;letter-spacing:0;text-transform:uppercase}.marcas-grid .brand-longo{letter-spacing:-1.3px}.marca-destaque{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding-top:24px;font-size:12px;color:var(--ink-2)}.marca-destaque strong{font-size:18px;color:var(--ink);grid-column:1}.marca-destaque button{grid-column:2;grid-row:1/3;align-self:center;background:var(--papel);border:0;border-radius:8px;padding:12px;color:var(--ink-2);font-size:12px;cursor:pointer;min-height:44px}
.modelo{display:grid;grid-template-columns:1fr 1fr;gap:112px;padding-block:112px;align-items:start}.modelo-cabeca{position:sticky;top:136px}.modelo-cabeca>p{color:var(--tinta-2);font-size:17px;line-height:1.7;margin-top:24px;max-width:390px}.passos{margin:0;max-width:none;gap:0}.passos li{grid-template-columns:40px 1fr;gap:24px;min-height:208px;padding:32px 0;border:0;border-bottom:1px solid var(--linha);border-radius:0;background:transparent;backdrop-filter:none;opacity:.8;transition:opacity .35s}.passos li:first-child{padding-top:0;min-height:176px}.passos li::before{width:36px;height:36px;background:transparent;border-color:var(--linha-forte);font-size:13px;align-self:start;margin-top:20px}.passos li strong{font-size:25px;line-height:1.2;letter-spacing:-.035em;font-weight:600}.passos li p{color:var(--tinta-2);font-size:15px;line-height:1.6;margin-top:12px;max-width:370px}.passos li .passo-etiqueta{display:block;font-size:11px;color:var(--tinta-3);margin-bottom:12px}.passos li.ativo{background:transparent;border-color:var(--linha);opacity:1}.passos li.ativo::before{background:var(--laranja);color:var(--ink);border-color:var(--laranja)}.trajeto-editorial{position:relative;margin-top:48px;max-width:440px;padding-block:24px}.trajeto-top{display:flex;justify-content:space-between;font-size:12px;color:var(--tinta-3)}.trajeto-editorial>svg{display:block;width:100%;overflow:visible;margin-top:16px;fill:var(--laranja)}.trajeto-editorial>svg path{fill:none;stroke-width:2;stroke:var(--linha-forte)}.trajeto-editorial #trajeto-sinal{stroke:var(--laranja);stroke-width:3;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset .55s}.trajeto-card{position:absolute;left:36%;top:36%;width:116px;padding:16px;background:var(--noite-2);border:1px solid var(--linha-forte);border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.15);display:grid;justify-items:center;gap:8px}.trajeto-card svg{width:34px;height:25px}.trajeto-card span{font-size:13px;font-weight:600}.trajeto-card small{font-size:9px;text-align:center;color:var(--tinta-3)}
.vantagens{padding-block:112px}.secao-cabeca{display:flex;gap:48px;justify-content:space-between;align-items:end}.secao-cabeca>p{font-size:16px;color:var(--ink-2);line-height:1.6}.beneficios-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin-top:48px}.beneficio{padding:32px;background:var(--papel-2);border-radius:24px}.beneficio h3{font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.035em}.beneficio p{font-size:15px;line-height:1.65;color:var(--ink-2);margin-top:16px;max-width:400px}.beneficio.principal{padding:0 40px 40px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.beneficios-lado{display:grid;gap:24px}.beneficio-icone{display:block;font-size:32px;color:var(--ink-2);line-height:1;margin-bottom:24px}.vitrine-ilustracao{height:240px;position:relative;perspective:700px;isolation:isolate}.vitrine-base{position:absolute;width:85%;height:90px;bottom:22px;left:8%;transform:rotateX(62deg) rotateZ(-12deg);border-radius:16px;background:#dbe4ed;box-shadow:0 20px 0 #c3d0de}.vitrine-produto{position:absolute;z-index:1;border-radius:16px 16px 6px 6px;box-shadow:8px 12px 20px rgba(19,36,59,.12);transform:skewY(-7deg)}.vitrine-produto.p1{height:112px;width:90px;background:var(--ink);left:15%;bottom:64px;border-right:14px solid #29435e}.vitrine-produto.p1:before{content:'';position:absolute;top:28px;left:20px;width:34px;height:40px;background:var(--papel);border-radius:4px 4px 14px 14px}.vitrine-produto.p2{height:150px;width:102px;background:var(--laranja);left:42%;bottom:75px;border-right:14px solid #de713b}.vitrine-produto.p2:after{content:'';position:absolute;width:32px;height:12px;border:5px solid #de713b;border-bottom:0;border-radius:8px 8px 0 0;top:-12px;left:25px}.vitrine-produto.p3{height:72px;width:84px;background:#a9c4d8;left:70%;bottom:88px;border-right:14px solid #8aa6bc;border-radius:12px 12px 24px 24px}.numeros{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:64px;padding-top:40px;border-top:1px solid var(--linha-clara)}.numeros div{display:flex;gap:20px;align-items:center}.numeros div strong{font-size:48px;font-weight:600;white-space:nowrap;letter-spacing:-.05em}.numeros div span{font-size:12px;max-width:125px;line-height:1.5;color:var(--ink-2)}
.campanha{display:grid;grid-template-columns:1.1fr 1fr;gap:128px;padding-block:112px;align-items:center}.tag-campanha{display:inline-block;padding:6px 12px;border:1px solid var(--linha-forte);border-radius:999px;font-size:12px;color:var(--tinta-2);margin-bottom:24px}.campanha h2{font-size:44px}.campanha p{color:var(--tinta-2);margin-top:24px;font-size:16px;line-height:1.7}.campanha p strong{color:var(--tinta);font-weight:600}.campanha .texto-link{margin-top:24px;color:var(--laranja)}.campanha-valor{position:relative;border-left:1px solid var(--linha-forte);padding-left:64px}.campanha-valor>span{font-size:14px;color:var(--tinta-2)}.campanha-valor>strong{font-family:var(--titulo);font-size:clamp(48px,5.8vw,80px);font-weight:600;letter-spacing:-.065em;display:block;margin:8px 0 24px}.campanha-valor>div{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--laranja)}.check-circulo{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--laranja)}.campanha-valor small{display:block;font-size:12px;color:var(--tinta-3);line-height:1.6;margin-top:24px}
.porta{overflow-anchor:none;padding:96px 0;background:#0d1c32;border-top:1px solid var(--linha)}.porta:before{display:none}.porta-intro{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:64px;margin-bottom:40px}.porta-intro h2{font-size:clamp(34px,3.4vw,48px);font-weight:600;letter-spacing:-.05em}.porta-intro p{max-width:360px;font-size:16px;color:var(--tinta-2);line-height:1.7;margin:0}.workbench-nav{position:sticky;top:104px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:16px 28px;border:1px solid var(--linha-forte);border-radius:24px 24px 0 0;background:var(--noite-1)}.workbench-titulo{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600}.salvamento{font-size:11px;color:var(--tinta-3)}.map-tabs{display:none}.porta-grade{display:grid;grid-template-columns:.92fr 1.08fr;gap:0;align-items:stretch;height:min(736px,calc(100svh - 192px));min-height:520px;border:1px solid var(--linha-forte);border-top:0;border-radius:0 0 24px 24px;overflow:hidden;background:var(--noite-1)}.conversa{display:flex;flex-direction:column;min-height:0;min-width:0;padding:28px;border-right:1px solid var(--linha)}.fio{display:flex;flex-direction:column;gap:16px;overflow:auto;flex:1;min-height:120px;padding:0 8px 24px 0;scrollbar-width:thin;scrollbar-color:var(--noite-3) transparent;overscroll-behavior:contain}.balao{max-width:100%;padding:0;border-radius:0;flex-shrink:0}.balao.pergunta{background:transparent;border:0;font-size:22px;line-height:1.35;font-weight:600;letter-spacing:-.025em;margin-top:16px;padding-top:16px;border-top:1px solid var(--linha)}.balao.pergunta:first-child{border-top:0;padding-top:0;margin-top:0}.balao.pergunta small{font-size:14px;line-height:1.6;color:var(--tinta-2);letter-spacing:0;margin-top:12px}.balao.resposta{align-self:flex-end;max-width:90%;background:var(--noite-3);border:0;border-radius:12px 12px 2px 12px;padding:12px 16px;font-size:14px;line-height:1.6}.balao.sistema{border:0;border-left:2px solid var(--linha-forte);padding:0 0 0 14px;font-size:13px;line-height:1.65}.balao.sistema:has(#b-cont){padding:16px;border:1px solid var(--linha-forte);border-radius:12px}.balao.sistema .acoes{margin:16px 0 0!important;display:flex!important;flex-wrap:wrap}.entrada{max-width:none;max-height:330px;overflow:auto;flex-shrink:0;padding:20px 0 0;border-top:1px solid var(--linha);scrollbar-width:thin;scrollbar-color:var(--noite-3) transparent;overscroll-behavior:contain}.entrada:empty{display:none}.campo{font-size:16px;border-radius:12px;background:var(--noite-2)}.chip{padding:10px 12px;min-height:44px;border-radius:8px;font-size:13px;line-height:1.4;text-align:left}.chip[aria-pressed=true]{background:var(--laranja-suave);color:var(--laranja)}.entrada .btn{font-size:14px;min-height:44px;padding-inline:16px}.entrada .btn-s{font-size:12px}.entrada .legenda,.rotulo{font-size:12px}.entrada #cats{gap:6px}.entrada .grade-2{grid-template-columns:1fr 1fr}.entrada #c-texto{min-height:110px}
.painel{position:static;display:flex;flex-direction:column;min-width:0;min-height:0;gap:0;background:radial-gradient(ellipse at 50% 25%,#142b45,var(--noite-0) 90%)}.painel-bloco{background:transparent;border:0;border-radius:0;padding:24px}.painel-bloco.compacto{display:flex;gap:16px;align-items:start;justify-content:space-between;border-bottom:1px solid var(--linha);flex:none;padding:24px 28px}.painel-bloco .empresa{font-size:20px;line-height:1.3;overflow-wrap:anywhere}.painel-bloco .empresa.vazia{font-size:18px;color:var(--tinta)}.painel-bloco h3{font-size:11px;color:var(--tinta-3);margin-bottom:6px;font-weight:500}.painel-bloco .perfil{font-size:11px;line-height:1.5}.mapa-selo{font-size:10px;white-space:nowrap;border:1px solid var(--linha-forte);padding:4px 8px;border-radius:999px;color:var(--gelo)}#painel-operacao{flex:1;min-height:0;display:flex;flex-direction:column;padding:20px 0 0}#painel-operacao>h3{padding:0 28px}.mapa-scroll{flex:1;min-height:200px;overflow:auto;padding:12px 16px 24px;scrollbar-width:thin;scrollbar-color:var(--noite-3) transparent;overscroll-behavior:contain}.painel-mudanca{flex:none;margin:0 24px 16px;padding-left:12px;font-size:12px;color:var(--tinta-2);line-height:1.5;max-height:70px;overflow:auto}.mapa-detalhes{border-top:1px solid var(--linha);font-size:12px;flex:none;max-height:220px;overflow:auto}.mapa-detalhes summary{cursor:pointer;padding:16px 24px;color:var(--tinta-2)}.painel-legenda{padding:0 24px 16px;display:grid;gap:8px;margin:0;font-size:12px}.painel-legenda b{font-weight:400}.painel-legenda b.on{color:var(--menta)}#painel-anotacoes{padding:0 24px 20px}#painel-anotacoes li{font-size:12px}.painel-icones{display:none}.porta-rodape{font-size:12px;color:var(--tinta-3);margin-top:20px;max-width:none;text-align:center}
.fluxo-stage{position:relative;width:100%;min-height:460px;transition:height .4s}.fluxo-fios{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.fluxo-fios path{fill:none;stroke:var(--linha-forte);stroke-width:1.5;vector-effect:non-scaling-stroke}.fluxo-fios path.proposto{stroke:var(--laranja);stroke-dasharray:5 6;opacity:.8}.fluxo-fios path.informado{stroke:var(--menta);opacity:.7}.fluxo-fios path.pendente{stroke:var(--ambar);stroke-dasharray:3 6;opacity:.6}.fluxo-no{position:absolute;transform:translateX(-50%);min-height:76px;padding:14px 12px;background:var(--noite-2);border:1px solid var(--linha-forte);border-radius:12px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 20px rgba(0,0,0,.1)}.fluxo-no>i{font-style:normal;flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--gelo-suave);color:var(--gelo);font-size:16px}.fluxo-no>div{min-width:0}.fluxo-no strong{display:block;font-size:13px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.fluxo-no small{display:block;font-size:11px;line-height:1.4;color:var(--tinta-3);margin-top:4px}.fluxo-no.empresa{background:var(--noite-3);border-color:rgba(185,214,237,.5)}.fluxo-no.empresa strong{font-size:15px}.fluxo-no.pendente{border-color:rgba(242,202,133,.45);background:#252c36}.fluxo-no.pendente>i{color:var(--ambar);background:rgba(242,202,133,.08)}.fluxo-no.proposto{border-color:rgba(255,133,74,.6);background:#2a2a30}.fluxo-no.proposto>i{color:var(--laranja);background:var(--laranja-suave)}.fluxo-no.informado{border-color:rgba(134,217,189,.45)}.fluxo-no.informado>i{color:var(--menta);background:var(--menta-suave)}.fluxo-no.destino{background:var(--gelo);color:var(--ink);border-color:var(--gelo)}.fluxo-no.destino small{color:var(--ink-2)}.fluxo-no.destino>i{color:var(--ink);background:rgba(19,36,59,.08)}.fluxo-no.novo{animation:no-entra .5s ease both}@keyframes no-entra{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}.fluxo-legenda{display:flex;gap:12px;flex-wrap:wrap;padding:0 8px 16px;color:var(--tinta-3);font-size:10px}.fluxo-legenda span{display:flex;gap:5px;align-items:center}.fluxo-legenda i{display:block;width:5px;height:5px;border-radius:50%;background:var(--menta)}.fluxo-legenda span:nth-child(2) i{background:var(--ambar)}.fluxo-legenda span:nth-child(3) i{background:var(--laranja)}.fluxo-vazio{font-size:11px;color:var(--tinta-3);text-align:center;margin:0 auto 16px;max-width:300px}
.convite{background:var(--laranja-suave);padding:16px;border-radius:12px;margin-top:8px;max-width:none}.convite h4{font-size:16px}.convite p{font-size:13px}.convite p.ressalva{font-size:11px}.mapa{max-width:none;border-radius:16px;padding:20px;background:var(--noite-2)}.mapa li strong{font-size:15px}.mapa li span{font-size:12px}.caminho{max-width:none;padding:20px;background:var(--noite-2);border-radius:16px}.caminho h3{font-size:22px}.caminho ul li{font-size:12px}.caminho .duas{grid-template-columns:1fr}.caminho .quem span{font-size:12px}.caminho .quem b{font-size:13px}.caminho .nota{font-size:12px}.rodape{padding-block:48px}.rodape p{font-size:13px;color:var(--tinta-3)}.rodape nav{display:grid;gap:6px;font-size:11px}.rodape .marca svg{height:28px}
.painel.sem-empresa .compacto{display:none}.fluxo-stage{min-height:0}.fluxo-vazio{min-height:240px;display:grid;place-items:center;max-width:none;margin:0}.fluxo-vazio svg{width:160px;opacity:.16}.fluxo-legenda span.informado i{background:var(--menta)}.fluxo-legenda span.pendente i{background:var(--ambar)}.fluxo-legenda span.proposto i{background:var(--laranja)}#painel-anotacoes{flex:none;max-height:128px;overflow:auto;border-top:1px solid var(--linha);padding:16px 24px}#painel-anotacoes[hidden],.mapa-detalhes[hidden]{display:none}#painel-anotacoes ul{margin:0;padding-left:16px}#painel-anotacoes li+li{margin-top:4px}
@media(min-width:1600px){.hero-grid{min-height:720px}.hero-arte{margin-right:-40px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.topo{padding-inline:32px}.topo nav{gap:20px}.hero-grid{gap:8px}.hero h1{font-size:68px}.hero-arte{margin-right:-24px}.hero-acoes{gap:16px}.hero-acoes .texto-link{font-size:12px}.programas{gap:24px}.programas-nomes{gap:24px}.eco-grid,.modelo{gap:64px}.campanha{gap:64px}.numeros div{display:block}.numeros div span{display:block;margin-top:12px}.conversa{padding:24px}.porta-grade{grid-template-columns:1fr 1fr}.fluxo-no{padding:12px 8px;gap:6px}.fluxo-no>i{width:22px;height:24px;font-size:13px}.fluxo-no strong{font-size:12px}.fluxo-no small{font-size:11px}}
@media(max-width:860px){.topo{height:76px}.topo nav a.link{display:none}.hero{padding-top:76px}.hero-grid{min-height:0;grid-template-columns:1fr;padding-block:56px 24px}.hero-copy{max-width:560px}.hero h1{font-size:76px}.hero-copy>p{max-width:460px}.hero-arte{margin:-40px -32px 0 100px;max-width:650px}.hero-arte figcaption{margin-top:-12px}.hero-assinatura{display:none}.programas-nomes{flex-wrap:wrap;gap:16px 32px;justify-content:center}.programas-mais{display:none}.eco-grid{grid-template-columns:1fr;gap:48px}.eco-copy{max-width:560px}.marcas-grid{grid-template-columns:repeat(4,1fr)}.marcas-grid>span{border-right:1px solid var(--linha-clara);font-size:20px}.marcas-grid>span:nth-child(4n){border-right:0}.marcas-grid .brand-bd{font-size:12px}.modelo{gap:40px}.modelo h2{font-size:36px}.modelo-cabeca{top:112px}.trajeto-card{width:100px;padding:12px;left:33%}.beneficios-grid{grid-template-columns:1fr 1fr}.beneficio{padding:24px}.beneficio.principal{padding:0 24px 24px}.vitrine-ilustracao{transform:scale(.8);margin-inline:-24px}.beneficio h3{font-size:21px}.secao-cabeca{gap:32px}.campanha{gap:40px}.campanha h2{font-size:36px}.campanha-valor{padding-left:40px}.porta-intro{gap:32px}.porta-intro p{max-width:280px;font-size:14px}.porta-grade{grid-template-columns:1fr;height:min(700px,calc(100svh - 180px))}.map-tabs{display:flex;gap:4px;border-radius:8px;background:var(--noite-2);padding:4px}.map-tabs button{border:0;background:transparent;color:var(--tinta-3);border-radius:6px;padding:8px 16px;min-height:36px;font-size:12px;cursor:pointer}.map-tabs button[aria-pressed=true]{background:var(--noite-3);color:var(--tinta)}.salvamento{display:none}.porta-grade[data-view=conversa] .painel{display:none}.porta-grade[data-view=mapa] .conversa{display:none}.conversa{border-right:0}.painel{order:initial}.fluxo-no{padding:14px 16px;gap:12px}.fluxo-no strong{font-size:14px}.fluxo-no small{font-size:11px}.fluxo-no>i{width:28px;height:28px}.mapa-scroll{padding-inline:32px}.painel-bloco.compacto{padding:24px 32px}.balao.pergunta{font-size:24px}.entrada{max-height:310px}.chip{font-size:14px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.topo{padding:0 20px;height:72px;gap:12px}.marca svg{height:23px}.topo .btn{padding:0 14px;min-height:44px;font-size:12px}.hero{padding-top:72px}.hero-grid{padding-top:40px}.hero-kicker{font-size:12px;margin-bottom:24px}.hero h1{font-size:clamp(44px,13.3vw,58px);letter-spacing:-.06em;line-height:1.03}.hero-copy>p{font-size:15px;max-width:330px;margin-top:24px}.hero-acoes{gap:20px}.hero-acoes .btn{font-size:13px;gap:20px}.hero-acoes .texto-link{font-size:11px}.hero-arte{margin:16px -24px 0;max-width:none}.hero-arte figcaption{margin:0 24px;gap:8px}.arte-label{font-size:10px}.hero-arte figcaption>span:last-child{font-size:8px}.programas{display:block;padding-block:24px;min-height:0}.programas p{font-size:11px;margin-bottom:24px}.programas p br{display:none}.programas-nomes{gap:20px;justify-content:space-between;flex-wrap:nowrap;font-size:22px}.programas-nomes .nome-livelo{font-size:28px}.programas-nomes .nome-azul,.programas-nomes .nome-sicredi{font-size:20px}.ecossistema,.vantagens{padding-block:64px}h2{font-size:36px;line-height:1.12}.eco-copy p{font-size:15px}.eco-copy p+p{font-size:14px}.eco-copy .texto-link{font-size:12px}.marcas-painel{padding:24px 20px}.marcas-grid{grid-template-columns:1fr 1fr}.marcas-grid>span{min-height:76px;font-size:22px}.marcas-grid>span:nth-child(even){border-right:0}.marcas-grid .brand-bd{font-size:14px}.marcas-grid .brand-longo{font-size:19px}.marca-destaque{gap:4px 8px;font-size:10px}.marca-destaque strong{font-size:17px}.marca-destaque button{font-size:10px}.modelo{display:block;padding-block:64px}.modelo-cabeca{position:relative;top:auto}.modelo-cabeca>p{font-size:15px;max-width:320px}.trajeto-editorial{margin-top:24px;max-width:350px}.trajeto-card{left:36%;top:34%}.passos{margin-top:32px}.passos li,.passos li:first-child{min-height:0;padding:28px 0;gap:20px}.passos li strong{font-size:23px}.passos li p{font-size:14px}.passos li:before{margin-top:20px}.secao-cabeca{display:block}.secao-cabeca>p{margin-top:24px;font-size:14px}.beneficios-grid{grid-template-columns:1fr;margin-top:32px}.beneficio.principal{padding:0 24px 32px}.vitrine-ilustracao{height:240px;transform:none;margin:0}.beneficio h3{font-size:23px}.beneficio p{font-size:14px}.beneficios-lado{gap:16px}.beneficio-icone{font-size:28px;margin-bottom:20px}.numeros{gap:24px 16px;margin-top:40px;padding-top:32px}.numeros div strong{font-size:34px}.numeros div span{font-size:10px;line-height:1.5;max-width:100px}.campanha{grid-template-columns:1fr;gap:40px;padding-block:64px}.campanha p{font-size:15px}.campanha-valor{padding-left:24px}.campanha-valor>strong{font-size:64px;margin-bottom:16px}.campanha-valor>div{font-size:14px}.campanha-valor small{font-size:11px}.porta{padding-block:64px}.porta-intro{display:block;margin-bottom:32px}.porta-intro h2{font-size:36px}.porta-intro p{margin-top:20px;max-width:340px;font-size:14px}.workbench-nav{top:80px;padding:12px 14px;gap:8px;flex-wrap:wrap}.workbench-titulo{font-size:11px;gap:8px}.map-tabs{gap:0}.map-tabs button{padding:8px 10px;font-size:11px}.porta-grade{height:calc(100svh - 208px);min-height:540px}.conversa{padding:20px 16px}.balao.pergunta{font-size:21px}.balao.pergunta small{font-size:13px}.balao.sistema{font-size:12px}.entrada .grade-2{grid-template-columns:1fr}.chip{font-size:12px;padding:10px;min-height:44px}.entrada{max-height:350px}.campo{font-size:16px}.mapa-scroll{padding-inline:8px}.painel-bloco.compacto{padding:20px}.fluxo-no{gap:8px;padding:12px 8px;min-height:76px}.fluxo-no strong{font-size:12px}.fluxo-no small{font-size:11px}.fluxo-no>i{width:22px;height:22px;font-size:12px}.fluxo-no.empresa strong{font-size:14px}.fluxo-legenda{font-size:9px;gap:10px}.painel-mudanca{font-size:11px;margin-inline:20px}.porta-rodape{font-size:11px;text-align:left}.rodape .miolo{display:grid;gap:24px}.rodape p{font-size:13px}.rodape nav{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero-arte{transform:none!important;will-change:auto}.passos li{opacity:1}.caminho,#anotacoes li,.painel-mudanca{opacity:1!important;transform:none!important}}
/* Movimento da abertura e do trajeto (16/10, Fable). Entradas em CSS (nada depende do JS para aparecer); a luz na fita e o ponto do trajeto ficam em site/js/abertura.js e site/js/trajeto.js. */
@keyframes sobe-entra{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes arte-entra{from{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:none}}
@keyframes flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.hero-kicker,.hero h1,.hero-copy>p,.hero-acoes,.hero-assinatura,.programas{animation:sobe-entra .7s cubic-bezier(.2,.7,.2,1) both}
.hero h1{animation-delay:.08s}.hero-copy>p{animation-delay:.16s}.hero-acoes{animation-delay:.24s}.hero-assinatura{animation-delay:.32s}.programas{animation-delay:.5s}
.hero-arte picture{display:block}.hero-arte-camada{position:relative;animation:arte-entra 1.1s cubic-bezier(.2,.7,.2,1) .1s both}
.hero-arte-flutua{position:relative;animation:flutua 9s ease-in-out 1.4s infinite}
.arte-sinal{position:absolute;left:0;top:0;width:100%;aspect-ratio:3/2;pointer-events:none;mix-blend-mode:screen;overflow:visible}
.arte-sinal path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.arte-sinal .fita-guia{stroke:none}
.arte-sinal .fita-luz{stroke:#ffd9b6;stroke-width:16;opacity:0;filter:blur(8px)}
.arte-sinal .fita-ponto{fill:#fff3e8;opacity:0;filter:blur(1.5px)}
.trajeto-marco{fill:var(--noite-1);stroke:var(--linha-forte);stroke-width:2;transition:fill .4s,stroke .4s}
.trajeto-marco.ativo{fill:var(--laranja);stroke:var(--laranja)}
.trajeto-halo{fill:var(--laranja);opacity:0}
.trajeto-ponto{fill:var(--laranja);stroke:var(--noite-1);stroke-width:2}
.trajeto-card{animation:flutua 8s ease-in-out 2s infinite}
/* Revisão mobile: descoberta, leitura e mapa em tela ampla. */
.marca-destaque{justify-content:flex-end;min-height:44px;margin-top:12px}.marca-destaque button{margin-left:auto;min-height:44px}
.jornada{margin-top:32px;border:1px solid var(--linha-forte);border-radius:24px;padding:20px 24px;background:var(--noite-1);max-width:440px;--progresso:0%}.jornada-topo{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--tinta-3);font-size:11px;margin-bottom:12px}.jornada button{background:transparent;border:0;color:var(--gelo);font:inherit;cursor:pointer;min-height:44px;padding:0 8px}.jornada-etapas{list-style:none;margin:0;padding:0;position:relative}.jornada-etapas:before,.jornada-etapas:after{content:'';position:absolute;left:9px;top:22px;width:2px;height:calc(100% - 44px);background:var(--linha-forte)}.jornada-etapas:after{height:calc((100% - 44px)*var(--jornada-fracao,0));background:var(--laranja);box-shadow:0 0 12px var(--laranja-suave)}.jornada-etapas li{position:relative;min-height:62px;display:flex;align-items:center;gap:20px;z-index:1}.jornada-etapas li>i{width:20px;height:20px;flex:none;border:2px solid var(--linha-forte);background:var(--noite-1);border-radius:50%;transition:background .4s,border-color .4s}.jornada-etapas li>div{opacity:1;transform:translateY(8px);transition:opacity .5s,transform .5s}.jornada-etapas li.revelada>div{opacity:1;transform:none}.jornada-etapas li.revelada>i{border-color:var(--laranja);background:var(--laranja)}.jornada-etapas li.atual>i{box-shadow:0 0 0 5px var(--laranja-suave)}.jornada-etapas strong{font-size:14px;display:block}.jornada-etapas small{font-size:11px;color:var(--tinta-3);display:block;margin-top:4px}.jornada-weconnect>div{background:var(--noite-3);border:1px solid var(--linha-forte);padding:12px 16px;border-radius:12px;flex:1}.jornada-weconnect strong{color:var(--gelo);font-size:18px}.modelo-cabeca{top:108px}
.busca-categoria{min-height:44px;padding:10px 12px;margin-bottom:12px!important}.categorias-atalhos{display:flex;gap:16px;margin:4px 0 12px}.categorias-atalhos button{border:0;background:transparent;color:var(--gelo);padding:8px 0;font:inherit;font-size:12px;min-height:36px;cursor:pointer}.categorias-atalhos button[hidden]{display:none}.chip:disabled{opacity:.4}.convite-mapa{display:none}.mapa-convite{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;min-height:48px;border-radius:12px;border:1px solid var(--linha-forte);background:var(--noite-3);color:var(--gelo);font:inherit;text-align:left;font-size:13px;cursor:pointer}.mapa-convite>span:last-child{margin-left:auto}
#mapa-superficie{position:relative;overflow:hidden;min-height:1px;margin-inline:auto}#operacao{position:absolute;left:0;top:0;transform-origin:top left}.fluxo-no:focus-visible{outline:3px solid var(--gelo);outline-offset:4px}.mapa-ferramentas,#mapa-leitura{display:none}.mapa-dialog{padding:0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;background:var(--noite-0);color:var(--tinta);overflow:hidden}.mapa-dialog[open]{display:flex;flex-direction:column}.mapa-dialog::backdrop{background:var(--noite-0)}.mapa-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 20px 12px;border-bottom:1px solid var(--linha)}.mapa-dialog h2{font-size:16px}.mapa-dialog #mapa-fechar{min-height:44px;background:var(--noite-2);color:var(--tinta);border:1px solid var(--linha-forte);border-radius:10px;font:inherit;font-size:12px;padding:0 12px}.mapa-dialog #mapa-fechar span{font-size:20px;margin-left:8px}.mapa-dialog-corpo{display:flex;flex:1;min-height:0}.mapa-dialog .painel{display:flex!important;width:100%;min-height:0}.mapa-dialog .compacto{padding:12px 20px}.mapa-dialog .sem-empresa .compacto{display:none}.mapa-dialog .compacto h3,.mapa-dialog .perfil{display:none}.mapa-dialog .empresa{font-size:17px}.mapa-dialog #painel-operacao{padding:0}.mapa-dialog .mapa-ferramentas{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--linha);flex:none}.mapa-ferramentas button{background:var(--noite-2);color:var(--gelo);border:1px solid var(--linha-forte);border-radius:8px;font:inherit;font-size:12px;min-height:44px;padding:0 12px;cursor:pointer}.mapa-ferramentas [data-zoom=menos],.mapa-ferramentas [data-zoom=mais]{font-size:22px;min-width:44px;padding:0}.mapa-ferramentas output{font-size:11px;min-width:34px;text-align:center;color:var(--tinta-3)}.mapa-dialog #mapa-leitura{display:grid;gap:4px;padding:12px 20px;background:var(--noite-2);min-height:62px;flex:none}.mapa-dialog #mapa-leitura strong{font-size:13px}.mapa-dialog #mapa-leitura span{font-size:11px;color:var(--tinta-2)}.mapa-dialog .mapa-scroll{padding:16px 12px 24px;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}.mapa-dialog .fluxo-no{cursor:pointer;padding:14px 10px}.mapa-dialog .fluxo-no strong{font-size:15px}.mapa-dialog .fluxo-no small{font-size:12px}.mapa-dialog .fluxo-no.em-foco{outline:2px solid var(--gelo);outline-offset:3px}.mapa-dialog #painel-anotacoes,.mapa-dialog .mapa-detalhes{display:none}.mapa-dialog .fluxo-legenda{font-size:11px;padding-bottom:20px}.mapa-aberto{overflow:hidden}
@media(max-width:860px){.convite-mapa{display:block}.map-tabs button[data-view=mapa]{color:var(--gelo);border:1px solid var(--linha-forte)}.jornada{max-width:440px}.modelo-cabeca{position:static}.map-tabs button{min-height:44px}}
@media(max-width:600px){.jornada{padding:16px 20px;margin-top:24px}.jornada-etapas li{min-height:62px}.jornada-etapas strong{font-size:13px}.jornada-topo{font-size:10px}.entrada .busca-categoria{font-size:16px}.entrada #cats{gap:8px}.entrada .categorias-atalhos{margin-bottom:8px}.entrada #perfis .chip{flex:1;text-align:center;padding:10px 6px}.entrada{max-height:390px}.workbench-nav{padding:10px 12px}.map-tabs button{padding:8px}.mapa-dialog .mapa-ferramentas{gap:4px;padding:10px 8px}.mapa-ferramentas button{padding:0 8px}.mapa-dialog .fluxo-no>i{width:24px;height:24px}.mapa-dialog .fluxo-no{gap:8px}}
@media(prefers-reduced-motion:reduce){.jornada-etapas li>div{transform:none}.hero-arte-flutua,.trajeto-card{animation:none}.fluxo-no.novo{animation:none}}

.jornada.animada .jornada-etapas li>div{opacity:0}.jornada.animada .jornada-etapas li.revelada>div{opacity:1}
.entrada:has(#b-cats) .acoes{position:sticky;bottom:0;z-index:2;background:var(--noite-1);padding:10px 0 2px;margin-top:8px}.entrada:has(#b-cats) #b-cats{width:100%}
.entrada:has(#b-cats){gap:8px;max-height:440px}.entrada:has(#b-cats) .busca-categoria{margin-bottom:0!important}.entrada:has(#b-cats) .categorias-atalhos{margin:0}