/* A travessia, versão 3: da IA que conversa à IA que trabalha.
   Computador: grade de três colunas (2fr 1fr 2fr, sem vão): hoje · a zona do medo · depois. A rota é uma camada só
   (.trav3__ponte, 1000 unidades sobre as três colunas): sai da pessoa da esquerda em reta, sobe uma vez antes da zona,
   atravessa-a reta com a frase do FAROL pendurada nela e entra pelo lado na pessoa da direita.
   Celular: na vertical; a rota desce reta numa coluna a 64% da largura, da pessoa de cima à de baixo, com a zona e o
   título do segundo estado à esquerda dela.
   Vermelho só na rota e nas duas palavras de destaque. Cinza é estrutura: o canal do gargalo (paredes pretas) e a zona do
   medo (hachura fina, filetes #BDBCBC). Quadrado vazado = por fazer; cheio = feito, da mesma cor dos dois lados.
   Quem confere é a pessoa: um visto cheio junto da cabeça dela, no fim do trilho que recolhe as cinco raias.
   O repouso é o quadro 0 de cada laço: sem JS, com movimento reduzido, na impressão ou antes de a parte entrar na tela, a
   figura está completa, e o único vermelho parado é a rota e as duas palavras (AX-0158). O movimento (.trav3-vivo, posto
   pelo travessia.js quando 40% da parte entra na tela) só acrescenta, e só o que se lê num quadro parado: estrelas que
   giram e partículas que andam sobre as linhas, vermelhas enquanto andam e pretas ao pousar. Hoje passa uma por vez pelo
   gargalo; depois, as cinco raias trabalham ao mesmo tempo. */

.trav3{
  --t3-v:#DB1E2F; --t3-p:#231F20; --t3-c:#E0E1E0; --t3-filete:#BDBCBC;
  --t3-atraso:0s;
  --t3-padb:clamp(14px,2.6vh,36px);      /* a faixa passa da frase do FAROL por esta medida */
  --t3-mt:clamp(14px,min(3.2cqi,3vh),40px);   /* do texto ao desenho */
  /* a zona do medo: hachura branca fina a 45 graus sobre o cinza (padrão SVG, chapado, sem gradiente) */
  --t3-hachura:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M-2 2l4-4M0 8L8 0M6 10l4-4' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");
  container-type:inline-size;
  isolation:isolate;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,2fr);
  margin:0;                               /* o espaço em volta é de quem recebe a figura */
  padding:0 0 var(--t3-padb);
  color:var(--t3-p);
  font-family:"Hanken Grotesk","Proxima Nova",system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
.trav3 *,.trav3 *::before,.trav3 *::after{box-sizing:border-box}
.trav3 p,.trav3 h3{margin:0;max-width:none}
.trav3 em{font-style:normal;color:var(--t3-v)}

/* ---- as colunas: 0–40% hoje, 40–60% a zona, 60–100% depois ---- */
.trav3__afirma--c,.trav3__expl--c,.trav3__diag--c{grid-column:1}
.trav3__medo,.trav3__farol{grid-column:2}
.trav3__afirma--t,.trav3__expl--t,.trav3__diag--t{grid-column:3}
.trav3 .trav3__afirma--c,.trav3 .trav3__expl--c{margin-right:8%}
.trav3 .trav3__afirma--t,.trav3 .trav3__expl--t{margin-left:10%}   /* 10% da coluna = a borda da pessoa da direita */

/* ---- as linhas: as mesmas dos dois lados ---- */
.trav3__afirma{grid-row:2;align-self:baseline}
.trav3__expl{grid-row:3}
.trav3__diag,.trav3__ponte{grid-row:4;margin-top:var(--t3-mt)}
.trav3__ponte{grid-column:1/-1;z-index:1;pointer-events:none}
/* na coluna do meio, 100 unidades do desenho = 10cqi (o topo do desenho é y 38). O medo fica no alto da zona, numa caixa de
   y 50 a 160, acima da rota (y 172). A frase do FAROL fica pendurada na rota: a borda de cima do rótulo encosta no traço
   (y 174,5), e a rota corre por cima dele como a linha de uma legenda */
.trav3 .trav3__medo{grid-row:4;align-self:start;margin-top:calc(var(--t3-mt) + 1.2cqi);height:11cqi;display:flex;align-items:center;justify-content:center}
.trav3 .trav3__farol{grid-row:4;align-self:start;margin-top:calc(var(--t3-mt) + 13.6cqi)}

/* a condição (quando a IA conversa, quando trabalha) e a consequência numa frase só, no mesmo peso: sem a condição,
   "você é o gargalo" lia-se como crítica ao leitor (pedido do Giordano, 14/10) */
.trav3__afirma{font-family:inherit;font-weight:900;font-size:clamp(26px,min(3.2cqi,5.6vh),42px);line-height:1.05;letter-spacing:-.03em;text-wrap:balance}
.trav3 .trav3__expl{margin-top:clamp(8px,min(1.3cqi,1.4vh),14px);font-weight:500;font-size:clamp(15px,1.5cqi,17px);line-height:1.45;max-width:36ch;text-wrap:balance}

/* ---- a zona do medo: entre as duas pessoas, da altura do desenho ao pé da figura, com filetes nas bordas ---- */
.trav3__faixa{
  grid-column:2;grid-row:4;z-index:-1;margin:var(--t3-mt) 0 calc(-1 * var(--t3-padb));
  background:var(--t3-c) var(--t3-hachura);
  border-inline:2px solid var(--t3-filete);
}
.trav3__medo,.trav3__farol{text-align:center;text-wrap:balance}
.trav3__medo{padding:0 3%;font-weight:800;font-size:clamp(14px,1.85cqi,21px);line-height:1.12;letter-spacing:-.01em}
.trav3__farol{padding:0 3%;font-weight:700;font-size:clamp(14px,1.4cqi,16px);line-height:1.35}
/* o texto pousa num recorte chapado da hachura: a zona continua em volta, a letra fica limpa */
.trav3__medo>span,.trav3__farol>span{display:inline-block;background:var(--t3-c);padding:.34em .6em;text-wrap:balance}
.trav3__passo{display:none}

/* ---- os desenhos ---- */
.trav3__diag,.trav3__ponte{position:relative;min-width:0}
.trav3__svg{display:block;width:100%;height:auto;overflow:visible}
.trav3__svg--cel{display:none}
/* a cápsula enche da esquerda para a direita (no celular, de cima para baixo) */
.trav3__barra{transform-box:fill-box;transform-origin:0 50%}
.trav3__svg--cel .trav3__barra{transform-origin:50% 0}

/* computador em paisagem: a figura inteira cabe em calc(100svh - 216px) (a tela da home tira 86 px do topo e 130 px do
   parágrafo de baixo). A altura é ~230 px de texto + 0,2 x largura; em tela baixa a figura estreita em vez de passar. */
@media (min-width:861px) and (orientation:landscape){
  .trav3{max-width:max(560px,calc((100svh - 430px) * 5))}
}

/* traço fino em tela de densidade 1: nada abaixo de 1,5 px de aparelho */
@media (resolution < 1.5dppx){
  .trav3__svg [stroke-width="2.25"]{stroke-width:2.6}
}

/* ---------------------------------------------------------------- celular: na vertical */
@media (max-width:700px){
  .trav3{
    /* coluna 1: o texto; coluna 2: a rota (5 unidades de 400 = 1,25cqi), em 64% da largura, por onde passam as duas
       pessoas; coluna 3: o que sobra à direita da rota */
    grid-template-columns:minmax(0,calc(64% - .625cqi)) 1.25cqi minmax(0,1fr);
    padding:0;
  }
  .trav3>*{grid-column:1/-1}
  .trav3 .trav3__afirma--c,.trav3 .trav3__expl--c,
  .trav3 .trav3__afirma--t,.trav3 .trav3__expl--t{margin-left:0;margin-right:0}
  .trav3__afirma--c{grid-row:2}.trav3__expl--c{grid-row:3}.trav3__diag--c{grid-row:4}
  /* a zona (linha 5) tem a frase do FAROL à esquerda da rota, pendurada nela, e o medo à direita; o título de depois
     (6 a 8) fica à esquerda da rota; o desenho de depois (9) logo abaixo, com a pessoa no alto, onde a rota chega */
  .trav3 .trav3__afirma--t,.trav3 .trav3__expl--t{grid-column:1;padding-right:16px}
  .trav3__afirma--t{grid-row:7}.trav3__expl--t{grid-row:8}.trav3__diag--t{grid-row:9}
  .trav3 .trav3__afirma--t{margin-top:18px}
  .trav3 .trav3__expl--t{margin-bottom:10px}
  .trav3__afirma{font-size:clamp(26px,7.8cqi,34px);align-self:start}
  .trav3 .trav3__afirma em{display:block}   /* a consequência inteira numa linha, ao lado da rota (crítica G7, item 3) */
  .trav3 .trav3__expl{font-size:16px}
  .trav3__svg--pc{display:none}
  .trav3__svg--cel{display:block}
  .trav3__diag--c{margin-top:clamp(14px,5cqi,24px)}
  .trav3__diag--t{margin-top:0}
  .trav3__ponte{display:none}

  .trav3__faixa{grid-column:1/-1;grid-row:5;margin:0;border-inline:0;border-block:2px solid var(--t3-filete)}
  /* o medo, mais alto, à direita da rota; a frase do FAROL, um pouco abaixo, à esquerda, encostada nela: a borda direita
     do rótulo é o traço vermelho */
  .trav3 .trav3__medo{grid-column:3;grid-row:5;align-self:start;display:block;height:auto;margin:0;padding:14px 10px 14px 14px;text-align:left;font-size:17px}
  .trav3 .trav3__farol{grid-column:1;grid-row:5;align-self:end;margin:0;padding:30px 0 14px 10px;text-align:right;font-size:15px}
  .trav3__passo{display:block;position:relative;grid-column:2;grid-row:5/9}
  .trav3__passo::before{content:"";position:absolute;inset:-1px 0;background:var(--t3-v)}
}
/* telas de 380 px ou menos: o medo ganha a largura da caixa, para "O medo de" caber numa linha (crítica G3-2, item 4) */
@media (max-width:380px){
  .trav3 .trav3__medo{padding:12px 4px 12px 6px}
  .trav3__medo>span{padding:.3em .5em}
}

/* ---------------------------------------------------------------- movimento (só na tela, só com JS, só sem movimento reduzido) */
@media screen and (prefers-reduced-motion:no-preference){
  /* hoje: uma partícula por vez passa pelo gargalo. A tarefa da boca entra na pessoa (vermelha enquanto anda); ela
     pergunta e espera duas vezes; a fila anda um passo e a próxima vai à boca; a feita sai de trás da pessoa (vermelha
     enquanto anda, preta ao pousar) e as que saíram andam um passo (a última sai de uma vez, sem esmaecer) */
  .trav3__diag--c.trav3-vivo{--t3-ciclo:6.4s}
  .trav3__diag--c.trav3-vivo .trav3__emcurso{animation:t3-emcurso var(--t3-ciclo) linear .3s infinite both}
  .trav3__diag--c.trav3-vivo .trav3__qf{animation:t3-qf var(--t3-ciclo) linear .3s infinite both}
  .trav3__diag--c.trav3-vivo .trav3__fila{animation:t3-fila var(--t3-ciclo) linear .3s infinite both}
  .trav3__diag--c.trav3-vivo .trav3__saida{animation:t3-saida var(--t3-ciclo) linear .3s infinite both}
  .trav3__diag--c.trav3-vivo .trav3__feitos{animation:t3-feitos var(--t3-ciclo) linear .3s infinite both}
  .trav3__diag--c.trav3-vivo .trav3__f3{animation:t3-f3 var(--t3-ciclo) linear .3s infinite both}
  /* a conversa não para: o ponto sobe pela seta da pergunta e desce pela da resposta, a cada 1,6 s */
  .trav3__diag--c.trav3-vivo .trav3__pergunta{animation:t3-pergunta 1.6s linear .3s infinite both}
  .trav3__diag--c.trav3-vivo .trav3__resposta{animation:t3-resposta 1.6s linear .3s infinite both}

  .trav3__diag--c.trav3-vivo .trav3__svg--cel .trav3__saida{animation-name:t3-saida-c}
  .trav3__diag--c.trav3-vivo .trav3__svg--cel .trav3__feitos{animation-name:t3-feitos-c}

  /* fora da tela, para */
  .trav3-pausa,.trav3-pausa *{animation-play-state:paused!important}
}

/* hoje (6,4 s) */
@keyframes t3-emcurso{0%{transform:translateX(0);stroke:#DB1E2F;animation-timing-function:cubic-bezier(.45,0,.6,1)}11%,100%{transform:translateX(34px);stroke:#DB1E2F}}
@keyframes t3-qf{0%,14%{transform:translateX(0);animation-timing-function:cubic-bezier(.4,0,.2,1)}30%,100%{transform:translateX(90px)}}
@keyframes t3-fila{0%,14%{transform:translateX(0);animation-timing-function:cubic-bezier(.4,0,.2,1)}26%,100%{transform:translateX(20px)}}
@keyframes t3-saida{0%,64%{transform:translateX(-82px);fill:#DB1E2F;animation-timing-function:cubic-bezier(.3,0,.2,1)}79.9%{transform:translateX(0);fill:#DB1E2F}80%,100%{transform:translateX(0);fill:#231F20}}
@keyframes t3-feitos{0%,64%{transform:translateX(0);animation-timing-function:cubic-bezier(.3,0,.2,1)}80%,100%{transform:translateX(26px)}}
@keyframes t3-saida-c{0%,64%{transform:translateX(-68px);fill:#DB1E2F;animation-timing-function:cubic-bezier(.3,0,.2,1)}79.9%{transform:translateX(0);fill:#DB1E2F}80%,100%{transform:translateX(0);fill:#231F20}}
@keyframes t3-feitos-c{0%,64%{transform:translateX(0);animation-timing-function:cubic-bezier(.3,0,.2,1)}80%,100%{transform:translateX(24px)}}
@keyframes t3-f3{0%,67.5%{opacity:1}67.51%,100%{opacity:0}}
/* a conversa, 1,6 s: a pergunta sobe (da pessoa à IA) e, no alto, a resposta desce (da IA à pessoa); 20 unidades cada */
@keyframes t3-pergunta{0%{opacity:1;transform:translateY(0)}49.9%{opacity:1;transform:translateY(-20px)}50%,100%{opacity:0;transform:translateY(-20px)}}
@keyframes t3-resposta{0%,49.9%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(0)}99.9%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(20px)}}

/* >>> gerado por gerar.py: as raias (não editar à mão) */
/* depois: as cinco raias trabalham ao mesmo tempo, revezando-se a cada 0.4 s. Em cada uma, a cada 2 s: a cápsula cheia solta o resultado, que passa pela linha de recolha e pousa na pilha (vermelho enquanto anda, preto ao pousar); a próxima tarefa sai da pessoa pelo leque até a IA (vazada, vermelha); e a cápsula enche de novo enquanto a IA trabalha. As estrelas não giram. */
@media screen and (prefers-reduced-motion:no-preference){
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__raia--1 .trav3__barra{animation:t3-enche 2s linear calc(var(--t3-atraso) + 0s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__raia--1 .trav3__barra{animation:t3-enchec 2s linear calc(var(--t3-atraso) + 0s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__pt--1 .trav3__pt-tarefa{animation:t3-pt1 2s linear calc(var(--t3-atraso) + 0s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__pt--1 .trav3__pt-feito{animation:t3-pf1 2s linear calc(var(--t3-atraso) + 0s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__raia--1 .trav3__e1{animation:t3-vaga 2s linear calc(var(--t3-atraso) + 0s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__pt--1 .trav3__pt-tarefa{animation:t3-pt1c 2s linear calc(var(--t3-atraso) + 0s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__pt--1 .trav3__pt-feito{animation:t3-pf1c 2s linear calc(var(--t3-atraso) + 0s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__raia--1 .trav3__e1{animation:t3-vagac 2s linear calc(var(--t3-atraso) + 0s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__raia--2 .trav3__barra{animation:t3-enche 2s linear calc(var(--t3-atraso) + 0.4s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__raia--2 .trav3__barra{animation:t3-enchec 2s linear calc(var(--t3-atraso) + 0.4s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__pt--2 .trav3__pt-tarefa{animation:t3-pt2 2s linear calc(var(--t3-atraso) + 0.4s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__pt--2 .trav3__pt-feito{animation:t3-pf2 2s linear calc(var(--t3-atraso) + 0.4s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__raia--2 .trav3__e1{animation:t3-vaga 2s linear calc(var(--t3-atraso) + 0.4s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__pt--2 .trav3__pt-tarefa{animation:t3-pt2c 2s linear calc(var(--t3-atraso) + 0.4s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__pt--2 .trav3__pt-feito{animation:t3-pf2c 2s linear calc(var(--t3-atraso) + 0.4s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__raia--2 .trav3__e1{animation:t3-vagac 2s linear calc(var(--t3-atraso) + 0.4s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__raia--3 .trav3__barra{animation:t3-enche 2s linear calc(var(--t3-atraso) + 0.8s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__raia--3 .trav3__barra{animation:t3-enchec 2s linear calc(var(--t3-atraso) + 0.8s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__pt--3 .trav3__pt-tarefa{animation:t3-pt3 2s linear calc(var(--t3-atraso) + 0.8s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__pt--3 .trav3__pt-feito{animation:t3-pf3 2s linear calc(var(--t3-atraso) + 0.8s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__raia--3 .trav3__e1{animation:t3-vaga 2s linear calc(var(--t3-atraso) + 0.8s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__pt--3 .trav3__pt-tarefa{animation:t3-pt3c 2s linear calc(var(--t3-atraso) + 0.8s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__pt--3 .trav3__pt-feito{animation:t3-pf3c 2s linear calc(var(--t3-atraso) + 0.8s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__raia--3 .trav3__e1{animation:t3-vagac 2s linear calc(var(--t3-atraso) + 0.8s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__raia--4 .trav3__barra{animation:t3-enche 2s linear calc(var(--t3-atraso) + 1.2s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__raia--4 .trav3__barra{animation:t3-enchec 2s linear calc(var(--t3-atraso) + 1.2s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__pt--4 .trav3__pt-tarefa{animation:t3-pt4 2s linear calc(var(--t3-atraso) + 1.2s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__pt--4 .trav3__pt-feito{animation:t3-pf4 2s linear calc(var(--t3-atraso) + 1.2s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__raia--4 .trav3__e1{animation:t3-vaga 2s linear calc(var(--t3-atraso) + 1.2s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__pt--4 .trav3__pt-tarefa{animation:t3-pt4c 2s linear calc(var(--t3-atraso) + 1.2s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__pt--4 .trav3__pt-feito{animation:t3-pf4c 2s linear calc(var(--t3-atraso) + 1.2s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__raia--4 .trav3__e1{animation:t3-vagac 2s linear calc(var(--t3-atraso) + 1.2s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__raia--5 .trav3__barra{animation:t3-enche 2s linear calc(var(--t3-atraso) + 1.6s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__raia--5 .trav3__barra{animation:t3-enchec 2s linear calc(var(--t3-atraso) + 1.6s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__pt--5 .trav3__pt-tarefa{animation:t3-pt5 2s linear calc(var(--t3-atraso) + 1.6s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__pt--5 .trav3__pt-feito{animation:t3-pf5 2s linear calc(var(--t3-atraso) + 1.6s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--pc .trav3__raia--5 .trav3__e1{animation:t3-vaga 2s linear calc(var(--t3-atraso) + 1.6s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__pt--5 .trav3__pt-tarefa{animation:t3-pt5c 2s linear calc(var(--t3-atraso) + 1.6s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__pt--5 .trav3__pt-feito{animation:t3-pf5c 2s linear calc(var(--t3-atraso) + 1.6s) infinite both}
  .trav3__diag--t.trav3-vivo .trav3__svg--cel .trav3__raia--5 .trav3__e1{animation:t3-vagac 2s linear calc(var(--t3-atraso) + 1.6s) infinite both}
}
@keyframes t3-pt1{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;stroke:#DB1E2F;transform:translate(0px,0px)}2.23%{opacity:1;stroke:#DB1E2F;transform:translate(5.3px,-1.42px)}4.65%{opacity:1;stroke:#DB1E2F;transform:translate(9.79px,-5.33px)}7.5%{opacity:1;stroke:#DB1E2F;transform:translate(13.62px,-11.25px)}10.8%{opacity:1;stroke:#DB1E2F;transform:translate(16.96px,-18.67px)}14.42%{opacity:1;stroke:#DB1E2F;transform:translate(19.95px,-27.08px)}18.2%{opacity:1;stroke:#DB1E2F;transform:translate(22.75px,-36px)}21.99%{opacity:1;stroke:#DB1E2F;transform:translate(25.5px,-44.92px)}25.59%{opacity:1;stroke:#DB1E2F;transform:translate(28.37px,-53.33px)}28.85%{opacity:1;stroke:#DB1E2F;transform:translate(31.5px,-60.75px)}31.65%{opacity:1;stroke:#DB1E2F;transform:translate(35.05px,-66.67px)}33.95%{opacity:1;stroke:#DB1E2F;transform:translate(39.16px,-70.58px)}35.99%{opacity:1;stroke:#DB1E2F;transform:translate(44px,-72px)}36.01%,100%{opacity:0;transform:translate(44px,-72px)}}
@keyframes t3-pt2{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;stroke:#DB1E2F;transform:translate(0px,0px)}2.17%{opacity:1;stroke:#DB1E2F;transform:translate(5.3px,-0.71px)}4.16%{opacity:1;stroke:#DB1E2F;transform:translate(9.79px,-2.67px)}6.12%{opacity:1;stroke:#DB1E2F;transform:translate(13.62px,-5.62px)}8.14%{opacity:1;stroke:#DB1E2F;transform:translate(16.96px,-9.33px)}10.23%{opacity:1;stroke:#DB1E2F;transform:translate(19.95px,-13.54px)}12.37%{opacity:1;stroke:#DB1E2F;transform:translate(22.75px,-18px)}14.49%{opacity:1;stroke:#DB1E2F;transform:translate(25.5px,-22.46px)}16.55%{opacity:1;stroke:#DB1E2F;transform:translate(28.37px,-26.67px)}18.52%{opacity:1;stroke:#DB1E2F;transform:translate(31.5px,-30.38px)}20.39%{opacity:1;stroke:#DB1E2F;transform:translate(35.05px,-33.33px)}22.23%{opacity:1;stroke:#DB1E2F;transform:translate(39.16px,-35.29px)}24.21%{opacity:1;stroke:#DB1E2F;transform:translate(44px,-36px)}24.23%,100%{opacity:0;transform:translate(44px,-36px)}}
@keyframes t3-pt3{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;stroke:#DB1E2F;transform:translate(0px,0px)}2.15%{opacity:1;stroke:#DB1E2F;transform:translate(5.3px,0px)}3.97%{opacity:1;stroke:#DB1E2F;transform:translate(9.79px,0px)}5.53%{opacity:1;stroke:#DB1E2F;transform:translate(13.62px,0px)}6.88%{opacity:1;stroke:#DB1E2F;transform:translate(16.96px,0px)}8.09%{opacity:1;stroke:#DB1E2F;transform:translate(19.95px,0px)}9.22%{opacity:1;stroke:#DB1E2F;transform:translate(22.75px,0px)}10.34%{opacity:1;stroke:#DB1E2F;transform:translate(25.5px,0px)}11.5%{opacity:1;stroke:#DB1E2F;transform:translate(28.37px,0px)}12.77%{opacity:1;stroke:#DB1E2F;transform:translate(31.5px,0px)}14.2%{opacity:1;stroke:#DB1E2F;transform:translate(35.05px,0px)}15.87%{opacity:1;stroke:#DB1E2F;transform:translate(39.16px,0px)}17.83%{opacity:1;stroke:#DB1E2F;transform:translate(44px,0px)}17.85%,100%{opacity:0;transform:translate(44px,0px)}}
@keyframes t3-pt4{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;stroke:#DB1E2F;transform:translate(0px,0px)}2.17%{opacity:1;stroke:#DB1E2F;transform:translate(5.3px,0.71px)}4.16%{opacity:1;stroke:#DB1E2F;transform:translate(9.79px,2.67px)}6.12%{opacity:1;stroke:#DB1E2F;transform:translate(13.62px,5.62px)}8.14%{opacity:1;stroke:#DB1E2F;transform:translate(16.96px,9.33px)}10.23%{opacity:1;stroke:#DB1E2F;transform:translate(19.95px,13.54px)}12.37%{opacity:1;stroke:#DB1E2F;transform:translate(22.75px,18px)}14.49%{opacity:1;stroke:#DB1E2F;transform:translate(25.5px,22.46px)}16.55%{opacity:1;stroke:#DB1E2F;transform:translate(28.37px,26.67px)}18.52%{opacity:1;stroke:#DB1E2F;transform:translate(31.5px,30.38px)}20.39%{opacity:1;stroke:#DB1E2F;transform:translate(35.05px,33.33px)}22.23%{opacity:1;stroke:#DB1E2F;transform:translate(39.16px,35.29px)}24.21%{opacity:1;stroke:#DB1E2F;transform:translate(44px,36px)}24.23%,100%{opacity:0;transform:translate(44px,36px)}}
@keyframes t3-pt5{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;stroke:#DB1E2F;transform:translate(0px,0px)}2.23%{opacity:1;stroke:#DB1E2F;transform:translate(5.3px,1.42px)}4.65%{opacity:1;stroke:#DB1E2F;transform:translate(9.79px,5.33px)}7.5%{opacity:1;stroke:#DB1E2F;transform:translate(13.62px,11.25px)}10.8%{opacity:1;stroke:#DB1E2F;transform:translate(16.96px,18.67px)}14.42%{opacity:1;stroke:#DB1E2F;transform:translate(19.95px,27.08px)}18.2%{opacity:1;stroke:#DB1E2F;transform:translate(22.75px,36px)}21.99%{opacity:1;stroke:#DB1E2F;transform:translate(25.5px,44.92px)}25.59%{opacity:1;stroke:#DB1E2F;transform:translate(28.37px,53.33px)}28.85%{opacity:1;stroke:#DB1E2F;transform:translate(31.5px,60.75px)}31.65%{opacity:1;stroke:#DB1E2F;transform:translate(35.05px,66.67px)}33.95%{opacity:1;stroke:#DB1E2F;transform:translate(39.16px,70.58px)}35.99%{opacity:1;stroke:#DB1E2F;transform:translate(44px,72px)}36.01%,100%{opacity:0;transform:translate(44px,72px)}}
@keyframes t3-pf1{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;fill:#DB1E2F;transform:translate(0px,0px)}32%{opacity:1;fill:#DB1E2F;transform:translate(66px,0px)}32.01%,36%{opacity:1;fill:#231F20;transform:translate(66px,0px)}36.01%,100%{opacity:0;transform:translate(66px,0px)}}
@keyframes t3-pf2{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;fill:#DB1E2F;transform:translate(0px,0px)}32%{opacity:1;fill:#DB1E2F;transform:translate(66px,0px)}32.01%,36%{opacity:1;fill:#231F20;transform:translate(66px,0px)}36.01%,100%{opacity:0;transform:translate(66px,0px)}}
@keyframes t3-pf3{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;fill:#DB1E2F;transform:translate(0px,0px)}32%{opacity:1;fill:#DB1E2F;transform:translate(66px,0px)}32.01%,36%{opacity:1;fill:#231F20;transform:translate(66px,0px)}36.01%,100%{opacity:0;transform:translate(66px,0px)}}
@keyframes t3-pf4{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;fill:#DB1E2F;transform:translate(0px,0px)}32%{opacity:1;fill:#DB1E2F;transform:translate(66px,0px)}32.01%,36%{opacity:1;fill:#231F20;transform:translate(66px,0px)}36.01%,100%{opacity:0;transform:translate(66px,0px)}}
@keyframes t3-pf5{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;fill:#DB1E2F;transform:translate(0px,0px)}32%{opacity:1;fill:#DB1E2F;transform:translate(66px,0px)}32.01%,36%{opacity:1;fill:#231F20;transform:translate(66px,0px)}36.01%,100%{opacity:0;transform:translate(66px,0px)}}
@keyframes t3-pt1c{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;stroke:#DB1E2F;transform:translate(0px,0px)}1.2%{opacity:1;stroke:#DB1E2F;transform:translate(-2.44px,3.61px)}3.21%{opacity:1;stroke:#DB1E2F;transform:translate(-9.19px,6.54px)}6.07%{opacity:1;stroke:#DB1E2F;transform:translate(-19.38px,8.94px)}9.6%{opacity:1;stroke:#DB1E2F;transform:translate(-32.15px,10.96px)}13.59%{opacity:1;stroke:#DB1E2F;transform:translate(-46.64px,12.77px)}17.81%{opacity:1;stroke:#DB1E2F;transform:translate(-62px,14.5px)}22.04%{opacity:1;stroke:#DB1E2F;transform:translate(-77.36px,16.32px)}26.03%{opacity:1;stroke:#DB1E2F;transform:translate(-91.85px,18.37px)}29.59%{opacity:1;stroke:#DB1E2F;transform:translate(-104.62px,20.81px)}32.49%{opacity:1;stroke:#DB1E2F;transform:translate(-114.81px,23.8px)}34.59%{opacity:1;stroke:#DB1E2F;transform:translate(-121.56px,27.47px)}35.99%{opacity:1;stroke:#DB1E2F;transform:translate(-124px,32px)}36.01%,100%{opacity:0;transform:translate(-124px,32px)}}
@keyframes t3-pt2c{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;stroke:#DB1E2F;transform:translate(0px,0px)}1.05%{opacity:1;stroke:#DB1E2F;transform:translate(-1.22px,3.61px)}2.27%{opacity:1;stroke:#DB1E2F;transform:translate(-4.59px,6.54px)}3.81%{opacity:1;stroke:#DB1E2F;transform:translate(-9.69px,8.94px)}5.64%{opacity:1;stroke:#DB1E2F;transform:translate(-16.07px,10.96px)}7.68%{opacity:1;stroke:#DB1E2F;transform:translate(-23.32px,12.77px)}9.82%{opacity:1;stroke:#DB1E2F;transform:translate(-31px,14.5px)}11.98%{opacity:1;stroke:#DB1E2F;transform:translate(-38.68px,16.32px)}14.04%{opacity:1;stroke:#DB1E2F;transform:translate(-45.93px,18.37px)}15.9%{opacity:1;stroke:#DB1E2F;transform:translate(-52.31px,20.81px)}17.51%{opacity:1;stroke:#DB1E2F;transform:translate(-57.41px,23.8px)}18.88%{opacity:1;stroke:#DB1E2F;transform:translate(-60.78px,27.47px)}20.16%{opacity:1;stroke:#DB1E2F;transform:translate(-62px,32px)}20.18%,100%{opacity:0;transform:translate(-62px,32px)}}
@keyframes t3-pt3c{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;stroke:#DB1E2F;transform:translate(0px,0px)}0.99%{opacity:1;stroke:#DB1E2F;transform:translate(0px,3.61px)}1.79%{opacity:1;stroke:#DB1E2F;transform:translate(0px,6.54px)}2.45%{opacity:1;stroke:#DB1E2F;transform:translate(0px,8.94px)}3%{opacity:1;stroke:#DB1E2F;transform:translate(0px,10.96px)}3.49%{opacity:1;stroke:#DB1E2F;transform:translate(0px,12.77px)}3.96%{opacity:1;stroke:#DB1E2F;transform:translate(0px,14.5px)}4.46%{opacity:1;stroke:#DB1E2F;transform:translate(0px,16.32px)}5.02%{opacity:1;stroke:#DB1E2F;transform:translate(0px,18.37px)}5.69%{opacity:1;stroke:#DB1E2F;transform:translate(0px,20.81px)}6.5%{opacity:1;stroke:#DB1E2F;transform:translate(0px,23.8px)}7.5%{opacity:1;stroke:#DB1E2F;transform:translate(0px,27.47px)}8.74%{opacity:1;stroke:#DB1E2F;transform:translate(0px,32px)}8.76%,100%{opacity:0;transform:translate(0px,32px)}}
@keyframes t3-pt4c{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;stroke:#DB1E2F;transform:translate(0px,0px)}1.05%{opacity:1;stroke:#DB1E2F;transform:translate(1.22px,3.61px)}2.27%{opacity:1;stroke:#DB1E2F;transform:translate(4.59px,6.54px)}3.81%{opacity:1;stroke:#DB1E2F;transform:translate(9.69px,8.94px)}5.64%{opacity:1;stroke:#DB1E2F;transform:translate(16.07px,10.96px)}7.68%{opacity:1;stroke:#DB1E2F;transform:translate(23.32px,12.77px)}9.82%{opacity:1;stroke:#DB1E2F;transform:translate(31px,14.5px)}11.98%{opacity:1;stroke:#DB1E2F;transform:translate(38.68px,16.32px)}14.04%{opacity:1;stroke:#DB1E2F;transform:translate(45.93px,18.37px)}15.9%{opacity:1;stroke:#DB1E2F;transform:translate(52.31px,20.81px)}17.51%{opacity:1;stroke:#DB1E2F;transform:translate(57.41px,23.8px)}18.88%{opacity:1;stroke:#DB1E2F;transform:translate(60.78px,27.47px)}20.16%{opacity:1;stroke:#DB1E2F;transform:translate(62px,32px)}20.18%,100%{opacity:0;transform:translate(62px,32px)}}
@keyframes t3-pt5c{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;stroke:#DB1E2F;transform:translate(0px,0px)}1.2%{opacity:1;stroke:#DB1E2F;transform:translate(2.44px,3.61px)}3.21%{opacity:1;stroke:#DB1E2F;transform:translate(9.19px,6.54px)}6.07%{opacity:1;stroke:#DB1E2F;transform:translate(19.38px,8.94px)}9.6%{opacity:1;stroke:#DB1E2F;transform:translate(32.15px,10.96px)}13.59%{opacity:1;stroke:#DB1E2F;transform:translate(46.64px,12.77px)}17.81%{opacity:1;stroke:#DB1E2F;transform:translate(62px,14.5px)}22.04%{opacity:1;stroke:#DB1E2F;transform:translate(77.36px,16.32px)}26.03%{opacity:1;stroke:#DB1E2F;transform:translate(91.85px,18.37px)}29.59%{opacity:1;stroke:#DB1E2F;transform:translate(104.62px,20.81px)}32.49%{opacity:1;stroke:#DB1E2F;transform:translate(114.81px,23.8px)}34.59%{opacity:1;stroke:#DB1E2F;transform:translate(121.56px,27.47px)}35.99%{opacity:1;stroke:#DB1E2F;transform:translate(124px,32px)}36.01%,100%{opacity:0;transform:translate(124px,32px)}}
@keyframes t3-pf1c{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;fill:#DB1E2F;transform:translate(0px,0px)}32%{opacity:1;fill:#DB1E2F;transform:translate(0px,48px)}32.01%,36%{opacity:1;fill:#231F20;transform:translate(0px,48px)}36.01%,100%{opacity:0;transform:translate(0px,48px)}}
@keyframes t3-pf2c{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;fill:#DB1E2F;transform:translate(0px,0px)}32%{opacity:1;fill:#DB1E2F;transform:translate(0px,48px)}32.01%,36%{opacity:1;fill:#231F20;transform:translate(0px,48px)}36.01%,100%{opacity:0;transform:translate(0px,48px)}}
@keyframes t3-pf3c{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;fill:#DB1E2F;transform:translate(0px,0px)}32%{opacity:1;fill:#DB1E2F;transform:translate(0px,48px)}32.01%,36%{opacity:1;fill:#231F20;transform:translate(0px,48px)}36.01%,100%{opacity:0;transform:translate(0px,48px)}}
@keyframes t3-pf4c{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;fill:#DB1E2F;transform:translate(0px,0px)}32%{opacity:1;fill:#DB1E2F;transform:translate(0px,48px)}32.01%,36%{opacity:1;fill:#231F20;transform:translate(0px,48px)}36.01%,100%{opacity:0;transform:translate(0px,48px)}}
@keyframes t3-pf5c{0%,0%{opacity:0;transform:translate(0px,0px)}0.01%{opacity:1;fill:#DB1E2F;transform:translate(0px,0px)}32%{opacity:1;fill:#DB1E2F;transform:translate(0px,48px)}32.01%,36%{opacity:1;fill:#231F20;transform:translate(0px,48px)}36.01%,100%{opacity:0;transform:translate(0px,48px)}}
@keyframes t3-vaga{0%,24.24%{opacity:1}24.25%,36%{opacity:0}36.01%,100%{opacity:1}}
@keyframes t3-vagac{0%,21.34%{opacity:1}21.35%,36%{opacity:0}36.01%,100%{opacity:1}}
@keyframes t3-enche{0%{transform:scaleX(1)}.01%,36%{transform:scaleX(0);animation-timing-function:cubic-bezier(.3,0,.7,1)}100%{transform:scaleX(1)}}
@keyframes t3-enchec{0%{transform:scaleY(1)}.01%,36%{transform:scaleY(0);animation-timing-function:cubic-bezier(.3,0,.7,1)}100%{transform:scaleY(1)}}
/* <<< */

/* sem movimento: o repouso, sempre */
@media (prefers-reduced-motion:reduce){
  .trav3 *,.trav3 *::before,.trav3 *::after{animation:none!important}
}
@media print{
  .trav3{break-inside:avoid}
  .trav3 *,.trav3 *::before,.trav3 *::after{animation:none!important}
}

/* ---- compatibilidade: o rótulo pequeno (trav3__rot) da versão de 13/10, enquanto houver página com ele (as 16 línguas,
   até a próxima rodada de tradução). Sai quando "grep -rl trav3__rot" não achar mais página do site. */
.trav3__rot--c{grid-column:1}.trav3__rot--t{grid-column:3}
.trav3 .trav3__rot--c{margin-right:8%}.trav3 .trav3__rot--t{margin-left:10%}
.trav3__rot{grid-row:1}
.trav3 .trav3__rot{
  display:flex;align-items:center;gap:14px;margin-bottom:clamp(10px,min(1.7cqi,1.8vh),20px);
  font-family:inherit;font-weight:800;font-size:15px;line-height:1.2;letter-spacing:0;color:var(--t3-p);
}
.trav3 .trav3__rot::after{content:"";flex:1 1 auto;min-width:24px;height:2px;background:currentColor}
@media (max-width:700px){
  .trav3 .trav3__rot--c,.trav3 .trav3__rot--t{margin-left:0;margin-right:0}
  .trav3__rot--c{grid-row:1}.trav3__rot--t{grid-row:6}
  .trav3 .trav3__rot--t{grid-column:1;padding-right:16px;margin-top:18px}
  .trav3 .trav3__rot--t + .trav3__afirma--t{margin-top:0}
  .trav3 .trav3__rot + .trav3__afirma em{display:inline}
}