/* Instituto Aeviternitas · leitor da Biblioteca Aevum · a folha do miolo · 14/09/2026.
   O EPUB entra sem a folha dele; a tipografia que morava em classe chega aqui traduzida em
   tokens aev-*. As medidas vem das variaveis que o painel de aparencia governa. */

.aev-rio{
  height:100%; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin;
  -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
}
.aev-cap{ display:block; }
.aev-doc{
  max-width:var(--medida,34em);
  margin:0 auto;
  padding:0 var(--margem,24px);
  font-family:var(--letra,"EB Garamond",Georgia,serif);
  font-size:var(--corpo,1.0625rem);
  line-height:var(--entre,1.62);
  color:var(--tinta);
  text-align:justify;
  hyphens:auto;
  -webkit-hyphens:auto;
}
/* no modo de rolagem a coluna corre sobre uma folha continua, com o mesmo papel e a mesma moldura */
.aev-rio:not(.aev-pagina) .aev-cap{ background:var(--papel, transparent); max-width:calc(var(--medida,34em) + var(--margem,24px) * 2); margin:0 auto;
  border-left:1px solid var(--moldura, rgba(90,82,64,.28)); border-right:1px solid var(--moldura, rgba(90,82,64,.28)); box-shadow:0 0 48px var(--sombra, rgba(0,0,0,.35)); }
.aev-rio:not(.aev-pagina) .aev-cap:first-child{ padding-top:2.4em; }
.aev-rio:not(.aev-pagina) .aev-cap:last-child{ padding-bottom:3em; }
.aev-doc p{ margin:0; text-indent:1.4em; }
.aev-doc p + p{ margin-top:0; }
.aev-doc p:first-of-type,
.aev-doc .aev-sem-recuo,
.aev-doc h1 + p, .aev-doc h2 + p, .aev-doc h3 + p, .aev-doc h4 + p{ text-indent:0; }
.aev-doc h1,.aev-doc h2,.aev-doc h3,.aev-doc h4,.aev-doc h5,.aev-doc h6{
  font-family:var(--letra,"EB Garamond",Georgia,serif);
  font-weight:400; line-height:1.18; text-align:left; text-indent:0;
  hyphens:none; margin:2.4em 0 1em; color:var(--tinta);
}
.aev-doc h1{ font-size:1.7em } .aev-doc h2{ font-size:1.42em }
.aev-doc h3{ font-size:1.2em } .aev-doc h4{ font-size:1.06em }
.aev-doc hr{ border:0; border-top:1px solid var(--regua); margin:2.2em auto; width:38%; }
.aev-doc a{ color:var(--elo); text-decoration:none; border-bottom:1px solid var(--regua); }
.aev-doc a:hover{ border-bottom-color:var(--elo); }
.aev-doc img{ display:block; max-width:100%; height:auto; margin:1.6em auto; }
.aev-doc img.aev-capa-livro{ max-height:86vh; width:auto; margin:0 auto 2em; }
.aev-doc svg{ display:block; max-width:100%; height:auto; margin:1.6em auto; }
.aev-doc table{ border-collapse:collapse; margin:1.6em auto; font-size:.94em; max-width:100%; }
.aev-doc td,.aev-doc th{ padding:.3em .7em; border-bottom:1px solid var(--regua); text-align:left; }
/* o marcador mora no recuo interno: em margem, numero de tres digitos ou romano longo
   e desenhado fora da caixa e vaza para a coluna vizinha */
.aev-doc ul,.aev-doc ol{ margin:1em 0; padding-left:2em; text-indent:0; }
.aev-doc li{ margin:.25em 0; text-indent:0; }
.aev-doc sup{ font-size:.72em; line-height:0; vertical-align:super; }
.aev-doc pre{ white-space:pre-wrap; font-size:.9em; text-indent:0;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.aev-doc blockquote{ margin:1.4em 0 1.4em 1.6em; text-indent:0; }

/* ---------------------------------------------------------------- tokens do instituto */
.aev-oculto{ display:none !important; }

.aev-verso{ margin:1.6em 0; text-align:left; text-indent:0; hyphens:none; }
.aev-verso p,.aev-estrofe p{ text-indent:0; margin:0; }
.aev-estrofe{ margin:0 0 1.1em; text-align:left; text-indent:0; hyphens:none; }
.aev-v0{ display:inline-block; }
.aev-v1{ display:inline-block; padding-left:1.2em; }
.aev-v2{ display:inline-block; padding-left:2.4em; }
.aev-v3{ display:inline-block; padding-left:3.6em; }
.aev-v4{ display:inline-block; padding-left:4.8em; }
.aev-pendente{ padding-left:1.6em; text-indent:-1.6em; text-align:left; }

.aev-versalete{ font-variant:small-caps; letter-spacing:.03em; }
.aev-minuscula{ text-transform:lowercase; }
.aev-espacado{ letter-spacing:.12em; }

.aev-centro{ text-align:center; text-indent:0; hyphens:none; }
.aev-direita{ text-align:right; text-indent:0; hyphens:none; }

.aev-citacao{
  margin:1.5em 0; padding-left:1.4em; border-left:1px solid var(--regua);
  font-size:.96em; text-indent:0;
}
.aev-citacao p{ text-indent:0; }

.aev-nota{ font-size:.88em; color:var(--quieto); text-indent:0; margin:.7em 0; }
.aev-nota p{ text-indent:0; }
.aev-chamada{ color:var(--elo); font-size:.82em; vertical-align:super; line-height:0; }

.aev-legenda{
  display:block; text-align:center; font-family:Figtree,system-ui,sans-serif;
  font-size:.78rem; letter-spacing:.08em; color:var(--quieto);
  text-indent:0; margin:.5em 0 1.8em; hyphens:none;
}
.aev-sumario{ text-indent:0; text-align:left; hyphens:none; margin:.2em 0; }
.aev-fala{ text-indent:0; margin:.6em 0; text-align:left; }
.aev-personagem{ font-variant:small-caps; letter-spacing:.06em; }

.aev-falha{
  font-family:Figtree,system-ui,sans-serif; font-size:.9rem; color:var(--quieto);
  text-align:center; padding:3em 1em; text-indent:0;
}

@media (max-width:700px){
  .aev-doc{ padding:0 max(18px, var(--margem,24px)); }
  .aev-doc table{ font-size:.86em; }
}

/* ------------------------------------------------ leitor virtual: a pagina vira no mesmo lugar */
.aev-rio.aev-pagina{ overflow:hidden; }
.aev-pagina .aev-cap{ position:absolute; inset:0; }
/* A folha e o papel: ela e que tem a medida do livro e e ela que recorta. Enquanto o recorte
   ficou na largura da janela e so o texto era limitado, a coluna seguinte aparecia desenhada
   na sobra da direita. O em resolve contra o corpo do texto, e por isso a folha o herda. */
.aev-pagina .aev-folha{
  position:absolute; inset:0; margin:0 auto; overflow:hidden;
  font-size:var(--corpo,1.0625rem);
  max-width:calc(var(--medida,26em) + var(--margem,24px) * 2);
  /* respiro vertical: o texto nao encosta na borda do papel */
  padding:var(--papel-alto,26px) var(--margem,24px);
}
/* O papel do livro, desenhado no palco e nao dentro da folha (a folha recorta, e recortaria a
   sombra): um retangulo na largura da folha, com a cor do papel, um filete de moldura, duas
   folhas atras deslocadas (o bloco do livro) e uma sombra baixa sobre a mesa. As cores vem
   das variaveis do papel escolhido: --papel, --moldura, --mesa, --sombra. */
.aev-pagina .aev-cap::before{
  content:""; position:absolute; z-index:0; pointer-events:none;
  top:10px; bottom:12px; left:50%; transform:translateX(-50%);
  width:min(100%, calc(var(--larg-folha, 40em) + var(--margem,24px) * 2));
  background:var(--papel, transparent);
  border:1px solid var(--moldura, rgba(90,82,64,.28));
  box-shadow:
    3px 3px 0 -1px var(--mesa, #14120f), 3px 3px 0 0 var(--moldura, rgba(90,82,64,.28)),
    6px 6px 0 -1px var(--mesa, #14120f), 6px 6px 0 0 var(--moldura, rgba(90,82,64,.22)),
    0 22px 56px var(--sombra, rgba(0,0,0,.4));
}
.aev-pagina .aev-folha{ z-index:1; }
@media (max-width:700px){
  .aev-pagina .aev-folha{ padding:16px max(18px, var(--margem,24px)); }
  .aev-pagina .aev-cap::before{ top:6px; bottom:8px; }
}
.aev-pagina .aev-doc{
  height:100%; padding:0; margin:0; max-width:none;
  /* o vinco tem medida propria: preso ao dobro da margem, ele ficava estreito demais contra o
     branco de fora e o livro lia como duas colunas de revista, nao como codice */
  column-gap:var(--vinco,3.4em);
  column-fill:auto;
  transition:transform .18s ease;
  will-change:transform;
  /* palavra sem ponto de quebra transborda a coluna e reaparece invadindo a pagina seguinte */
  overflow-wrap:break-word;
}
.aev-pagina .aev-doc :is(h1,h2,h3,h4,h5,h6){ break-after:avoid; break-inside:avoid; }
.aev-pagina .aev-doc p,.aev-pagina .aev-doc li{ break-inside:auto; }

/* A altura util da pagina chega em pixel, na variavel --alt-pag, posta pelo medidor, e em
   unidade de container quando o navegador a entende, que e o caso melhor: ela se reajusta
   sozinha, sem esperar medida nenhuma. Percentagem nao serve de jeito nenhum: o pai imediato
   da figura tem altura automatica, a percentagem nao resolve, a regra e descartada em silencio
   e a figura transborda a coluna, deixando a pagina em branco. */
.aev-pagina .aev-doc img,
.aev-pagina .aev-doc svg,
.aev-pagina .aev-doc img.aev-capa-livro{
  max-height:calc(var(--alt-pag, 70vh) - 2.5em);
  width:auto; height:auto; max-width:100%; margin:1em auto;
}
@supports (height:100cqh){
  .aev-pagina .aev-folha{ container-type:size; }
  .aev-pagina .aev-doc img,
  .aev-pagina .aev-doc svg,
  .aev-pagina .aev-doc img.aev-capa-livro{ max-height:calc(100cqh - 2.5em); }
}

/* nada pode ser mais largo que a coluna, e nada que nao se parta pode ser mais alto que ela:
   caixa de rolagem nao fragmenta, transborda por baixo e o recorte da folha come o resto */
.aev-pagina .aev-doc table{ display:table; max-width:100%; overflow:visible; margin:1.6em auto; }
.aev-pagina .aev-doc tr{ break-inside:avoid; }
.aev-pagina .aev-doc td,
.aev-pagina .aev-doc th,
.aev-pagina .aev-doc pre,
.aev-pagina .aev-verso,
.aev-pagina .aev-estrofe,
.aev-pagina .aev-sumario{ overflow-wrap:anywhere; }
.aev-pagina .aev-doc pre{ max-width:100%; white-space:pre-wrap; }

/* figura com legenda tem de caber inteira, conjunto e nao so a imagem */
.aev-pagina .aev-doc figure{ margin:1.2em 0; break-inside:avoid; }
.aev-pagina .aev-doc figure :is(img,svg){ max-height:calc(var(--alt-pag, 70vh) - 7em); }
@supports (height:100cqh){
  .aev-pagina .aev-doc figure :is(img,svg){ max-height:calc(100cqh - 7em); }
}
.aev-pagina .aev-legenda{ break-before:avoid; }

/* verso em caixa atomica pula inteiro para a coluna seguinte e deixa buraco no pe da pagina */
.aev-pagina .aev-v0,.aev-pagina .aev-v1,.aev-pagina .aev-v2,
.aev-pagina .aev-v3,.aev-pagina .aev-v4{ display:inline; }

/* ---------------------------------------------------------------- o livro aberto */
.aev-pagina.aev-duplo .aev-folha{
  max-width:calc(var(--medida,26em) * 2 + var(--vinco,3.4em) + var(--margem,24px) * 2);
}
/* O papel: a folha do livro e a caixa do texto mais as duas margens de fora. Fica atras de
   tudo, com um filete e uma sombra baixa, para o livro assentar sobre a mesa sem virar
   desenho de livro. A largura em pixel vem do medidor, em --larg-folha. */
/* (o papel do livro aberto e o mesmo retangulo do palco, acima; a largura vem de --larg-folha) */
/* O vinco do meio, na largura exata da folga entre as duas colunas, onde nao ha texto:
   uma sombra que fecha para dentro, e um filete no centro. A sombra desenha o vale no papel
   claro; o filete desenha a dobra no papel escuro, onde sombra sobre sombra nao se ve. */
.aev-lombada{ display:none; }
.aev-pagina.aev-duplo .aev-lombada{
  display:block; position:absolute; top:0; bottom:0; left:50%; z-index:1;
  font-size:var(--corpo,1.0625rem);
  width:var(--vinco,3.4em); transform:translateX(-50%); pointer-events:none;
  background:
    linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.10) 34%, rgba(0,0,0,.18) 50%,
                              rgba(0,0,0,.10) 66%, rgba(0,0,0,0) 100%),
    linear-gradient(to right, transparent calc(50% - .5px), var(--regua) calc(50% - .5px),
                              var(--regua) calc(50% + .5px), transparent calc(50% + .5px));
  opacity:.7;
}

/* --------------------------------------------- o que muda quando a coluna tem metade da largura */
/* Titulo: numa coluna de 26em um titulo grande come meia pagina. Menor, e equilibrado entre
   as linhas, para nao sobrar uma palavra sozinha na segunda. */
.aev-pagina.aev-duplo .aev-doc h1{ font-size:1.42em }
.aev-pagina.aev-duplo .aev-doc h2{ font-size:1.24em }
.aev-pagina.aev-duplo .aev-doc h3{ font-size:1.12em }
.aev-pagina.aev-duplo .aev-doc :is(h1,h2,h3,h4,h5,h6){ margin:1.6em 0 .7em; text-wrap:balance; }
/* Verso: na meia coluna o verso longo passa a envolver, e a sobra comecava colada a margem,
   identica a um verso novo. Recuo pendente distingue a continuacao do verso seguinte. */
.aev-pagina.aev-duplo .aev-verso p,
.aev-pagina.aev-duplo .aev-estrofe p{ padding-left:1.4em; text-indent:-1.4em; }
.aev-pagina.aev-duplo .aev-sumario{ padding-left:1.6em; text-indent:-1.6em;
  font-variant-numeric:tabular-nums; overflow-wrap:break-word; }
/* Tabela: menor e mais justa, que e o que cabe em meia coluna sem rolagem nem transbordo */
.aev-pagina.aev-duplo .aev-doc table{ font-size:.86em }
.aev-pagina.aev-duplo .aev-doc td,
.aev-pagina.aev-duplo .aev-doc th{ padding:.22em .34em }

@media (prefers-reduced-motion:reduce){ .aev-pagina .aev-doc{ transition:none; } }
/* ===========================================================================
   Instituto Aeviternitas · Biblioteca Aevum · a folha que vira
   Proposta medida em 14/09/2026. Nao entra em nenhum arquivo do leitor: e um
   acrescimo, para colar no fim do ler-obra.css quando for aprovado.

   O que faz: ao virar a pagina, uma folha de papel da cor do tema levanta do
   lado de fora para a lombada, com sombreado de Lambert, brilho de vinco e
   sombra projetada na pagina de baixo. A folha nao leva texto nenhum: o texto
   novo ja esta embaixo dela. Ela nasce sobre o texto que leva e se dissolve ao
   cruzar a lombada, de modo que nunca deita sobre o texto novo.

   So mexe em transform e opacity. Medido: 118,5 qps de 119,7 possiveis numa
   tela de 120 Hz, 1 quadro perdido por virada, e o desenho continua a ser
   apresentado quando a linha principal fica travada 260 ms.
   =========================================================================== */

.aev-pagina{
  --aev-vira-tempo: 280ms;
  /* meia folha: e o passo do giro. Em pagina unica a folha e a pagina inteira. */
  --aev-meia: calc((var(--larg-folha,1200px) + var(--margem,24px) * 2) / 2);
  /* papel: o mesmo da pagina (--papel, definido por tema em ler.html), para a folha que vira ter
     a cor exata do livro; a moldura e o mesmo filete. */
  --aev-papel: var(--papel, color-mix(in srgb, var(--sable,#14120f) 91%, #fff 9%));
  --aev-fio:   var(--moldura, color-mix(in srgb, var(--sable,#14120f) 62%, var(--tinta,#c4b99f) 38%));
  --aev-penumbra: 38px;
}
.aev-pagina:not(.aev-duplo){
  --aev-meia: calc(var(--larg-folha,1200px) + var(--margem,24px) * 2);
}

.aev-vira{
  position:absolute; top:0; height:100%; left:50%;
  width:calc(var(--larg-folha,1200px) + var(--margem,24px) * 2);
  transform:translateX(-50%);
  /* 4000px: medido. Abaixo disso a folha cresce mais de 10% e o palco corta as
     pontas; acima, o papel perde relevo e vira painel chapado. */
  perspective:4000px; perspective-origin:50% 50%;
  pointer-events:none; z-index:4; contain:strict;
}
.aev-vira[hidden]{ display:none }
/* virar para tras: o mesmo desenho espelhado. A folha sobe da esquerda para a
   lombada, a sombra projetada e o veu trocam de lado sozinhos. */
.aev-vira.aev-vira-re{ transform:translateX(-50%) scaleX(-1) }

.aev-folha-vira{
  position:absolute; top:0; height:100%; left:50%; width:50%;
  transform-origin:left center; transform-style:preserve-3d; will-change:transform;
}
.aev-pagina:not(.aev-duplo) .aev-folha-vira{ left:0; width:100%; }

.aev-face-vira{
  position:absolute; inset:0; overflow:hidden; backface-visibility:hidden;
  background:var(--aev-papel); will-change:opacity;
  box-shadow:0 0 0 1px var(--aev-fio), 0 14px 44px rgba(0,0,0,.42), 0 3px 10px rgba(0,0,0,.28);
}
.aev-face-vira.verso{ transform:rotateY(180deg) }
/* a curvatura: fundo escuro no vinco, barriga clara no meio, aresta escura de
   novo. E o que faz o retangulo parecer papel levantado e nao painel chapado. */
.aev-face-vira::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to right,
    rgba(0,0,0,.34) 0, rgba(0,0,0,.16) 4%, rgba(0,0,0,.04) 12%,
    rgba(255,255,255,.05) 38%, rgba(255,255,255,.08) 64%,
    rgba(0,0,0,.04) 92%, rgba(0,0,0,.16) 100%);
}
.aev-face-vira.verso::before{ transform:scaleX(-1) }

.aev-luz-vira{ position:absolute; inset:0; background:#000; opacity:0;
  pointer-events:none; will-change:opacity; }
.aev-vinco-vira{ position:absolute; inset:0; opacity:0; pointer-events:none;
  will-change:opacity;
  background:linear-gradient(to right,
    rgba(255,255,255,0) 0, rgba(255,255,255,.30) 2.5%,
    rgba(255,255,255,.10) 9%, rgba(255,255,255,0) 22%); }
.aev-face-vira.verso .aev-vinco-vira{ transform:scaleX(-1) }

/* a sombra projetada, encostada por fora na borda solta da folha */
.aev-sombra-vira{
  position:absolute; top:0; height:100%; left:50%; width:var(--aev-penumbra);
  opacity:0; pointer-events:none; will-change:transform,opacity;
  background:linear-gradient(to right,
    rgba(0,0,0,.46) 0, rgba(0,0,0,.20) 38%, rgba(0,0,0,0) 100%);
}
.aev-pagina:not(.aev-duplo) .aev-sombra-vira{ left:0 }

/* a sombra que cobre a pagina que fica, no instante exato em que o texto troca.
   So existe no livro aberto: na pagina unica a propria folha ja cobre tudo. */
.aev-veu-vira{ position:absolute; top:0; left:0; width:50%; height:100%;
  background:#000; opacity:0; pointer-events:none; will-change:opacity; }
.aev-pagina:not(.aev-duplo) .aev-veu-vira{ display:none }

/* ------------------------------------------------------------- o movimento */
.aev-vira.anda .aev-folha-vira{
  animation:aev-vira-giro var(--aev-vira-tempo) cubic-bezier(.32,.30,.45,.94) both;
}
.aev-vira.anda .aev-face-vira  { animation:aev-vira-corpo  var(--aev-vira-tempo) linear both }
.aev-vira.anda .aev-luz-vira   { animation:aev-vira-luz    var(--aev-vira-tempo) linear both }
.aev-vira.anda .aev-vinco-vira { animation:aev-vira-vinco  var(--aev-vira-tempo) linear both }
.aev-vira.anda .aev-sombra-vira{ animation:aev-vira-sombra var(--aev-vira-tempo) linear both }
.aev-vira.anda .aev-veu-vira   { animation:aev-vira-veu    var(--aev-vira-tempo) linear both }

@media (prefers-reduced-motion:reduce){
  .aev-vira{ display:none !important }
}
/* ---------------------------------------------------------------------------
   A folha que vira, Biblioteca Aevum, Instituto Aeviternitas
   Giro 0 -> 104deg em var(--aev-vira-tempo), curva cubic-bezier(0.32,0.3,0.45,0.94).
   90deg cai em t=0.663; a folha materializa ate 12% e dissolve
   entre 80deg (t=0.556) e 103deg (t=0.938).
   Todas as pistas andam em linear: os valores ja trazem a curva dentro.
   Nada aqui toca layout: so transform e opacity, tudo no compositor.
   --------------------------------------------------------------------------- */

@keyframes aev-vira-giro{ from{transform:rotateY(0)} to{transform:rotateY(-104deg)} }

/* o corpo da folha: nasce sobre o texto que leva, some ao cruzar a lombada */
@keyframes aev-vira-corpo{
  0%{opacity:0}
  12%{opacity:1}
  55.63%{opacity:1}
  93.75%{opacity:0}
  100%{opacity:0}
}

/* a luz que a folha perde ao virar de lado (Lambert) */
@keyframes aev-vira-luz{
  0%{opacity:0.000}
  5%{opacity:0.002}
  10%{opacity:0.009}
  15%{opacity:0.024}
  20%{opacity:0.048}
  25%{opacity:0.081}
  30%{opacity:0.123}
  35%{opacity:0.172}
  40%{opacity:0.225}
  45%{opacity:0.278}
  50%{opacity:0.328}
  55%{opacity:0.375}
  60%{opacity:0.416}
  65%{opacity:0.452}
  70%{opacity:0.438}
  75%{opacity:0.413}
  80%{opacity:0.392}
  85%{opacity:0.376}
  90%{opacity:0.364}
  95%{opacity:0.355}
  100%{opacity:0.349}
}

/* o brilho do vinco: acende a meio caminho, apaga na vertical */
@keyframes aev-vira-vinco{
  0%{opacity:0.000}
  5%{opacity:0.202}
  10%{opacity:0.383}
  15%{opacity:0.553}
  20%{opacity:0.699}
  25%{opacity:0.802}
  30%{opacity:0.848}
  35%{opacity:0.833}
  40%{opacity:0.761}
  45%{opacity:0.649}
  50%{opacity:0.510}
  55%{opacity:0.361}
  60%{opacity:0.208}
  65%{opacity:0.051}
  70%{opacity:0.115}
  75%{opacity:0.220}
  80%{opacity:0.298}
  85%{opacity:0.356}
  90%{opacity:0.398}
  95%{opacity:0.428}
  100%{opacity:0.447}
}

/* a sombra projetada: banda colada na borda solta, a caminhar para a lombada */
@keyframes aev-vira-sombra{
  0%{opacity:0.000;transform:translateX(calc(var(--aev-meia) * 1.0000))}
  5%{opacity:0.270;transform:translateX(calc(var(--aev-meia) * 0.9957))}
  10%{opacity:0.412;transform:translateX(calc(var(--aev-meia) * 0.9799))}
  15%{opacity:0.533;transform:translateX(calc(var(--aev-meia) * 0.9481))}
  20%{opacity:0.639;transform:translateX(calc(var(--aev-meia) * 0.8966))}
  25%{opacity:0.732;transform:translateX(calc(var(--aev-meia) * 0.8240))}
  30%{opacity:0.810;transform:translateX(calc(var(--aev-meia) * 0.7320))}
  35%{opacity:0.872;transform:translateX(calc(var(--aev-meia) * 0.6254))}
  40%{opacity:0.920;transform:translateX(calc(var(--aev-meia) * 0.5111))}
  45%{opacity:0.954;transform:translateX(calc(var(--aev-meia) * 0.3962))}
  50%{opacity:0.977;transform:translateX(calc(var(--aev-meia) * 0.2864))}
  55%{opacity:0.990;transform:translateX(calc(var(--aev-meia) * 0.1856))}
  60%{opacity:0.997;transform:translateX(calc(var(--aev-meia) * 0.0959))}
  65%{opacity:1.000;transform:translateX(calc(var(--aev-meia) * 0.0182))}
  70%{opacity:0.789;transform:translateX(calc(var(--aev-meia) * 0.0478))}
  75%{opacity:0.545;transform:translateX(calc(var(--aev-meia) * 0.1027))}
  80%{opacity:0.346;transform:translateX(calc(var(--aev-meia) * 0.1473))}
  85%{opacity:0.189;transform:translateX(calc(var(--aev-meia) * 0.1826))}
  90%{opacity:0.068;transform:translateX(calc(var(--aev-meia) * 0.2097))}
  95%{opacity:0.000;transform:translateX(calc(var(--aev-meia) * 0.2292))}
  100%{opacity:0.000;transform:translateX(calc(var(--aev-meia) * 0.2419))}
}

/* a sombra que cobre a pagina que fica, no instante em que o texto troca */
@keyframes aev-vira-veu{
  0%{opacity:0.000}
  5%{opacity:0.389}
  10%{opacity:0.654}
  15%{opacity:0.722}
  20%{opacity:0.644}
  25%{opacity:0.545}
  30%{opacity:0.432}
  35%{opacity:0.308}
  40%{opacity:0.173}
  45%{opacity:0.030}
  50%{opacity:0.000}
  55%{opacity:0.000}
  60%{opacity:0.000}
  65%{opacity:0.000}
  70%{opacity:0.000}
  75%{opacity:0.000}
  80%{opacity:0.000}
  85%{opacity:0.000}
  90%{opacity:0.000}
  95%{opacity:0.000}
  100%{opacity:0.000}
}
/* fim */