@font-face{font-family:'HCX Serif';src:url(/assets/fontes/hcx-serif-400.33cbcb61cc.woff2) format('woff2');font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:'HCX Serif';src:url(/assets/fontes/hcx-serif-700.5f0cf9b3a1.woff2) format('woff2');font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url(/assets/fontes/inter-400.8311eaf4f9.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url(/assets/fontes/inter-500.393fa98a97.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url(/assets/fontes/inter-600.9cd6e11e92.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url(/assets/fontes/mono-400.907061122b.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url(/assets/fontes/mono-500.2e0e5bcb69.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Fallback';src:local('Arial'),local('ArialMT'),local('Liberation Sans'),local('Arimo');size-adjust:105.67%;ascent-override:91.68%;descent-override:22.83%;line-gap-override:0%}
@font-face{font-family:'HCX Serif Fallback';src:local('Times New Roman'),local('TimesNewRomanPSMT'),local('Liberation Serif'),local('Tinos');ascent-override:105.5%;descent-override:28.1%;line-gap-override:0%}
/* HCX · site v4: mais limpo, mesmo conteúdo.
   Uma barra só, uma ideia por tela, sete tamanhos de letra, vidro só na barra, fundo liso.
   Seções com nomes executivos; cenas fixas no computador conduzem a leitura um estudo por vez. */
:root{
  --chao:#E9E6E0; --superficie:#F9F8F5; --suave:#F0EEE9; --nevoa:#E2EBEE; --nevoa-2:#C9D5DB;
  --filete:#E5E2DC; --contorno:#D3CEC5; --vazio:#D6D1C8;
  --texto:#0D2435; --texto-2:#4A5D71; --texto-3:#7B8996;
  --acento:#7DBED0; --acento-suave:#AACFD9; --acento-forte:#2F6E86; --profundo:#4C91A9;
  --tom:rgba(125,190,208,.16);
  --enfase:#142B3D; --sobre-enfase:#F9F8F5; --marca-bloco:#142B3D;
  --vidro-topo:rgba(249,248,245,.7); --vidro-ativo:rgba(255,255,255,.82);
  --vidro-borda:rgba(255,255,255,.7); --vidro-luz:rgba(255,255,255,.95); --vidro-luz2:rgba(255,255,255,.5);
  --vidro-sombra:0 18px 50px rgba(13,36,53,.10),0 2px 6px rgba(13,36,53,.05);
  --sombra-conteiner:0 22px 60px rgba(13,36,53,.10);
  --pessoa:#53657A; --pessoa-alta:#142B3D;
  --foco:0 0 0 2px #F9F8F5,0 0 0 4px #2F6E86; --erro:#A3392E;
  --serif:"HCX Serif","HCX Serif Fallback","Times New Roman",Tinos,Times,serif; --sans:Inter,"Inter Fallback","Helvetica Neue",Arial,sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  /* sete tamanhos, os mesmos no site inteiro */
  --t-num:clamp(4rem,1.6rem + 6.4vw,7.5rem);
  --t-frase:clamp(3rem,1.1rem + 5.2vw,6rem);
  --t-titulo:clamp(2rem,1.2rem + 2.2vw,3.25rem);
  --t-texto:clamp(1.125rem,1rem + .35vw,1.375rem);
  --t-corpo:clamp(1rem,.96rem + .1vw,1.0625rem);
  --t-fonte:clamp(.8125rem,.79rem + .07vw,.875rem);
  --t-rotulo:clamp(.75rem,.73rem + .07vw,.8125rem);
  --gutter:clamp(16px,4.4vw,72px); --largura:1280px; --cabeca:88px; --ease:cubic-bezier(.16,1,.3,1);
  --r-cartao:18px; --r-conteiner:28px; --sec-esp:clamp(104px,11vw,168px);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --chao:#0D2435; --superficie:#142B3D; --suave:#1C3649; --nevoa:#2D4B61; --nevoa-2:#4A6478;
  --filete:rgba(201,213,219,.12); --contorno:rgba(201,213,219,.2); --vazio:rgba(201,213,219,.14);
  --texto:#F9F8F5; --texto-2:#C9D5DB; --texto-3:#8FA3B3;
  --acento:#7DBED0; --acento-suave:#AACFD9; --acento-forte:#7DBED0; --profundo:#7DBED0;
  --tom:rgba(125,190,208,.13);
  --enfase:#F9F8F5; --sobre-enfase:#0D2435; --marca-bloco:#1F3B52;
  --vidro-topo:rgba(16,40,58,.66); --vidro-ativo:rgba(125,190,208,.2);
  --vidro-borda:rgba(201,213,219,.16); --vidro-luz:rgba(255,255,255,.28); --vidro-luz2:rgba(255,255,255,.07);
  --vidro-sombra:0 24px 60px rgba(0,0,0,.34),0 2px 8px rgba(0,0,0,.18);
  --sombra-conteiner:none;
  --pessoa:#8FA3B3; --pessoa-alta:#F9F8F5;
  --foco:0 0 0 2px #142B3D,0 0 0 4px #7DBED0; --erro:#F2A69C; color-scheme:dark}}
:root[data-theme="dark"]{
  --chao:#0D2435; --superficie:#142B3D; --suave:#1C3649; --nevoa:#2D4B61; --nevoa-2:#4A6478;
  --filete:rgba(201,213,219,.12); --contorno:rgba(201,213,219,.2); --vazio:rgba(201,213,219,.14);
  --texto:#F9F8F5; --texto-2:#C9D5DB; --texto-3:#8FA3B3;
  --acento:#7DBED0; --acento-suave:#AACFD9; --acento-forte:#7DBED0; --profundo:#7DBED0;
  --tom:rgba(125,190,208,.13);
  --enfase:#F9F8F5; --sobre-enfase:#0D2435; --marca-bloco:#1F3B52;
  --vidro-topo:rgba(16,40,58,.66); --vidro-ativo:rgba(125,190,208,.2);
  --vidro-borda:rgba(201,213,219,.16); --vidro-luz:rgba(255,255,255,.28); --vidro-luz2:rgba(255,255,255,.07);
  --vidro-sombra:0 24px 60px rgba(0,0,0,.34),0 2px 8px rgba(0,0,0,.18);
  --sombra-conteiner:none;
  --pessoa:#8FA3B3; --pessoa-alta:#F9F8F5;
  --foco:0 0 0 2px #142B3D,0 0 0 4px #7DBED0; --erro:#F2A69C; color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--cabeca) + 12px)}
html,body{overflow-x:clip}
body{margin:0;background:var(--chao);color:var(--texto);font:400 var(--t-corpo)/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss03"}
h1,h2,h3,h4,p,ol,ul,dl,dd,figure{margin:0}
img,video{max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
::selection{background:var(--acento);color:#0D2435}
:focus-visible{outline:none;box-shadow:var(--foco);border-radius:10px}
.wrap{max-width:calc(var(--largura) + 2*var(--gutter));margin-inline:auto;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}
[hidden]{display:none!important}
[tabindex="-1"]:focus{box-shadow:none}
.mono{font-family:var(--mono)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
/* atalho do teclado: aparece só com o foco e leva direto ao conteúdo */
.pular{position:fixed;left:16px;top:12px;z-index:100;padding:12px 18px;border-radius:999px;background:var(--enfase);color:var(--sobre-enfase);font:600 var(--t-fonte)/1 var(--sans);text-decoration:none;transform:translateY(-160%);transition:transform .25s var(--ease)}
.pular:focus,.pular:focus-visible{transform:none}

/* ---------- tipografia: sete papéis ---------- */
.display{font:500 var(--t-frase)/.95 var(--serif);letter-spacing:-.03em;text-wrap:balance}
.pag-tit{font:500 var(--t-frase)/.98 var(--serif);letter-spacing:-.03em;text-wrap:balance;max-width:15ch}
.h2{font:500 var(--t-titulo)/1.06 var(--serif);letter-spacing:-.02em;text-wrap:balance;max-width:21ch}
.declara{font:500 var(--t-frase)/1 var(--serif);letter-spacing:-.03em;text-wrap:balance;max-width:13ch}
.declara em{font-style:normal;color:var(--acento-forte)}
.lead{font:400 var(--t-texto)/1.5 var(--sans);color:var(--texto-2);max-width:44ch;text-wrap:pretty}
.texto{font:400 var(--t-texto)/1.45 var(--sans);color:var(--texto);max-width:30ch;text-wrap:pretty}
.corpo{font:400 var(--t-corpo)/1.6 var(--sans);color:var(--texto-2);text-wrap:pretty}
.num{font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:.9;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.num.g{font-size:var(--t-num)}
.num.m{font-size:var(--t-titulo)}
.fonte{font:400 var(--t-fonte)/1.45 var(--sans);color:var(--texto-2)}
.rotulo{display:flex;align-items:center;gap:12px;font:600 var(--t-rotulo)/1.2 var(--sans);letter-spacing:.19em;text-transform:uppercase;color:var(--texto-2)}
.rotulo::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--acento);flex:none}
.pi{width:24px;height:24px;fill:currentColor;flex:none;--tom:var(--acento)}
/* títulos que sobem por linhas, de dentro de uma máscara */
.sobe-l .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.12em 0 .16em;margin:-.12em 0 -.16em}
.sobe-l .w>span{display:inline-block}

/* ---------- vidro: só na barra ---------- */
.lg{position:relative;isolation:isolate;border-radius:var(--r,24px);box-shadow:var(--vidro-sombra)}
.lg::before{content:"";position:absolute;inset:0;z-index:-2;border-radius:inherit;-webkit-backdrop-filter:blur(14px) saturate(175%);backdrop-filter:blur(14px) saturate(175%)}
.liquido .lg.dist::before{filter:url(#lg-dist)}
.lg::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--lg-tinta,var(--vidro-topo));
  box-shadow:inset 1.5px 1.5px 1px 0 var(--vidro-luz),inset -1px -1px 1px 0 var(--vidro-luz2),inset 0 0 0 1px var(--vidro-borda)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.lg::after{background:var(--superficie)}}

/* ---------- superfícies lisas ---------- */
.cartao{background:var(--superficie);border:1.5px solid var(--contorno);border-radius:var(--r-cartao)}
.conteiner{background:var(--superficie);border-radius:var(--r-conteiner);box-shadow:var(--sombra-conteiner)}

/* ---------- botões: só texto; o rótulo rola no hover ---------- */
.botao{position:relative;display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;border-radius:999px;font:600 var(--t-corpo)/1 var(--sans);letter-spacing:-.005em;text-decoration:none;color:var(--texto);border:1.5px solid transparent;background:transparent;cursor:pointer;white-space:nowrap;transition:transform .3s var(--ease),border-color .3s,background-color .3s}
.botao:active{transform:scale(.96)}
.botao.primario{background:var(--enfase);color:var(--sobre-enfase)}
.botao.secundario{border-color:var(--contorno)}
.botao.secundario:hover{border-color:var(--texto-3)}
.botao.pequeno{height:42px;padding:0 18px;font-size:var(--t-fonte)}
.rola{display:grid;overflow:hidden;line-height:1.3;height:1.3em}
.rola>span{grid-area:1/1;transition:transform .45s var(--ease)}
.rola>span+span{transform:translateY(110%)}
.botao:hover .rola>span:first-child{transform:translateY(-110%)}
.botao:hover .rola>span+span{transform:none}
.acoes{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- bloco do agente (monograma X) ---------- */
.bloco-x{position:relative;display:grid;place-items:center;background:var(--marca-bloco);color:#F9F8F5;border-radius:28%;flex:none}
.bloco-x svg.xm{width:46%;height:auto;aspect-ratio:1;display:block;overflow:visible}
.bloco-x .arco{position:absolute;inset:-11%;width:122%;height:122%;fill:none;stroke:var(--acento);stroke-width:2.2;stroke-linecap:round;opacity:0;transition:opacity .4s}
.bloco-x.ativo .arco{opacity:1;animation:gira 1.6s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
@keyframes pulsa{50%{opacity:.25}}
.pp{fill:currentColor}
/* ícone de linha dentro de um bloco de cantos macios */
.app{width:56px;height:56px;border-radius:30%;display:grid;place-items:center;background:var(--suave);box-shadow:inset 0 0 0 1px var(--filete);transition:background-color .35s}
.app .pi{width:26px;height:26px;color:var(--texto)}
.app.on{background:var(--acento)}
.app.on .pi{color:#0D2435;--tom:#F9F8F5;--tom-op:.6}

/* ================= barra única ================= */
.topo{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:60;pointer-events:none;transition:transform .35s var(--ease)}
.topo.oculto{transform:translateY(calc(-100% - 28px))}
.topo .wrap{position:relative}
.topo-barra{pointer-events:auto;--r:999px;display:flex;align-items:center;gap:16px;height:62px;padding:0 9px 0 24px}
.marca{display:flex;align-items:center;color:var(--texto);text-decoration:none;flex:none}
.logo{height:21px;width:auto;display:block;overflow:visible}
.abas{position:relative;display:flex;align-items:center;gap:2px;margin:0 auto;padding:4px;border-radius:999px}
.abas a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;font:600 var(--t-fonte)/1 var(--sans);letter-spacing:-.005em;color:var(--texto-2);text-decoration:none;white-space:nowrap;transition:color .3s}
.abas a small{font:600 var(--t-rotulo)/1 var(--sans);letter-spacing:.06em;color:var(--texto-2);transition:color .3s}
.abas a:hover,.abas a[aria-current="page"]{color:var(--texto)}
.abas a[aria-current="page"] small{color:var(--acento-forte)}
.abas-ind{position:absolute;left:0;top:4px;height:42px;width:0;border-radius:999px;background:var(--vidro-ativo);box-shadow:inset 0 0 0 1px var(--vidro-borda);transition:transform .6s var(--ease),width .6s var(--ease)}
.abas-ind i{position:absolute;left:16px;right:16px;bottom:6px;height:2px;border-radius:2px;background:var(--contorno);overflow:hidden}
.abas-ind b,.topo-prog b{display:block;height:100%;width:100%;border-radius:2px;background:var(--acento);transform-origin:left;transform:scaleX(0)}
.pag-botao{display:none;align-items:center;gap:8px;height:42px;padding:0 14px;margin-left:auto;border:0;border-radius:999px;background:var(--tom);font:600 var(--t-fonte)/1 var(--sans);cursor:pointer}
.pag-botao .pi{width:16px;height:16px;transition:transform .4s var(--ease)}
.pag-botao[aria-expanded="true"] .pi{transform:rotate(180deg)}
.topo-prog{display:none;position:absolute;left:26px;right:26px;bottom:5px;height:2px;border-radius:2px;background:var(--contorno);overflow:hidden}
/* link para a mesma página na outra língua (EN / PT) */
.idioma{display:inline-grid;place-items:center;flex:none;min-width:44px;height:42px;padding:0 10px;border-radius:999px;font:600 var(--t-rotulo)/1 var(--sans);letter-spacing:.12em;color:var(--texto-2);text-decoration:none;transition:color .3s,background-color .3s}
.idioma:hover{color:var(--texto);background:var(--tom)}
.pv-topo .idioma{margin-left:auto}
.idioma+.pv-cta{margin-left:0}
/* menu do celular */
.menu-folha{pointer-events:auto;position:absolute;top:calc(100% + 8px);left:max(var(--gutter),env(safe-area-inset-left,0px));right:max(var(--gutter),env(safe-area-inset-right,0px));--r:26px;padding:10px;display:grid;gap:2px;max-height:calc(100svh - 110px);overflow:auto}
.menu-folha[hidden]{display:none}
.mf-pag{display:flex;align-items:baseline;gap:10px;padding:12px 14px;border-radius:16px;text-decoration:none;font:500 var(--t-titulo)/1.05 var(--serif);letter-spacing:-.02em}
.mf-pag small{font:600 var(--t-rotulo)/1 var(--sans);letter-spacing:.08em;color:var(--acento-forte)}
.mf-pag[aria-current="page"]{background:var(--tom)}
.mf-secs{display:grid;gap:2px;padding:4px 14px 10px 34px}
.mf-secs a{display:flex;align-items:center;gap:10px;padding:7px 0;text-decoration:none;font:500 var(--t-fonte)/1.3 var(--sans);color:var(--texto-2)}
.mf-secs a::before{content:"";width:6px;height:6px;border-radius:50%;background:transparent;flex:none}
.mf-secs a[aria-current="true"]{color:var(--texto);font-weight:600}
.mf-secs a[aria-current="true"]::before{background:var(--acento)}
.mf-cta{margin:8px 4px 4px}

/* ================= páginas e seções ================= */
.pagina{min-height:100svh}
.pagina[hidden]{display:none!important}
.pag-cab{padding-block:calc(var(--cabeca) + clamp(48px,7vw,112px)) 0}
.pag-cab .wrap{display:grid;gap:clamp(20px,2vw,28px)}
.secao{position:relative;padding-block:var(--sec-esp) 0}
.pag-cab+.secao{padding-top:clamp(80px,9vw,136px)}
.sec-cab{display:grid;gap:18px;max-width:880px;margin-bottom:clamp(32px,4vw,56px)}
.fim-pag{padding-block:var(--sec-esp) clamp(40px,5vw,72px)}
.proximo{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,3.4vw,48px);padding:clamp(28px,3.6vw,48px);text-decoration:none;color:var(--texto);transition:transform .5s var(--ease),border-color .4s}
.proximo:hover{transform:translateY(-4px);border-color:var(--texto-3)}
.proximo.sem-num{grid-template-columns:minmax(0,1fr)}
.prox-num{font:500 var(--t-num)/.85 var(--serif);letter-spacing:-.05em;color:var(--acento-forte)}
.prox-txt{display:grid;gap:10px}
.prox-rot{font:600 var(--t-fonte)/1 var(--sans);color:var(--texto-2)}
.prox-tit{font:500 var(--t-titulo)/1.04 var(--serif);letter-spacing:-.02em}
.prox-sub{font:400 var(--t-corpo)/1.5 var(--sans);color:var(--texto-2)}
.fim-conversa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:20px;padding:0 6px;font:500 var(--t-corpo)/1.4 var(--sans);color:var(--texto-2)}

/* ---------- cena: no computador fica presa enquanto o conteúdo troca ---------- */
.cena-grade{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);align-items:center}
.cena-lado{display:grid;gap:20px;align-content:center;min-width:0}
.cena-palco{min-width:0}
.palco{display:grid;gap:clamp(40px,5vw,64px)}
.palco>.quadro{min-width:0}
.cena.fixa{min-height:100svh;display:grid;align-content:center;padding-block:96px 48px}
.cena.fixa .palco{gap:0}
.cena.fixa .palco>.quadro{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .42s,transform .6s var(--ease),visibility 0s linear .42s}
.cena.fixa .palco>.quadro.ativo{opacity:1;visibility:visible;transform:none;transition:opacity .56s .08s,transform .7s var(--ease) .08s,visibility 0s}
.cena.fixa .cena-lado{transition:opacity .56s .08s,visibility 0s}
.cena.fixa.final .cena-lado{opacity:0;visibility:hidden;transition:opacity .42s,visibility 0s linear .42s}
.cena.fixa .palco>.quadro.tela{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding-inline:var(--gutter)}
.cena.fixa .quadro.tela .declara{max-width:16ch}
.cena.fixa .num.g{font-size:min(var(--t-num),12.5svh)}
.estudo{display:grid;gap:18px;align-content:center;justify-items:start}
.estudo .vis{width:100%;margin-top:10px}

/* ================= INÍCIO ================= */
.proposta{padding-block:calc(var(--cabeca) + clamp(32px,5vw,72px)) clamp(32px,4vw,56px);min-height:min(100svh,1000px);display:grid;align-items:center}
.proposta-grade{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center}
.proposta-texto{display:grid;gap:clamp(24px,2.6vw,36px);align-content:start;min-width:0}
.proposta .lead{max-width:40ch}

/* cartão do agente: os passos marcam um a um */
.agente{padding:clamp(18px,2vw,24px);display:grid;gap:16px;min-width:0}
.ag-topo{display:flex;align-items:center;gap:14px}
.ag-topo .bloco-x{width:46px;height:46px}
.ag-nome{min-width:0}
.ag-nome strong{display:block;font:600 var(--t-corpo)/1.25 var(--sans);letter-spacing:-.01em}
.ag-nome span{display:block;font:400 var(--t-fonte)/1.3 var(--sans);color:var(--texto-2)}
.ag-status{margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:999px;background:var(--suave);font:600 var(--t-rotulo)/1 var(--sans);white-space:nowrap}
.ag-status i{width:7px;height:7px;border-radius:50%;background:var(--acento);animation:pulsa 1.3s ease-in-out infinite}
.ag-status.ok i{animation:none}
.ag-gatilho{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--suave);font:500 var(--t-fonte)/1.35 var(--sans)}
.ag-gatilho .pi{width:20px;height:20px;color:var(--acento-forte)}
.ag-corpo{display:grid;gap:14px;transition:opacity .45s}
.ag-corpo.troca{opacity:0}
.ag-passos{list-style:none;padding:0;display:grid;gap:8px}
.ag-passo{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:center;min-height:44px;font:500 var(--t-corpo)/1.3 var(--sans);transition:color .45s}
/* passo em espera: o ícone fica apagado e o texto continua legível (contraste WCAG AA) */
.ag-passo[data-e="espera"]{color:var(--texto-2)}
.ag-passo[data-e="espera"] .ag-ico{opacity:.4}
.ag-ico{position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--suave);box-shadow:inset 0 0 0 1px var(--filete);transition:opacity .45s}
.ag-ico .pi{width:20px;height:20px}
.ag-ico .gira{position:absolute;inset:-4px;border-radius:15px;border:2px solid transparent;border-top-color:var(--acento);border-right-color:var(--acento);opacity:0;animation:gira 1s linear infinite}
.ag-passo[data-e="roda"] .gira{opacity:1}
.ag-ico .ok{position:absolute;right:-5px;bottom:-5px;width:18px;height:18px;border-radius:50%;background:var(--acento);color:#0D2435;display:grid;place-items:center;transform:scale(0);transition:transform .45s var(--ease)}
.ag-ico .ok .pi{width:12px;height:12px;--tom-op:0}
.ag-passo[data-e="ok"] .ok{transform:scale(1)}
.ag-rodape{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--filete);min-height:46px}
.ag-fim{display:flex;align-items:center;gap:8px;font:600 var(--t-fonte)/1.3 var(--sans);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s var(--ease)}
.ag-fim.vis{opacity:1;transform:none}
.ag-fim .pi{width:18px;height:18px;color:var(--acento-forte)}
.ag-nota{font:400 var(--t-rotulo)/1.3 var(--sans);color:var(--texto-2)}

/* desafio: 100 empresas */
/* a grade é desenhada pelo script numa única figura (canvas); o quadrado reserva o espaço antes do desenho */
.pontos{position:relative;aspect-ratio:1;width:min(100%,440px,calc(100svh - 330px));min-width:min(100%,250px);margin-inline:auto}
.pontos canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.leg-pontos{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;margin-top:20px;font:500 var(--t-fonte)/1.3 var(--sans);color:var(--texto-2)}
.leg-pontos span{display:inline-flex;align-items:center;gap:8px}
.leg-pontos i{width:11px;height:11px;border-radius:50%}

/* sumário: quatro capítulos em vidro líquido, cada um com "Entenda mais" */
.capitulos{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}
.capitulos>li{display:grid}
.capitulo{--r:var(--r-conteiner);display:grid;grid-template-rows:auto auto 1fr auto auto;gap:14px;padding:clamp(24px,2.6vw,36px);text-decoration:none;color:var(--texto);transition:transform .5s var(--ease)}
.capitulo::after{transition:background-color .35s}
.capitulo:hover{transform:translateY(-4px);--lg-tinta:var(--vidro-ativo)}
.capitulo:focus-visible{box-shadow:var(--foco),var(--vidro-sombra)}
.cap-topo{display:flex;align-items:baseline;gap:10px;font:600 var(--t-texto)/1.2 var(--sans)}
.cap-n{font:600 var(--t-rotulo)/1 var(--sans);letter-spacing:.08em;color:var(--acento-forte)}
.cap-num{margin-top:4px}
.cap-txt{font:400 var(--t-corpo)/1.5 var(--sans);color:var(--texto-2);max-width:42ch}
.cap-acao{display:flex;margin-top:10px}
.pilula{--r:999px;--lg-tinta:var(--vidro-topo);display:inline-flex;align-items:center;height:44px;padding:0 20px;font:600 var(--t-fonte)/1 var(--sans);color:var(--texto);white-space:nowrap}
.pilula::after{transition:background-color .35s}
.capitulo:hover .pilula{--lg-tinta:var(--enfase);color:var(--sobre-enfase)}
.capitulo:hover .pilula .rola>span:first-child{transform:translateY(-110%)}
.capitulo:hover .pilula .rola>span+span{transform:none}

/* vídeo: cresce até ocupar a tela */
.filme{margin-top:clamp(32px,4vw,56px);overflow:hidden}
.filme-quadro{position:relative;width:min(100%,calc(100svh * 16 / 9));margin-inline:auto;aspect-ratio:16/9;border-radius:var(--r-conteiner);overflow:hidden;background:#0D2435;transform-origin:50% 50%}
.filme-quadro img,.filme-quadro video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.filme-quadro video{cursor:pointer}
.controles{position:absolute;left:clamp(14px,2.4vw,36px);bottom:clamp(14px,2.4vw,36px);display:flex;gap:10px}
.controles .botao{background:rgba(13,36,53,.7);color:#F9F8F5;border-color:rgba(249,248,245,.3)}

/* contato */
.contato{padding-bottom:clamp(48px,7vw,104px)}
.fecho-quadro{padding:clamp(32px,5vw,80px) clamp(22px,6vw,96px);display:grid;gap:clamp(18px,2vw,24px);justify-items:start}
.fecho{font:500 var(--t-frase)/.98 var(--serif);letter-spacing:-.03em;max-width:18ch;text-wrap:balance}
.form-contato{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,800px);margin-top:4px}
.campo{display:grid;gap:8px;align-content:start;min-width:0}
.campo.largo{grid-column:1/-1}
.campo label{font:600 var(--t-fonte)/1.2 var(--sans);color:var(--texto)}
.campo .opc{font-weight:400;color:var(--texto-2);margin-left:4px}
.campo input,.campo textarea{display:block;width:100%;height:52px;padding:0 16px;font:400 var(--t-corpo)/1.4 var(--sans);color:var(--texto);background:var(--chao);border:1.5px solid var(--contorno);border-radius:14px;-webkit-appearance:none;appearance:none;transition:border-color .25s,box-shadow .25s}
.campo textarea{height:auto;min-height:96px;padding:14px 16px;resize:vertical}
.campo input::placeholder,.campo textarea::placeholder{color:var(--texto-2);opacity:.75}
.campo input:hover,.campo textarea:hover{border-color:var(--texto-3)}
.campo input:focus,.campo textarea:focus{outline:none;border-color:var(--acento-forte);box-shadow:0 0 0 3px var(--tom)}
.campo [aria-invalid="true"]{border-color:var(--erro)}
.erro{font:500 var(--t-fonte)/1.3 var(--sans);color:var(--erro)}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.envio{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:6px}
.form-nota{font:400 var(--t-fonte)/1.4 var(--sans);color:var(--texto-2)}
.form-aviso{grid-column:1/-1;font:500 var(--t-fonte)/1.4 var(--sans);color:var(--texto)}
.form-aviso:empty{display:none}
.botao[disabled]{opacity:.6;cursor:progress}
.contato-ok{display:flex;align-items:center;gap:18px;width:min(100%,800px);padding:22px 24px;border-radius:var(--r-cartao);background:var(--suave)}
.contato-ok .ok-tit{font:600 var(--t-texto)/1.3 var(--sans);color:var(--texto)}
.contato-ok:focus{outline:none;box-shadow:none}

/* ================= CENÁRIO ================= */
.dia{display:grid;gap:24px}
.dia-barra{display:flex;gap:4px;height:56px}
.dia-barra .seg{flex:var(--v) 1 0;min-width:0;border-radius:12px;display:flex;align-items:center;padding-left:14px;transform-origin:left;overflow:hidden;font:500 var(--t-texto)/1 var(--serif);letter-spacing:-.02em;white-space:nowrap}
.dia-barra .s1{background:var(--vazio);color:var(--texto)}
.dia-barra .s2{background:var(--nevoa-2);color:var(--texto)}
.dia-barra .s3{background:var(--acento);color:#0D2435}
.dia-leg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dia-leg>div{display:grid;gap:6px;align-content:start;padding-top:14px;border-top:2px solid var(--c)}
.dia-leg strong{font:600 var(--t-corpo)/1.3 var(--sans)}
.dia-leg small{font:400 var(--t-fonte)/1.45 var(--sans);color:var(--texto-2)}
.dia-leg em{font:600 var(--t-fonte)/1.3 var(--sans);font-style:normal;color:var(--acento-forte)}
.checa-tit{font:600 var(--t-fonte)/1.2 var(--sans);color:var(--texto-2);margin-top:8px}
.checa{list-style:none;padding:0;display:grid}
.checa li{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--filete);font:500 var(--t-corpo)/1.4 var(--sans)}
.checa .marcador{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--contorno);transition:background-color .35s,box-shadow .35s}
.checa .marcador .pi{width:14px;height:14px;opacity:0;transform:scale(.4);transition:opacity .3s,transform .45s var(--ease);--tom-op:0}
.checa li.marcado .marcador{background:var(--acento);box-shadow:none;color:#0D2435}
.checa li.marcado .marcador .pi{opacity:1;transform:none}
.colunas{--alt:230px;display:flex;align-items:flex-end;gap:clamp(18px,3vw,40px);height:var(--alt);max-width:420px;border-bottom:1.5px solid var(--contorno)}
.cena.fixa .colunas{--alt:min(230px,24svh)}
.coluna{position:relative;flex:1;display:grid;justify-items:center;align-content:end;gap:12px;height:100%}
.coluna .barra{width:min(110px,80%);border-radius:14px 14px 4px 4px;background:var(--vazio);height:calc(var(--v) * var(--alt) / 50);transform-origin:bottom}
.coluna.hoje .barra{background:var(--acento)}
.coluna small{position:absolute;left:0;right:0;top:calc(100% + 10px);text-align:center;font:600 var(--t-fonte)/1 var(--sans);color:var(--texto-2)}
.destaque{font:600 var(--t-fonte)/1.3 var(--sans);color:var(--acento-forte)}
.minibarras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:440px}
.minibarras div{display:grid;gap:8px;font:500 var(--t-fonte)/1 var(--sans);color:var(--texto-2)}
.minibarras b{display:block;height:8px;border-radius:8px;background:var(--vazio);overflow:hidden}
.minibarras b i{display:block;height:100%;border-radius:8px;background:var(--profundo);width:calc(var(--v)*1%);transform-origin:left}

/* ================= MÉTODO ================= */
.estado-c{display:grid;gap:10px;align-content:center}
.estado-c .tag{font:600 var(--t-fonte)/1 var(--sans);color:var(--acento-forte)}
.estado-c strong{font:600 var(--t-texto)/1.3 var(--sans);color:var(--texto)}
.palco-mentor{position:relative;width:min(100%,560px,calc(100svh - 230px));min-width:min(100%,300px);aspect-ratio:1;margin-inline:auto}
.feixes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.feixes .base{fill:none;stroke:var(--contorno);stroke-width:1.6;stroke-dasharray:1 1;stroke-linecap:round}
.feixes .pulso{fill:none;stroke:var(--acento);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:.12 .88;opacity:0;animation:viaja 2.4s linear infinite}
.feixes .pulso.ativo{stroke-width:3.6}
@keyframes viaja{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.feixes .anel{fill:none;stroke:var(--contorno);stroke-width:1.2;stroke-dasharray:2 7;stroke-linecap:round}
.ferr{position:absolute;left:0;top:0;width:96px;display:grid;justify-items:center;gap:8px;transform:translate(-50%,-30px);font:600 var(--t-rotulo)/1.2 var(--sans);color:var(--texto);text-align:center;cursor:pointer;background:none;border:0;padding:0}
.ferr.sel .app{background:var(--acento)}
.ferr.sel .app .pi{color:#0D2435;--tom:#F9F8F5;--tom-op:.6}
.hub{position:absolute;left:50%;top:50%;width:19%;aspect-ratio:1;transform:translate(-50%,-50%)}
.hub .arco{stroke-width:1.2}
.mentor-legenda{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;margin-top:14px;font:500 var(--t-fonte)/1.3 var(--sans);color:var(--texto-2);text-align:center}
.mentor-legenda b{color:var(--texto);font-weight:600}
.mentor-legenda .txt{transition:opacity .3s}
.mentor-legenda.troca .txt{opacity:0}
/* etapas: o trilho anda junto com a rolagem */
.trav-pin{position:relative;overflow:hidden;padding-block:78px 24px}
.trav-linha{position:absolute;left:0;right:0;top:36px;height:2px;background:var(--contorno)}
.trav-linha .feito{position:absolute;left:0;top:0;height:100%;width:28vw;background:var(--profundo)}
.viajante{position:absolute;top:37px;left:28vw;width:50px;height:50px;margin:-25px 0 0 -25px;z-index:3}
.trav-trilho{position:relative;z-index:1;display:flex;gap:20px;width:max-content;padding-left:max(var(--gutter),calc((100vw - var(--largura))/2));padding-right:12vw}
.passo{width:clamp(300px,29vw,400px);padding:28px;display:grid;gap:14px;align-content:start;position:relative}
.passo .marco{position:absolute;left:34px;top:-50px;width:16px;height:16px;border-radius:50%;background:var(--chao);box-shadow:inset 0 0 0 2px var(--texto-3);transition:background-color .3s,box-shadow .3s}
.passo .marco::after{content:"";position:absolute;left:7px;top:17px;width:2px;height:33px;background:var(--contorno)}
.passo.on .marco{background:var(--acento);box-shadow:0 0 0 5px var(--tom)}
.passo.on .marco::after{background:var(--profundo)}
.passo .tit{display:flex;align-items:center;gap:14px}
.passo .tit .app{width:52px;height:52px}
.passo .n{font:600 var(--t-rotulo)/1 var(--sans);letter-spacing:.1em;color:var(--acento-forte)}
.passo.on .tit .app{background:var(--acento)}
.passo.on .tit .app .pi{color:#0D2435;--tom:#F9F8F5;--tom-op:.6}
.passo h3{font:600 var(--t-texto)/1.2 var(--sans);letter-spacing:-.01em}
.passo>p{font:400 var(--t-corpo)/1.55 var(--sans);color:var(--texto-2)}
.entrega{margin-top:6px;border-radius:14px;background:var(--suave);padding:16px;min-height:150px;display:grid;gap:10px;align-content:start}
.entrega .rot{font:600 var(--t-fonte)/1.2 var(--sans);color:var(--texto-2)}
.mapa-proc{display:flex;align-items:center;gap:6px}
.mapa-proc span{flex:1 1 auto;min-width:0;height:34px;border-radius:9px;background:var(--superficie);box-shadow:inset 0 0 0 1px var(--filete);display:block;font:600 var(--t-rotulo)/34px var(--sans);text-align:center;white-space:nowrap;color:var(--texto-2);overflow:hidden;text-overflow:ellipsis;padding:0 6px}
.mapa-proc span.gargalo{box-shadow:inset 0 0 0 2px var(--acento);color:var(--texto)}
.mapa-proc em{font-style:normal;color:var(--texto-3);font-size:var(--t-rotulo)}
.planta{display:grid;gap:6px;font:500 var(--t-rotulo)/1.3 var(--sans);color:var(--texto)}
.planta div{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:8px;background:var(--superficie)}
.planta span{color:var(--texto-2);text-align:right}
.integra{position:relative;height:112px}
.integra>svg{position:absolute;inset:0;width:100%;height:100%}
.integra line{stroke:var(--profundo);stroke-width:1.5;stroke-dasharray:3 4}
.integra .bloco-x{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
.integra .c{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:var(--superficie);font:600 var(--t-rotulo)/1 var(--sans);box-shadow:inset 0 0 0 1px var(--filete);white-space:nowrap}
.kpi svg{width:100%;height:92px;overflow:visible}
.kpi .linha-kpi{fill:none;stroke:var(--acento);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.kpi .area-kpi{fill:var(--tom)}
.passo.final{background:transparent;border:0;align-content:center;width:clamp(300px,26vw,380px);padding-top:0}

html:not(.mov) .trav-linha,html:not(.mov) .viajante,html:not(.mov) .passo .marco{display:none}
html:not(.mov) .trav-pin{padding-top:0}
html:not(.mov) .trav-trilho{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left,0px));gap:14px}
html:not(.mov) .passo,html:not(.mov) .passo.final{width:auto}

/* ================= AGENTES ================= */
.provas-cont{container-type:inline-size}
.abas-f{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1.5px solid var(--contorno)}
.abas-f::-webkit-scrollbar{display:none}
.aba-f{position:relative;flex:none;padding:14px 16px 16px;border:0;background:transparent;color:var(--texto-2);cursor:pointer;font:600 var(--t-fonte)/1.2 var(--sans);white-space:nowrap;transition:color .3s}
.aba-f:hover,.aba-f[aria-selected="true"]{color:var(--texto)}
.aba-f .prog{position:absolute;left:12px;right:12px;bottom:-1.5px;height:2px;overflow:hidden}
.aba-f .prog b{display:block;height:100%;background:var(--acento);transform-origin:left;transform:scaleX(0)}
.aba-f[aria-selected="true"] .prog{background:var(--contorno)}
.palco-provas{margin-top:18px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-height:440px;overflow:hidden}
.palco-provas>*{min-width:0}
@container (max-width:900px){.palco-provas{grid-template-columns:minmax(0,1fr)}.sim{border-right:0!important;border-bottom:1.5px solid var(--contorno);min-height:380px}}
.sim{position:relative;padding:30px 28px 44px;border-right:1.5px solid var(--contorno);display:grid;grid-template-columns:minmax(0,1fr);align-content:center}
.sim .nota-sim{position:absolute;left:28px;bottom:16px;font:400 var(--t-rotulo)/1.3 var(--sans);color:var(--texto-2)}
.sim-corpo{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.info{padding:34px 32px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-content:center}
.info h3{font:500 var(--t-titulo)/1.08 var(--serif);letter-spacing:-.018em}
.efeito{display:grid;gap:10px;padding-top:18px;border-top:1.5px solid var(--contorno)}
.efeito p{font:500 var(--t-corpo)/1.45 var(--sans)}
.efeito .fonte{font:400 var(--t-fonte)/1.45 var(--sans);color:var(--texto-2)}
.troca-info{transition:opacity .3s,transform .45s var(--ease)}
.troca-info.saindo{opacity:0;transform:translateY(10px)}
.linha-sim{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;background:var(--suave);font:500 var(--t-fonte)/1.35 var(--sans)}
.linha-sim .pi{width:19px;height:19px;color:var(--texto-2)}
.linha-sim .de{font-weight:600;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.linha-sim .de span{font-weight:400;color:var(--texto-2)}
.sim-lista{display:grid;gap:6px}
.linha-sim .chave{color:var(--texto-2);min-width:120px}
.etq{flex:none;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font:600 var(--t-rotulo)/1 var(--sans);background:var(--acento);color:#0D2435}
.etq.b{background:var(--tom);color:var(--texto)}
.rascunho{padding:14px 16px;border-radius:12px;background:var(--tom);font:400 var(--t-fonte)/1.55 var(--sans);min-height:76px}
.rascunho .rot-r{font:600 var(--t-rotulo)/1.2 var(--sans);color:var(--texto-2)}
.rascunho .t{margin-top:6px}
.cursor{display:inline-block;width:2px;height:1.1em;background:var(--acento-forte);vertical-align:-.2em;margin-left:2px;animation:pisca .9s steps(1) infinite}
@keyframes pisca{50%{opacity:0}}
.grade-sim{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:4px;font:500 var(--t-rotulo)/1 var(--mono)}
.grade-sim span{height:30px;display:flex;align-items:center;justify-content:flex-end;padding:0 8px;border-radius:7px;background:var(--suave);color:var(--texto);min-width:0}
.grade-sim span.h{justify-content:flex-start;font-family:var(--sans);font-weight:600;color:var(--texto-2);background:transparent}
.grade-sim span.t{font-weight:600;background:var(--tom)}
.grade-sim span.alerta{box-shadow:inset 0 0 0 2px var(--acento)}
.console{padding:16px 18px;border-radius:14px;background:#0B1F2E;color:#E2EBEE;font:500 var(--t-rotulo)/1.8 var(--mono);min-height:206px;overflow:hidden}
.console .p{color:#7DBED0}
.console .r{color:#C9D5DB;padding-left:16px}
.console.curto{min-height:120px;margin-top:8px}
.console.curto .r{padding-left:0}
.console .a{color:#0D2435;background:#7DBED0;border-radius:6px;padding:2px 8px;display:inline-block;margin-top:4px}
.cliente{display:grid;gap:10px}
.cliente .cab-c{display:flex;align-items:center;gap:12px}
.cliente .cab-c b{font:600 var(--t-corpo)/1.2 var(--sans)}
.cliente .av{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--marca-bloco);color:#F9F8F5;font:600 var(--t-fonte)/1 var(--sans)}
.cliente dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cliente dl div{padding:10px 12px;border-radius:12px;background:var(--suave)}
.cliente dt{font:600 var(--t-rotulo)/1.2 var(--sans);color:var(--texto-2)}
.cliente dd{margin:4px 0 0;font:600 var(--t-corpo)/1.2 var(--sans)}
@container (max-width:520px){.cliente dl{grid-template-columns:minmax(0,1fr)}}
.sugestao{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--tom);font:500 var(--t-fonte)/1.45 var(--sans)}
.sugestao .pi{width:20px;height:20px;color:var(--acento-forte)}
.balao{max-width:84%;padding:11px 14px;border-radius:16px;font:400 var(--t-fonte)/1.5 var(--sans)}
.balao.cli{justify-self:end;background:var(--enfase);color:var(--sobre-enfase);border-bottom-right-radius:6px}
.balao.ag{justify-self:start;background:var(--suave);border-bottom-left-radius:6px}
.balao .fonte-c{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font:600 var(--t-rotulo)/1 var(--sans);padding:6px 9px;border-radius:999px;background:var(--tom);color:var(--texto)}
.balao .fonte-c .pi{width:13px;height:13px}
.digitando{display:inline-flex;gap:4px}.digitando i{width:6px;height:6px;border-radius:50%;background:var(--texto-2);animation:pulsa 1s infinite}.digitando i:nth-child(2){animation-delay:.15s}.digitando i:nth-child(3){animation-delay:.3s}
.concilia{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}
.concilia .doc{padding:12px 14px;border-radius:12px;background:var(--suave);display:grid;gap:4px;font:500 var(--t-rotulo)/1.4 var(--sans);min-width:0}
.concilia .doc b{font:600 var(--t-fonte)/1.2 var(--sans)}
.concilia .doc span{color:var(--texto-2)}
.concilia .elo{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--acento);color:#0D2435}
.concilia .elo .pi{width:18px;height:18px;--tom-op:0}
.fluxo-sim{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;position:relative;align-items:center}
.fluxo-sim .no-f{display:grid;justify-items:center;gap:8px;text-align:center;font:600 var(--t-rotulo)/1.25 var(--sans);color:var(--texto-2);position:relative;z-index:1}
.fluxo-sim .no-f .app{width:50px;height:50px}
.fluxo-sim .no-f .app .pi{width:24px;height:24px}
.fluxo-sim .no-f .bloco-x{width:50px;height:50px;border-radius:15px}
.fluxo-sim .no-f.on{color:var(--texto)}
.fluxo-sim .trilho-f{position:absolute;left:10%;right:10%;top:25px;height:2px;background:var(--contorno)}
.fluxo-sim .trilho-f b{display:block;height:100%;width:0;background:var(--acento);transition:width .6s var(--ease)}
/* governança: seis princípios em lista */
.principios{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,88px);border-top:1.5px solid var(--contorno)}
.principio{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px 16px;padding:clamp(22px,2.4vw,30px) 0;border-bottom:1.5px solid var(--contorno);align-content:start}
.principio .n{grid-row:1/3;font:600 var(--t-rotulo)/1.9 var(--sans);letter-spacing:.1em;color:var(--acento-forte)}
.principio h3{font:600 var(--t-texto)/1.25 var(--sans);letter-spacing:-.01em}
.principio p{font:400 var(--t-corpo)/1.55 var(--sans);color:var(--texto-2)}

/* ================= RESULTADOS ================= */
.compara{display:grid;gap:24px;width:100%;max-width:560px}
.linha-c{display:grid;gap:10px}
.rot-c{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:600 var(--t-corpo)/1.3 var(--sans)}
.barras-c{display:grid;gap:6px}
.barras-c div{display:flex;align-items:center;gap:10px;font:500 var(--t-rotulo)/1 var(--sans);color:var(--texto-2)}
.barras-c b{height:12px;border-radius:12px;transform-origin:left;flex:none}
.barras-c .base-c{background:var(--texto-3);opacity:.45}
.barras-c .lider{background:var(--acento)}
.retorno-us{--alt:250px;display:flex;align-items:flex-end;gap:clamp(14px,2.4vw,28px);height:var(--alt);width:100%;max-width:520px;border-bottom:1.5px solid var(--contorno);margin-bottom:46px}
.retorno-us>div{position:relative;flex:1;display:grid;justify-items:center;align-content:end;gap:10px;height:100%}
.retorno-us .b{width:min(92px,80%);height:calc(var(--h) * var(--alt));border-radius:14px 14px 4px 4px;transform-origin:bottom;background:var(--vazio)}
.cena.fixa .retorno-us{--alt:min(250px,30svh)}
.retorno-us .b.m{background:var(--profundo);opacity:.62}
.retorno-us .b.l{background:var(--acento)}
.retorno-us small{position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);width:max-content;max-width:14ch;font:600 var(--t-rotulo)/1.3 var(--sans);color:var(--texto-2);text-align:center}
/* modelo operacional: a pirâmide */
.piramide{position:relative;display:grid;justify-items:center;gap:12px}
.nivel{display:grid;gap:10px;padding:15px 20px 17px;width:100%;background:var(--superficie);border:1.5px solid var(--contorno);border-radius:var(--r-cartao);transition:border-color .4s}
.nivel.foco{border-color:var(--acento)}
.nivel.n-est{width:58%}
.nivel.n-tat{width:79%}
.nivel-cab{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.nivel-nome{font:600 var(--t-fonte)/1 var(--sans);color:var(--acento-forte)}
.nivel-conta{font:500 var(--t-fonte)/1 var(--sans);color:var(--texto-2);white-space:nowrap}
.nivel-conta b{font:600 var(--t-corpo)/1 var(--sans);color:var(--texto);margin-right:2px;font-variant-numeric:tabular-nums}
.nivel-setores{font:500 var(--t-fonte)/1.4 var(--sans);color:var(--texto-2);text-align:center;text-wrap:balance}
.assentos{display:flex;justify-content:center;gap:10px;min-height:40px}
.assento{width:40px;height:40px;border-radius:50%;border:1.5px dashed var(--contorno);flex:none}
.setores-op{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.setor-op{display:grid;justify-items:center;gap:10px;padding:11px 4px 12px;border-radius:14px;background:var(--suave);box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .4s}
.setor-op .setor-nome{font:600 var(--t-rotulo)/1.2 var(--sans);text-align:center}
.setor-op .assentos{gap:6px}
.setor-op.on{box-shadow:inset 0 0 0 1.5px var(--acento)}
.fichas{position:absolute;inset:0;pointer-events:none}
.ficha{position:absolute;left:0;top:0;width:40px;height:40px;margin:-20px 0 0 -20px}
.ficha.pessoa{border-radius:50%;display:grid;place-items:center;background:var(--superficie);color:var(--pessoa);box-shadow:inset 0 0 0 1.5px var(--contorno);transition:color .4s,box-shadow .4s}
.ficha.pessoa svg{width:24px;height:24px}
.ficha.pessoa.alta{color:var(--pessoa-alta)}
.ficha.pessoa.sobe{color:var(--pessoa-alta);box-shadow:inset 0 0 0 2px var(--acento)}
.ficha.bloco-x{border-radius:12px}
.legenda-pira{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-top:16px;font:500 var(--t-fonte)/1 var(--sans);color:var(--texto-2)}
.legenda-pira>span{display:inline-flex;align-items:center;gap:9px}
.legenda-pira .ficha{position:static;margin:0;width:26px;height:26px}
.legenda-pira .ficha.pessoa svg{width:16px;height:16px}
.legenda-pira .ficha.bloco-x{border-radius:8px}
.legenda-pira .assento{width:26px;height:26px}
.chamada{display:grid;gap:12px;justify-items:start}
.chamada .nome-nivel{font:600 var(--t-fonte)/1 var(--sans);color:var(--acento-forte)}
.chamadas{display:grid;gap:clamp(28px,4vw,40px)}
.cena.fixa .chamadas{gap:0}
.cena.fixa .chamadas>.chamada{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .42s,transform .6s var(--ease),visibility 0s linear .42s}
.cena.fixa .chamadas>.chamada.ativo{opacity:1;visibility:visible;transform:none;transition:opacity .56s .08s,transform .7s var(--ease) .08s,visibility 0s}

/* rodapé */
.rodape{padding-block:clamp(36px,5vw,60px) clamp(28px,4vw,40px)}
.rodape-in{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;padding-top:30px;border-top:1.5px solid var(--contorno)}
.logo-grande{height:40px;width:auto;color:var(--texto);display:block}
.descritor{font:400 var(--t-rotulo)/1 var(--serif);letter-spacing:.32em;color:var(--texto-2);margin-top:14px}
.rodape p{font:500 var(--t-fonte)/1.5 var(--sans);color:var(--texto-2)}

/* ================= responsivo ================= */
@media (max-width:1180px){
  .abas a{padding:0 12px}.abas a small{display:none}.abas-ind i{left:12px;right:12px}
}
@media (max-width:1023px){
  .proposta{min-height:0}
  .proposta-grade,.cena-grade{grid-template-columns:minmax(0,1fr)}
  .agente{max-width:560px}
  .trav-linha,.viajante{display:none}
  .trav-pin{padding-top:0}
  .trav-trilho{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left,0px));gap:14px;transform:none!important}
  .passo,.passo.final{width:auto}.passo .marco{display:none}
}
@media (max-width:820px){
  :root{--cabeca:80px}
  .abas{display:none}
  .pag-botao{display:inline-flex}
  .topo-prog{display:block}
  .topo-barra{height:56px;padding-left:18px;gap:10px}
  .proximo{grid-template-columns:minmax(0,1fr)}.prox-num{display:none}
  .capitulos{grid-template-columns:minmax(0,1fr)}
  .trav-trilho{grid-template-columns:minmax(0,1fr)}
  .principios{grid-template-columns:minmax(0,1fr)}
  .dia-leg{grid-template-columns:minmax(0,1fr)}
  .form-contato{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .ferr{width:76px;transform:translate(-50%,-24px)}.ferr .app{width:46px;height:46px}.ferr .app .pi{width:22px;height:22px}
  .fluxo-sim .no-f .app,.fluxo-sim .no-f .bloco-x{width:42px;height:42px}
  .nivel{padding:13px 12px 14px}.nivel.n-est{width:72%}.nivel.n-tat{width:88%}
  .assentos{gap:6px;min-height:32px}.assento{width:32px;height:32px}
  .setores-op{grid-template-columns:repeat(6,minmax(0,1fr))}
  .setor-op{grid-column:span 2}.setor-op:nth-child(4){grid-column:2/span 2}
  .ficha{width:32px;height:32px;margin:-16px 0 0 -16px}.ficha.pessoa svg{width:19px;height:19px}.ficha.bloco-x{border-radius:10px}
  .ag-status{display:none}
}
@media (max-width:520px){
  .cta-topo{display:none}
  .pag-botao{padding:0 12px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
  .topo.oculto{transform:none}
}

/* ================= página do vídeo (/video) ================= */
.pv-cta{margin-left:auto}
.pv-filme{padding-top:calc(env(safe-area-inset-top,0px) + var(--cabeca) + clamp(4px,1vw,14px))}
.pv-quadro{width:min(100%,max(320px,calc((100svh - var(--cabeca) - 52px) * 16 / 9)));box-shadow:var(--sombra-conteiner)}
.pv-quadro video{cursor:pointer;background:#0D2435}
.pv-quadro.tocando video{cursor:auto}
/* o botão fica abaixo do cartão da marca, no primeiro quadro do filme */
.pv-play{position:absolute;left:50%;top:80.5%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:14px;height:62px;padding:0 26px 0 10px;border-radius:999px;border:1.5px solid rgba(249,248,245,.22);background:rgba(13,36,53,.86);color:#F9F8F5;font:600 var(--t-corpo)/1 var(--sans);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;box-shadow:0 18px 44px rgba(13,36,53,.22);transition:transform .3s var(--ease),background-color .3s}
.pv-play:hover{background:#142B3D}
.pv-play:active{transform:translate(-50%,-50%) scale(.96)}
.pv-play-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#F9F8F5;color:#0D2435;flex:none}
.pv-play-ico svg{width:18px;height:18px;margin-left:3px;fill:currentColor}
.pv-quadro.tocando .pv-play{display:none}
.pv-info{padding-top:clamp(36px,4.6vw,64px)}
.pv-info-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,72px);align-items:end}
.pv-info-tit{display:grid;gap:18px}
.pv-info-txt{display:grid;gap:clamp(18px,2vw,24px);justify-items:start}
.pv-link{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}
.pv-fecho{padding-top:clamp(80px,9vw,136px)}
@media (max-width:820px){.pv-info-grade{grid-template-columns:minmax(0,1fr);align-items:start}}
@media (max-width:620px){
  .pv-play{height:48px;padding:0 18px 0 7px;gap:10px;font-size:var(--t-fonte);top:auto;bottom:4%;transform:translateX(-50%)}
  .pv-play:active{transform:translateX(-50%) scale(.96)}
  .pv-play-ico{width:34px;height:34px}.pv-play-ico svg{width:15px;height:15px}
}

/* ================= página de privacidade e segurança (/privacidade) ================= */
.pp-cab{padding-top:calc(env(safe-area-inset-top,0px) + var(--cabeca) + clamp(48px,7vw,104px))}
.pp-cab .wrap{display:grid;gap:clamp(18px,2vw,24px);justify-items:start}
.pp-corpo{padding-block:clamp(40px,5vw,72px) clamp(56px,7vw,104px)}
.pp-doc{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr);gap:clamp(28px,5vw,80px);padding:clamp(28px,5vw,72px) clamp(22px,5vw,72px)}
.pp-indice{position:sticky;top:calc(var(--cabeca) + 24px);align-self:start;display:grid;gap:14px}
.pp-indice ol{margin:0;padding:0;list-style:none;display:grid;gap:4px;counter-reset:pp}
.pp-indice li{counter-increment:pp}
.pp-indice a{display:flex;gap:10px;padding:5px 0;font:500 var(--t-fonte)/1.4 var(--sans);color:var(--texto-2);text-decoration:none;transition:color .25s}
.pp-indice a::before{content:counter(pp,decimal-leading-zero);color:var(--acento-forte);font-weight:600;font-variant-numeric:tabular-nums}
.pp-indice a:hover{color:var(--texto)}
.pp-texto{max-width:68ch}
.pp-texto h2{font:500 var(--t-texto)/1.3 var(--serif);letter-spacing:-.01em;color:var(--texto);margin:clamp(36px,4vw,52px) 0 14px;scroll-margin-top:calc(var(--cabeca) + 24px)}
.pp-texto h2:first-child{margin-top:0}
.pp-texto p,.pp-texto li{font:400 var(--t-corpo)/1.65 var(--sans);color:var(--texto-2);text-wrap:pretty}
.pp-texto p+p,.pp-texto ul+p,.pp-texto p+ul{margin-top:12px}
.pp-texto ul{margin:0;padding-left:1.15em;display:grid;gap:10px}
.pp-texto li::marker{color:var(--acento)}
.pp-texto strong{color:var(--texto);font-weight:600}
.pp-texto a,.rodape a,.form-nota a{color:var(--acento-forte);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.pp-texto a:hover,.rodape a:hover,.form-nota a:hover{color:var(--texto)}
@media (max-width:900px){.pp-doc{grid-template-columns:minmax(0,1fr)}.pp-indice{position:static}}

/* ================= página de erro 404 ================= */
.erro-404{min-height:62svh;padding-bottom:clamp(56px,7vw,104px)}
.links-404{list-style:none;padding:0;margin:4px 0 10px;display:flex;flex-wrap:wrap;gap:10px}
.links-404 a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--contorno);color:var(--texto);text-decoration:none;font:600 var(--t-fonte)/1 var(--sans);transition:border-color .3s}
.links-404 a:hover{border-color:var(--texto-3)}

/* estilos que vinham em atributo no HTML (gerados pelo deploy.py) */
.e-ff7916{position:absolute}
.e-1f139a{fill:var(--tom,currentColor);opacity:var(--tom-op,.24)}
.e-b85d55{background:var(--texto-3)}
.e-0ba10d{background:var(--acento)}
.e-1a5ba2{background:var(--texto);box-shadow:0 0 0 2px var(--acento)}
.e-db57a4{--v:58}
.e-e8c4fb{--v:33}
.e-4ae4fd{--v:9}
.e-0e2762{--c:var(--texto-3)}
.e-52c880{--c:var(--nevoa-2)}
.e-43e5e6{--c:var(--acento)}
.e-47738c{--v:16.9}
.e-828c18{--v:41.9}
.e-59989c{margin-top:26px}
.e-b53416{--v:15}
.e-c53852{--v:32}
.e-6a6b4c{--v:50}
.e-df4f2e{justify-self:start}
.e-5ab8db{width:18.7%}
.e-61897c{width:31.8%}
.e-9b60c6{width:67.4%}
.e-89e216{width:29.9%}
.e-fc4cc2{--h:.072}
.e-4c2fb9{--h:.264}
.e-332584{--h:.68}
.e-0ee7f6{margin-top:12px}