/* Tema grade: suíço moderno.
   Rigor de cartaz suíço para uma farmacêutica suíça. Branco frio, grade de doze colunas à vista,
   blocos chapados de Azure e Navy, números em DIN Condensed, texto em Helvetica Neue.
   Regras de composição:
   1. Tudo alinha na grade: margem de 120 px, colunas de 140 px, eixo secundário em x = 820.
   2. Primeiro ato: espinha Navy à esquerda e um campo de gelo que cresce da direita a cada momento.
   3. Segundo ato: o gelo tomou o fundo e a faixa passa para a direita, em Azure. A chave virou.
   4. O carimbo da gestão é uma etiqueta chapada presa à borda direita, sempre no mesmo lugar. */

:root{
  --fundo:#F6F8FB; --fundo-2:#E7EEFB; --papel:#FFFFFF;
  --tinta:#0D1B2E; --suave:#374151; --linha:#D3DBE8;
  --acento:#1E3A5F; --acento-2:#2563EB;
  --azul:#1A40B4;       /* Azure de leitura: mesmo matiz, escuro o bastante para 7:1 sobre branco e sobre gelo */
  --gelo:#E7EEFB;       /* campo liso claro */
  --ardosia:#6B7280;    /* Slate da marca, só na moldura e em fios */
  --marfim:#FBF6EC; --areia:#EFE2C8; --terra:#7A4508;   /* homenagem: o papel esquenta; o terra só aparece em fio e rótulo */
  --f-display:"Helvetica Neue","Avenir Next",Arial,sans-serif;
  --f-texto:"Helvetica Neue","Avenir Next",Arial,sans-serif;
  --f-num:"DIN Condensed","Avenir Next Condensed","Helvetica Neue",Arial,sans-serif;
  --f-mono:"SF Mono",Menlo,Consolas,monospace;
  --margem:120px;
  --pe:84px;            /* altura da moldura: nenhum bloco de cor desce além dela */
}

/* ---------- palco: grade visível e campo de gelo ---------- */
.slide,.slide.ato-2{
  --fio:var(--linha);
  --campo:1920px;       /* x onde o campo de gelo começa */
  background-color:var(--fundo);
  background-image:
    linear-gradient(90deg,var(--fio) 1px,transparent 1px),
    linear-gradient(90deg,transparent var(--campo),var(--gelo) var(--campo));
  background-size:140px calc(100% - var(--pe)),100% calc(100% - var(--pe));
  background-position:120px 0,0 0;
  background-repeat:repeat-x,no-repeat;
}
/* o campo avança uma coluna por momento */
.slide.bloco-M1{--campo:1660px}
.slide.bloco-M2{--campo:1520px}
.slide.bloco-M3{--campo:1380px}
.slide.bloco-M4{--campo:1240px}
.slide.bloco-M5{--campo:1100px}
.slide.bloco-M6{--campo:960px}
.slide.ato-2{background-color:var(--fundo-2);--fio:rgba(255,255,255,.95)}

/* espinha: Navy à esquerda no primeiro ato, faixa Azure à direita no segundo */
.slide::before{content:"";position:absolute;left:0;top:0;bottom:var(--pe);width:40px;background:var(--acento);z-index:0}
.slide.ato-2::before{left:auto;right:0;width:120px;background:var(--acento-2)}
.slide{isolation:isolate}
.slide .c{position:relative;padding:96px var(--margem) 150px}
.slide.ato-2 .c{padding-right:260px}

/* ---------- peças comuns ---------- */
.sobre{font:700 34px/1.15 var(--f-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--suave);margin-bottom:36px!important}
.sobre::before{content:"";display:block;width:140px;height:12px;background:var(--acento);margin-bottom:24px}
.ato-2 .sobre::before{background:var(--acento-2)}
.sub{font:400 50px/1.2 var(--f-texto);letter-spacing:-.012em;color:var(--suave);margin-top:40px!important;max-width:1400px;text-wrap:balance}
.fecho{position:relative;font:700 54px/1.14 var(--f-display);letter-spacing:-.025em;color:var(--tinta);margin-top:46px!important;padding-left:58px;max-width:1540px;text-wrap:balance}
.fecho::before{content:"";position:absolute;left:0;top:.3em;width:28px;height:28px;background:var(--acento-2)}
em{font-style:normal;color:var(--azul)}
.marca{height:118px;border-radius:0;margin-bottom:40px;mix-blend-mode:multiply}
img.faltando{display:none}

/* carimbo da gestão: etiqueta chapada presa à borda direita, com uma ponta Navy lisa (sem cruz, que lia como farmácia) */
.slide .selo{position:absolute;right:0;top:96px;margin:0!important;display:flex;align-items:stretch}
.slide .selo::before{content:"";flex:none;width:44px;background:var(--acento)}
.slide .selo span{display:block;font:700 58px/1 var(--f-num);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#fff;background:var(--azul);padding:33px 120px 21px 44px;border-radius:0}
.selo[data-passo]{transform:translateX(90px)}
.selo[data-passo].on{transform:none}
/* quem tem carimbo guarda o canto de cima para ele; no tipo número o algarismo fica à esquerda e não precisa */
.slide:not(.tipo-numero) .c:has(.selo){padding-top:238px}

/* riscado: a frase continua legível, o traço é Azure */
.riscada{opacity:1;color:#566072!important;text-decoration:line-through;text-decoration-color:var(--acento-2);text-decoration-thickness:.09em}

/* ---------- capa ---------- */
.slide.tipo-capa{background-size:140px 100%,100% 100%}
.slide.tipo-capa::before{bottom:0}
/* bloco Azure liso no canto de cima; o título ancora embaixo: a primeira linha corre ao lado do bloco, a segunda passa inteira por baixo dele */
.tipo-capa .c{justify-content:flex-start;padding:90px var(--margem) 112px}
.tipo-capa .c::before{content:"";position:absolute;right:0;top:0;width:480px;height:480px;background:var(--acento-2)}
.tipo-capa .c::after{content:"";position:absolute;right:0;top:480px;bottom:0;width:480px;background:var(--gelo);z-index:-1}
.tipo-capa .sobre{max-width:1100px;line-height:1.25;margin-bottom:0!important;text-wrap:balance}
.tipo-capa .titulo{font:700 190px/.92 var(--f-display);letter-spacing:-.05em;max-width:1600px;margin-top:auto;color:var(--tinta)}
.tipo-capa .sub{font:700 64px/1.1 var(--f-display);letter-spacing:-.03em;color:var(--azul);margin-top:36px!important}
.tipo-capa .assina{font:500 34px/1.2 var(--f-texto);letter-spacing:.02em;color:var(--suave);margin-top:54px}

/* ---------- momento: bloco Azure com o algarismo gigante ---------- */
.tipo-momento .c{display:block;padding:0}
.tipo-momento .n{position:absolute;left:0;top:0;width:680px;height:calc(100% - var(--pe));overflow:hidden;background:var(--acento-2);color:#fff;font:700 1160px/1 var(--f-num);letter-spacing:0;display:block;padding:100px 0 0 104px}
/* a coluna de texto fica centrada na altura: rótulo, título e subtítulo juntos, sem o vazio entre o alto e o pé.
   144 px é o maior corpo em que "A farmacêutica" ainda cabe numa linha nos 980 px da coluna */
.tipo-momento .txt{position:absolute;left:820px;right:var(--margem);top:96px;bottom:150px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.tipo-momento .sobre{margin-bottom:48px!important}
.tipo-momento .titulo{font:700 144px/.96 var(--f-display);letter-spacing:-.045em;color:var(--tinta)}
.tipo-momento .sub{font-size:46px;margin-top:32px!important}

/* ---------- frase ---------- */
.tipo-frase .linhas{max-width:1540px}
.tipo-frase .linha{font:700 124px/1 var(--f-display);letter-spacing:-.042em;color:var(--tinta);max-width:1540px}
.tipo-frase .linha+.linha{margin-top:16px}
.tipo-frase .linha.leve{font-weight:300;letter-spacing:-.035em;color:var(--suave)}
.tipo-frase .linha.forte{font-weight:700;color:var(--azul)}
.tipo-frase .linha.gigante{font-size:250px;line-height:.9;letter-spacing:-.055em;color:var(--acento)}
.tipo-frase .linha.gigante:only-child{font-size:300px}
.tipo-frase .linha.pequena{font-size:96px;line-height:1.02;letter-spacing:-.04em}
.tipo-frase .linhas:has(.gigante)+.sub{margin-top:58px!important}
/* ajuste fino por slide: se o id mudar, vale o tamanho padrão acima, sem quebrar nada */
.slide[data-id="a1-gestao"] .linha.gigante{font-size:400px}

/* ---------- pergunta: bloco Azure com a interrogação no alto à direita, pergunta centrada na altura ---------- */
.tipo-pergunta .c{justify-content:center}
.tipo-pergunta .c::after{content:"?";position:absolute;right:0;top:0;width:400px;height:400px;background:var(--acento-2);color:#fff;font:700 440px/1 var(--f-num);display:flex;align-items:center;justify-content:center;padding-top:132px;box-sizing:border-box}
.tipo-pergunta .sobre{margin-bottom:40px!important}
/* a pergunta para em x = 1500, antes da coluna do bloco, para nenhuma linha passar por baixo da interrogação */
.tipo-pergunta .titulo{font:700 112px/1.02 var(--f-display);letter-spacing:-.042em;max-width:1380px;color:var(--tinta)}
.tipo-pergunta .linha{font:500 64px/1.1 var(--f-display);letter-spacing:-.025em;color:var(--azul);margin-top:44px;max-width:1380px}
.tipo-pergunta .sub{max-width:1380px}

/* ---------- número: algarismo em DIN, fio grosso, duas colunas de texto ---------- */
.tipo-numero .c{display:grid;grid-template-columns:700px minmax(0,1fr);align-content:center;justify-items:start}
.tipo-numero .sobre{grid-column:1/-1}
.tipo-numero .valor{grid-column:1/-1;width:100%;display:flex;align-items:baseline;gap:0 36px;flex-wrap:wrap;border-bottom:10px solid var(--acento);padding-bottom:0}
.tipo-numero .num{font:700 700px/1 var(--f-num);letter-spacing:-.01em;color:var(--acento);margin-bottom:-.2em}
.tipo-numero .un{font:700 150px/1 var(--f-num);letter-spacing:.01em;text-transform:uppercase;color:var(--azul);white-space:nowrap}
/* hierarquia: a legenda é contexto (regular, cinza); a linha é a conclusão (negrito, tinta) */
.tipo-numero .legenda{grid-column:1;grid-row:span 3;font:400 54px/1.12 var(--f-texto);letter-spacing:-.02em;color:var(--suave);margin-top:32px;padding-right:70px;max-width:none;text-wrap:balance}
.tipo-numero .linha{grid-column:2;font:700 54px/1.1 var(--f-display);letter-spacing:-.03em;color:var(--tinta);margin-top:34px;max-width:none;text-wrap:balance}
.tipo-numero .linha+.linha{margin-top:18px}
.tipo-numero .linha.forte{font:700 60px/1.08 var(--f-display);letter-spacing:-.03em;color:var(--azul)}

/* ---------- gestão: o carimbo em escala de cartaz ---------- */
.tipo-gestao .titulo{font:700 200px/.95 var(--f-display);letter-spacing:-.05em}
.tipo-gestao .titulo .g{display:block;color:var(--tinta);font-weight:700}
/* a barra Azure sangra até a espinha e para nela: o fio Navy de 40 px nunca é interrompido */
.tipo-gestao .titulo .de{display:inline-block;margin:18px 0 0 calc(40px - var(--margem));padding:.04em .2em .17em calc(var(--margem) - 40px);background:var(--azul);color:#fff}
.tipo-gestao .sub{margin-top:54px!important}

/* ---------- títulos dos tipos com tabela ---------- */
.tipo-lista .titulo,.tipo-opcoes .titulo,.tipo-linha .titulo,.tipo-antesdepois .titulo,.tipo-midia .titulo,.tipo-logos .titulo{font:700 84px/1 var(--f-display);letter-spacing:-.04em;color:var(--tinta);margin-bottom:44px;max-width:1540px}

/* ---------- lista: tabela suíça, palavra à esquerda, explicação no eixo 820 ---------- */
.tipo-lista .itens,.tipo-lista .itens.n-2,.tipo-lista .itens.n-3,.tipo-lista .itens.n-4{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%}
.tipo-lista .item{display:grid;grid-template-columns:700px minmax(0,1fr);align-items:baseline;gap:0;padding:28px 0 24px;border-top:3px solid var(--tinta)}
.tipo-lista .item:last-child{border-bottom:3px solid var(--tinta)}
.tipo-lista .item .k{font:700 104px/1 var(--f-display);letter-spacing:-.045em;color:var(--acento)}
.tipo-lista .item .t{font:400 50px/1.12 var(--f-texto);letter-spacing:-.015em;color:var(--suave);text-wrap:balance}
.tipo-lista .item .k:only-child{grid-column:1/-1;font-size:112px}
.tipo-lista .n-4 .item{padding:19px 0 15px}
.tipo-lista .n-4 .item .k{font-size:80px}
.tipo-lista .n-4 .item .t{font-size:44px}
.tipo-lista .n-5 .item,.tipo-lista .n-6 .item{padding:13px 0 9px}
.tipo-lista .n-5 .item .k,.tipo-lista .n-6 .item .k{font-size:64px}
.tipo-lista .n-5 .item .t,.tipo-lista .n-6 .item .t{font-size:38px}
/* o placar do tempo devolvido: algarismos em DIN, do tamanho de placar, Azure */
.slide[data-id="ia6"] .item{padding:14px 0 12px;align-items:baseline}
.slide[data-id="ia6"] .item .k{font:700 140px/.9 var(--f-num);letter-spacing:.01em;color:var(--azul);padding-top:.1em}
.slide[data-id="ia6"] .item .t{font-size:50px}

/* ---------- opções: três linhas de tabela, a escolhida vira bloco ---------- */
.tipo-opcoes .itens{gap:0}
.tipo-opcoes .item{position:relative;z-index:0;display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:0;padding:30px 0 26px;border-top:3px solid var(--tinta)}
.tipo-opcoes .item:last-child{border-bottom:3px solid var(--tinta)}
.tipo-opcoes .item .k{width:auto;height:auto;display:block;border:0;border-radius:0;font:700 132px/.8 var(--f-num);color:var(--acento);padding-top:18px}
.tipo-opcoes .item .t{font:700 64px/1.08 var(--f-display);letter-spacing:-.035em;color:var(--tinta)}
.tipo-opcoes .n-4 .item{padding:20px 0 16px}
.tipo-opcoes .n-4 .item .k{font-size:104px;padding-top:14px}
.tipo-opcoes .n-4 .item .t{font-size:56px}
/* as descartadas ficam legíveis do fundo da sala: meia opacidade e um risco Azure contam a história */
/* descartadas: cor em vez de opacidade, para não sumir num projetor lavado (5,96:1) */
.tipo-opcoes.completo .item:not(.escolhida){opacity:1}
.tipo-opcoes.completo .item:not(.escolhida) .t,.tipo-opcoes.completo .item:not(.escolhida) .k{color:#566072}
.tipo-opcoes.completo .item:not(.escolhida) .t{text-decoration:line-through;text-decoration-color:var(--acento-2);text-decoration-thickness:.07em}
.tipo-opcoes .item.escolhida::before{content:"";position:absolute;left:-80px;right:calc(-1 * var(--margem));top:-3px;bottom:-3px;background:var(--azul);z-index:-1;opacity:0;transition:opacity .4s ease}
.tipo-opcoes.completo .item.escolhida::before{opacity:1}
.ato-2.tipo-opcoes .item.escolhida::before{left:calc(-1 * var(--margem));right:-116px}
.tipo-opcoes.completo .item.escolhida .t{color:#fff;font-weight:700}
.tipo-opcoes.completo .item.escolhida .k{background:none;border:0;color:#fff}

/* ---------- antes e depois: fio à esquerda, bloco Navy que sangra à direita no primeiro ato ---------- */
.tipo-antesdepois .lados{grid-template-columns:700px minmax(0,1fr);gap:0;width:calc(100% + var(--margem))}
/* no segundo ato o bloco para 140 px antes da faixa Azure: dois azuis chapados não se encostam e o fundo claro respira */
.ato-2.tipo-antesdepois .lados{width:100%}
/* rótulo e texto juntos no alto, sem o vazio Navy entre eles */
.tipo-antesdepois .lado{border-radius:0;min-height:400px;justify-content:flex-start;gap:32px}
.tipo-antesdepois .lado .k{font:700 46px/1 var(--f-num);letter-spacing:.1em;text-transform:uppercase}
.tipo-antesdepois .lado p{font:700 64px/1.08 var(--f-display);letter-spacing:-.035em;text-wrap:balance}
.tipo-antesdepois .antes{background:transparent;border:0;border-top:10px solid var(--suave);color:var(--suave);padding:34px 60px 40px 0}
.tipo-antesdepois .antes p{font-weight:400;font-size:56px;letter-spacing:-.02em}
.tipo-antesdepois .depois{background:var(--acento);color:#fff;padding:44px var(--margem) 40px 56px}
.ato-2.tipo-antesdepois .depois{padding-right:64px}
.tipo-antesdepois .depois .k,.tipo-antesdepois .depois em{color:#BFD3F7}
.tipo-antesdepois .depois[data-passo]{transform:translateX(70px)}
.tipo-antesdepois .depois[data-passo].on{transform:none}
.slide[data-id="m4-mercado"] .lado p{font-size:140px;line-height:.95;letter-spacing:-.05em}

/* ---------- citação: a barra azul das propostas da Intelecto ---------- */
.tipo-citacao blockquote{font:300 100px/1.06 var(--f-display);letter-spacing:-.035em;color:var(--suave);max-width:1540px;border-left:28px solid var(--acento-2);padding-left:64px}
.tipo-citacao blockquote strong{font-weight:700;color:var(--azul)}
.tipo-citacao .autor{font:500 40px/1.2 var(--f-texto);color:var(--suave);margin:44px 0 0 92px}

/* ---------- linha do tempo: degraus chapados que sobem para a direita ---------- */
.tipo-linha .pontos{align-items:flex-end;gap:0}
/* no segundo ato o último degrau para 24 px antes da faixa: mesma cor, mas duas formas, não um L */
.ato-2.tipo-linha .pontos{width:calc(100% + 116px)}
.tipo-linha .ponto{justify-content:flex-end;gap:6px;padding:0 20px 0 0;border:0}
.tipo-linha .ponto::before{display:none}
.tipo-linha .ponto::after{content:"";display:block;flex:none;height:calc(var(--h) * var(--e,1));margin:16px -20px 0 0;background:var(--cor)}
.tipo-linha .n-6 .ponto{padding-right:12px}
.tipo-linha .n-6 .ponto::after{margin-right:-12px}
.tipo-linha .ponto .k{font:700 104px/.86 var(--f-num);letter-spacing:.01em;color:var(--acento);padding-top:.14em}
.tipo-linha .ponto .t{font:500 40px/1.12 var(--f-texto);color:var(--suave);text-wrap:balance}
.tipo-linha .pontos.n-5 .k,.tipo-linha .pontos.n-6 .k{font-size:66px;overflow-wrap:normal;white-space:nowrap}
/* com seis degraus o apoio não desce de 40 px e ganha peso: do fundo da sala, 34 regular virava risco */
.tipo-linha .pontos.n-5 .t,.tipo-linha .pontos.n-6 .t{font-size:40px;font-weight:500}
.tipo-linha .ponto:nth-child(1){--cor:#7EA2F0;--h:60px}
.tipo-linha .ponto:nth-child(2){--cor:#6A94EF;--h:130px}
.tipo-linha .ponto:nth-child(3){--cor:#578AEE;--h:200px}
.tipo-linha .ponto:nth-child(4){--cor:#4A7FED;--h:270px}
.tipo-linha .ponto:nth-child(5){--cor:#3A73EC;--h:340px}
.tipo-linha .ponto:nth-child(n+6){--cor:#2563EB;--h:410px}
.tipo-linha .n-4 .ponto:nth-child(1){--cor:#7EA2F0;--h:90px}
.tipo-linha .n-4 .ponto:nth-child(2){--cor:#6090EF;--h:190px}
.tipo-linha .n-4 .ponto:nth-child(3){--cor:#4379EC;--h:290px}
.tipo-linha .n-4 .ponto:nth-child(4){--cor:#2563EB;--h:390px}
/* o último degrau é sempre Azure cheio: no segundo ato ele encosta na faixa */
.tipo-linha .ponto:last-child{--cor:#2563EB}
/* os seis degraus sangram até a borda direita, como o bloco do "depois" no primeiro ato: cada coluna ganha 20 px
   e o nome de cada momento cabe numa linha a 42 px ("A farmacêutica" mede 281 px nos 292 px úteis) */
.slide[data-id="seis"] .pontos{--e:.82;width:calc(100% + var(--margem))}
.slide[data-id="seis"] .ponto{padding-right:8px}
.slide[data-id="seis"] .ponto::after{margin-right:-8px}
.slide[data-id="seis"] .ponto .k{font-size:150px}
.slide[data-id="seis"] .ponto .t{font-size:42px;font-weight:500;letter-spacing:-.02em}

/* ---------- mídia ---------- */
.tipo-midia .c{padding-top:96px;padding-bottom:150px}
.tipo-midia .titulo{font-size:72px;margin-bottom:30px}
.tipo-midia .quadro{border-radius:0;border:0;background:transparent;justify-content:center}
.tipo-midia .quadro img,.tipo-midia .quadro video{border:3px solid var(--tinta);background:var(--papel)}
.tipo-midia .legenda{font:400 34px/1.25 var(--f-texto);color:var(--suave);margin-top:20px}
.vazio{gap:16px;font:400 34px/1.25 var(--f-texto);color:var(--suave)}
.vazio b{font:700 64px/1 var(--f-display);letter-spacing:-.035em;color:var(--acento)}
.vazio span{font:500 34px/1.2 var(--f-mono);color:var(--tinta)}
.vazio em{font-size:34px;color:var(--suave)}
.tipo-midia .quadro.faltando{justify-content:center;border:4px dashed var(--acento);background:repeating-linear-gradient(135deg,rgba(255,255,255,.75) 0 22px,rgba(255,255,255,.25) 22px 44px)}

/* ---------- QR ---------- */
.tipo-qr .c{gap:100px}
.tipo-qr .titulo{font:700 132px/.96 var(--f-display);letter-spacing:-.045em;color:var(--tinta)}
.tipo-qr .url{font:600 46px/1.2 var(--f-mono);letter-spacing:-.02em;color:var(--azul);margin-top:50px;padding-top:26px;border-top:10px solid var(--acento);display:inline-block}
.tipo-qr .codigo{width:560px;height:560px;border-radius:0;border:4px solid var(--tinta);background:var(--papel)}
.tipo-qr .codigo.faltando{border:4px dashed var(--acento);background:repeating-linear-gradient(135deg,rgba(255,255,255,.75) 0 22px,rgba(255,255,255,.25) 22px 44px)}

/* ---------- logos: tabela de casas brancas, sem raio ---------- */
.tipo-logos .c{padding-top:96px}
.tipo-logos .titulo{font-size:72px;margin-bottom:36px}
.tipo-logos .grade{gap:0;border-top:2px solid var(--tinta);border-left:2px solid var(--tinta)}
.tipo-logos .logo{height:158px;grid-template:100%/100%;border-radius:0;border:0;border-right:2px solid var(--tinta);border-bottom:2px solid var(--tinta);background:var(--papel)}

/* ---------- homenagem ao Bira: a grade se cala, o papel esquenta, o texto vai para o centro ----------
   O marfim toma o palco inteiro (sem campo de areia sobrando à direita). A tinta continua Navy e Azure, da marca;
   o terra fica só no fio de cima e no rótulo, como calor de papel antigo, sem virar sépia. */
.slide.homenagem{--fio:transparent;--campo:1920px;background-color:var(--marfim)}
.slide.homenagem::before{background:var(--acento)}
.slide.homenagem:has(.gigante){background-color:var(--areia)}
.slide.homenagem .c{align-items:center;text-align:center}
.slide.homenagem .sobre{color:var(--terra);font-size:44px;letter-spacing:.2em;margin-bottom:48px!important}
.slide.homenagem .sobre::before{background:var(--terra);margin-left:auto;margin-right:auto}
.slide.homenagem .linhas{padding-top:48px;border-top:8px solid var(--terra);max-width:1600px}
.slide.homenagem .sobre+.linhas{padding-top:0;border-top:0}
.slide.homenagem .linha{color:var(--acento);font-size:140px;max-width:1600px;margin-left:auto;margin-right:auto}
.slide.homenagem .linha.forte{color:var(--azul)}
.slide.homenagem .linha.gigante{color:var(--acento);font-size:300px}

/* ---------- a virada: a espinha incha e vira bloco; um quadrado vazado marca "desligado" ---------- */
.slide.virada{--campo:0px}
.slide.virada::before{width:400px}
.slide.virada .c{padding-left:540px}
.slide.virada .c::before{content:"";position:absolute;left:100px;top:96px;width:80px;height:80px;box-sizing:border-box;border:10px solid #fff}
.slide.virada .linha.forte:not(.pequena){font-size:160px;line-height:.94;letter-spacing:-.05em;color:var(--acento)}
.slide.virada .linha.pequena{margin-top:30px}
.slide.virada .linha.pequena.forte{color:var(--azul);margin-top:20px}

/* ---------- a chave: o bloco muda de lado e de cor; o quadrado agora é cheio, "ligado" ---------- */
.slide.chave::before{width:480px}
.slide.chave .c{padding-right:620px}
.slide.chave .c::before{content:"";position:absolute;right:100px;top:96px;width:80px;height:80px;background:#fff}
.slide.chave .linha.gigante:only-child{font-size:280px}
.slide.chave .sub{max-width:980px}

/* ---------- fim: o bloco da capa volta, liso; o Obrigado fica 80 px abaixo dele ---------- */
.slide.fim::before{width:0}
.slide.fim .c{justify-content:flex-end;padding-right:var(--margem);padding-bottom:140px}
.slide.fim .c::before{content:"";position:absolute;right:0;top:0;width:480px;height:480px;background:var(--acento-2)}
.slide.fim .linha.gigante:only-child{font-size:320px}
.slide.fim .linhas+.sub{font:700 64px/1.1 var(--f-display);letter-spacing:-.03em;color:var(--azul);margin-top:44px!important}

/* ---------- moldura: rodapé técnico de cartaz ---------- */
#chrome{height:var(--pe);padding:0 var(--margem);gap:26px;border-top:2px solid var(--tinta);background:transparent}
#trilho{gap:22px}
#trilho ol{gap:8px}
#trilho li{gap:10px;font:700 30px/1 var(--f-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
#trilho li i{width:18px;height:18px;border-radius:0;border:3px solid var(--ardosia);background:transparent}
#trilho li.feito i{background:var(--acento);border-color:var(--acento)}
#trilho li.atual i{width:54px;background:var(--acento-2);border-color:var(--acento-2);transform:none}
#trilho li.atual span{color:var(--tinta);margin:0 10px 0 4px}
#trilho-rotulo{font:700 30px/1 var(--f-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
#contador{font:700 32px/1 var(--f-num);letter-spacing:.08em;color:var(--tinta);padding-top:6px}
#progresso{top:-5px;bottom:auto;height:8px}
#barra{background:var(--acento-2)}

/* Revisão de projeção (03/10/2026): degraus da escada começam em 2,2:1 para não sumirem num projetor lavado; moldura legível em 1280x720. */

/* ---------- versão guia (04/10/2026): um slide por trecho, a batida atual em destaque ---------- */
/* momento: o algarismo vive no bloco Azure da esquerda, como nos slides de momento; o texto do guia ocupa o resto */
.tipo-mapa.com-n .c{grid-template-columns:560px minmax(0,1fr);column-gap:110px;padding-left:0;padding-top:96px}
.tipo-mapa.com-n .cab{background:var(--acento-2);color:#fff;margin:-96px 0 0;padding:70px 56px 50px 96px;height:calc(100% + 96px);justify-content:flex-end;overflow:hidden;position:relative}
.tipo-mapa.com-n .cab .n{position:absolute;left:70px;top:20px;font:700 640px/1 var(--f-num);color:#fff;letter-spacing:0;margin:0}
.tipo-mapa.com-n .cab .sobre{color:#DCE6FB;position:relative}
.tipo-mapa.com-n .cab .sobre::before{background:#fff}
.tipo-mapa.com-n .cab .titulo{color:#fff;font:700 76px/1 var(--f-display);letter-spacing:-.04em;position:relative}
.tipo-mapa.com-n .cab .sub{color:#E3EBFB;font-size:36px;position:relative}
.ato-2.tipo-mapa.com-n .cab{background:var(--acento)}
.tipo-mapa .cab .titulo{font:700 84px/1 var(--f-display);letter-spacing:-.04em;color:var(--tinta)}
.tipo-mapa .bat::before{width:12px;background:var(--linha)}
.tipo-mapa .bat .k{font:700 78px/1 var(--f-num);letter-spacing:.01em;color:var(--acento)}
.tipo-mapa .bat .t{font:700 46px/1.12 var(--f-display);letter-spacing:-.025em}
.tipo-mapa .bat.forte .t{font:700 60px/1.04 var(--f-display);letter-spacing:-.035em;color:var(--azul)}
.tipo-mapa .bat.agora::before{background:var(--acento-2)}
.tipo-mapa .bat.agora .k{color:var(--acento-2)}
.tipo-mapa .bat.vista .t,.tipo-mapa .bat.vista .k{color:#566072}
.tipo-mapa .bat.vista .t{font-weight:400}
.tipo-mapa .bat.vista.forte .t{font-weight:700}
.tipo-mapa .bat.pergunta{background:var(--azul);padding:24px 40px 26px 52px}
.tipo-mapa .bat.pergunta::before{background:var(--acento)}
.tipo-mapa .bat.pergunta .t{color:#fff;font-weight:700}
.tipo-mapa .trilha.n-6 .bat .t,.tipo-mapa .trilha.n-7 .bat .t{font-size:42px}
.tipo-mapa .trilha.n-6 .bat .k,.tipo-mapa .trilha.n-7 .bat .k{font-size:70px}
.tipo-mapa .trilha.n-6 .bat.forte .t{font-size:54px}
.tipo-mapa .gest{font:700 34px/1 var(--f-num);letter-spacing:.06em;border-radius:0;background:var(--azul);padding:16px 24px 10px}
.tipo-mapa .gest[data-passo]{transform:translateY(16px)}
.tipo-mapa .gest[data-passo].on{transform:none}
.tipo-mapa .sobre{margin-bottom:24px!important}
/* caso: antes e depois empilhados à esquerda, mídia à direita */
.tipo-caso .titulo{font:700 72px/1 var(--f-display);letter-spacing:-.04em;color:var(--tinta);margin-bottom:34px!important}
.tipo-caso .lados{width:100%!important}
.tipo-caso:not(.com-midia) .lados{grid-template-columns:700px minmax(0,1fr)}
.tipo-caso.com-midia .lado.antes{border-top-width:8px}
.tipo-caso.com-midia .lado .k{font-size:36px}
.tipo-caso .quadro{border:0;background:#fff;box-shadow:inset 0 0 0 2px var(--linha)}
.tipo-caso .destaque{background:var(--azul)}
.tipo-caso .destaque .num{font:700 150px/.82 var(--f-num);letter-spacing:0}
.tipo-caso .destaque .leg{font:700 34px/1.08 var(--f-texto)}
/* QR: a linha de contato */
.tipo-qr .linha.contato{font:700 44px/1.15 var(--f-display);letter-spacing:-.02em;color:var(--azul);margin-top:48px;max-width:900px}
/* ajustes do guia depois das fotos */
.tipo-mapa.com-n .cab{margin:-96px 0 -66px;height:calc(100% + 162px);padding:70px 40px 116px 80px}
.tipo-mapa.com-n .cab .n{left:56px}
.tipo-mapa.com-n .cab .titulo{font-size:66px;line-height:1.02}
.tipo-mapa.com-n .cab .sub{font-size:34px}
.tipo-mapa:not(.com-n) .bat .t{font-size:52px}
.tipo-mapa:not(.com-n) .bat .k{font-size:84px}
.tipo-mapa:not(.com-n) .bat.forte .t{font-size:64px}
.tipo-mapa:not(.com-n) .trilha.n-6 .bat .t{font-size:46px}
.tipo-mapa:not(.com-n) .trilha.n-6 .bat .k{font-size:74px}
.tipo-mapa:not(.com-n) .trilha.n-6 .bat.forte .t{font-size:56px}
.tipo-mapa .trilha.n-6{gap:12px}
.tipo-caso.com-midia .lado{padding:24px 30px!important;gap:16px!important}
.tipo-caso.com-midia .lado p{font-size:40px!important;line-height:1.1!important}
.tipo-caso.com-midia .corpo{min-height:0}
.tipo-caso.com-midia .fecho{margin-top:28px!important}
.slide.homenagem .linha.pequena{font-size:92px;line-height:1.04}
.slide.homenagem .linha.pequena.leve{font-size:84px}

/* ---------- versão referência (04/10/2026): só a palavra-chave, grande ---------- */
.tipo-mapa .trilha{gap:20px}
.tipo-mapa .bat{padding-left:44px}
.tipo-mapa .bat::before{width:14px}
.tipo-mapa .bat .t,.tipo-mapa:not(.com-n) .bat .t,.tipo-mapa .trilha.n-6 .bat .t,.tipo-mapa:not(.com-n) .trilha.n-6 .bat .t{font:700 66px/1.02 var(--f-display);letter-spacing:-.035em}
.tipo-mapa .bat .k,.tipo-mapa:not(.com-n) .bat .k,.tipo-mapa .trilha.n-6 .bat .k,.tipo-mapa:not(.com-n) .trilha.n-6 .bat .k{font:700 92px/.9 var(--f-num);letter-spacing:0}
.tipo-mapa .bat.forte .t,.tipo-mapa:not(.com-n) .bat.forte .t,.tipo-mapa .trilha.n-6 .bat.forte .t,.tipo-mapa:not(.com-n) .trilha.n-6 .bat.forte .t{font-size:74px}
.tipo-mapa .bat.vista .t{font-weight:500}
.tipo-mapa .bat.pergunta .t{font-size:60px!important}
.tipo-mapa .trilha.n-6{gap:12px}
.tipo-mapa .trilha.n-6 .bat .t{font-size:60px}
.tipo-mapa .trilha.n-6 .bat .k{font-size:82px}
.tipo-mapa .trilha.n-6 .bat.forte .t{font-size:66px}
/* sem número: a lista é curta, então as palavras podem crescer mais */
.tipo-mapa:not(.com-n) .trilha.n-3 .bat .t,.tipo-mapa:not(.com-n) .trilha.n-4 .bat .t,.tipo-mapa:not(.com-n) .trilha.n-5 .bat .t{font-size:84px}
.tipo-mapa:not(.com-n) .trilha.n-3 .bat .k,.tipo-mapa:not(.com-n) .trilha.n-4 .bat .k,.tipo-mapa:not(.com-n) .trilha.n-5 .bat .k{font-size:112px}
.tipo-mapa:not(.com-n) .trilha.n-3 .bat.forte .t,.tipo-mapa:not(.com-n) .trilha.n-4 .bat.forte .t,.tipo-mapa:not(.com-n) .trilha.n-5 .bat.forte .t{font-size:96px}
.tipo-mapa:not(.com-n) .cab .titulo{font-size:110px}
/* caso: só as duas palavras-chave */
.tipo-caso .titulo{font-size:96px!important}
.tipo-caso:not(.com-midia) .lado{min-height:440px}
.tipo-caso:not(.com-midia) .lado p{font-size:96px;line-height:1}
.tipo-caso.com-midia .lado{padding:30px 36px!important}
.tipo-caso.com-midia .lado p{font-size:60px!important;line-height:1.02!important}
.tipo-caso .destaque .leg{font:700 52px/1 var(--f-num);text-transform:uppercase;letter-spacing:.04em}
/* QR: a palavra Intelecto como lembrete */
.tipo-qr .linha.contato{font-size:64px}

/* ---------- direção nova (amostra): uma ideia por slide e a escada dos seis momentos ---------- */
.tipo-ideia .c,.tipo-caso2 .c{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding-top:84px}
.escada{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:0;width:100%;height:230px;margin:0 0 64px!important;padding:0;list-style:none}
.degrau{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:0 18px 16px;border-bottom:8px solid var(--linha);min-width:0}
.degrau:nth-child(1){height:40%}.degrau:nth-child(2){height:52%}.degrau:nth-child(3){height:64%}.degrau:nth-child(4){height:76%}.degrau:nth-child(5){height:88%}.degrau:nth-child(6){height:100%}
.degrau .k{font:700 64px/.9 var(--f-num);color:#9AA6BA}
.degrau .t{font:700 26px/1.1 var(--f-texto);letter-spacing:.04em;text-transform:uppercase;color:#7C8799}
.degrau.feito{background:var(--acento);border-bottom-color:var(--acento)}
.degrau.feito .k,.degrau.feito .t{color:#CFDBF0}
.degrau.atual{background:var(--acento-2);border-bottom-color:var(--acento-2)}
.degrau.atual .k,.degrau.atual .t{color:#fff}
.degrau.depois{background:transparent}
.degrau .ia{position:absolute;top:-58px;left:18px;font:700 36px/1 var(--f-num);letter-spacing:.06em;color:var(--acento-2);background:#fff;padding:10px 14px 4px;box-shadow:inset 0 0 0 3px var(--acento-2)}
.ideia{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.ideia .sobre{margin-bottom:28px!important}
.ideia .frase{font:700 112px/1.02 var(--f-display);letter-spacing:-.045em;color:var(--tinta);max-width:1580px;text-wrap:balance}
.ideia .frase-2{font:700 64px/1.08 var(--f-display);letter-spacing:-.03em;color:var(--azul);margin-top:34px;max-width:1500px}
.ideia .gestao-nome{margin-top:44px}
.ideia .gestao-nome span{display:inline-block;font:700 60px/1 var(--f-num);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--azul);padding:22px 36px 14px}
.ideia.caso2 .ad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%}
.ideia.caso2 .ad p{font:700 58px/1.08 var(--f-display);letter-spacing:-.03em;padding:34px 44px 40px;margin:0}
.ideia.caso2 .ad .r{display:block;font:700 34px/1 var(--f-num);letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px}
.ideia.caso2 .antes{color:#566072;border-top:10px solid #566072;padding-left:0!important}
.ideia.caso2 .depois{background:var(--acento);color:#fff}
.ideia.caso2 .depois .r{color:#BFD3F7}
.ideia.caso2 .destaque2{margin-top:40px;font:700 52px/1.1 var(--f-display);color:var(--tinta);letter-spacing:-.02em}
.ideia.caso2 .destaque2 b{font:700 150px/.8 var(--f-num);color:var(--acento-2);letter-spacing:0;margin-right:18px;vertical-align:-.12em}
.ato-2.tipo-caso2 .escada,.ato-2.tipo-ideia .escada{padding-right:0}
.escada{grid-template-rows:250px;height:250px}
.degrau{height:auto;align-self:end}
.degrau:nth-child(1){height:72px}.degrau:nth-child(2){height:107px}.degrau:nth-child(3){height:142px}.degrau:nth-child(4){height:177px}.degrau:nth-child(5){height:212px}.degrau:nth-child(6){height:247px}
.degrau.depois{background:var(--gelo);border-bottom-color:#C9D6EA}
.degrau.depois .k{color:#8C99AE}.degrau.depois .t{color:#6B7689}
.ato-2 .degrau.depois{background:#fff}
.ideia{flex:1;justify-content:center;padding-bottom:20px}

/* ilustração: o palco fica limpo, sem grade, sem espinha e sem faixa */
.slide.tipo-ilustra,.slide.tipo-ilustra.ato-2{background-image:none;background-color:var(--fundo)}
.slide.tipo-ilustra::before{display:none}
.slide.tipo-ilustra .c{padding:0}

/* capa com ilustração: a arte ocupa a metade direita, os blocos decorativos saem */
.slide.tipo-capa.com-arte{background-image:none}
.tipo-capa.com-arte .c::before,.tipo-capa.com-arte .c::after{display:none}
.tipo-capa .capa-arte{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tipo-capa.com-arte .titulo{max-width:900px;font-size:150px}
.tipo-capa.com-arte .sobre{max-width:840px}
.tipo-capa.com-arte .sub{max-width:860px}
/* capa (lapidação 05/10): a palavra Gestão do subtítulo fica destacada, escura e com um traço azul embaixo;
   o traço se desenha sempre que a capa aparece (sem animação, nas fotos, ele já está lá) */
.tipo-capa .sub-gestao{position:relative;display:inline-block;color:var(--tinta)}
.tipo-capa .sub-gestao::after{content:"";position:absolute;left:2px;right:2px;bottom:-14px;height:12px;border-radius:6px;background:var(--acento-2);transform-origin:left center}
.slide.tipo-capa.ativa .sub-gestao::after{animation:capa-traco .9s cubic-bezier(.2,.8,.2,1) 1.6s both}
@keyframes capa-traco{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* versão ilustrada: vídeo, QR e fecho com o mesmo palco limpo das cenas */
.slide.tipo-midia,.slide.tipo-midia.ato-2,.slide.tipo-qr,.slide.tipo-qr.ato-2,.slide.fim,.slide.fim.ato-2{background-image:none;background-color:var(--fundo)}
.slide.tipo-midia::before,.slide.tipo-qr::before{display:none}
.slide.tipo-midia .c,.slide.tipo-qr .c,.slide.fim .c{padding-right:var(--margem)}
.slide.tipo-midia .c{padding-top:70px}
.slide.tipo-midia .quadro{box-shadow:0 18px 40px rgba(30,58,95,.10);border:0}