/* =====================================================================
   Carrossel do topo (só no index) - seq 605, telas reais na seq 607
   Cada destaque mostra o VISION de verdade em uso, como um vídeo de 8 s: as imagens são capturas das
   telas reais do sistema (assets/img/carrossel, base inteira + recortes do que muda), com a câmera
   aproximando, o ponteiro clicando, as janelas abrindo e o aviso do navegador. O principal de cada cena
   acontece nos primeiros 4 s (o tempo do destaque); pausado, o vídeo continua.
   Leveza: as animações só rodam no destaque visível (.slide.ativo - recomeçam a cada troca) e mexem
   apenas em transform/opacity. Medidas em em: a tela real (1366 x 768 px) vale 136,6em x 76,8em.
   Gerado por gera_cenas.py (scratchpad das seqs 605/607) - posições medidas nas telas reais.
   ===================================================================== */

.cena-palco { width: 100%; max-width: 560px; margin: 0 auto; container-type: inline-size; }
.cena {
  --ciclo: 8s;
  position: relative; width: 56em; height: 36.4em;
  font-size: 9px; font-size: min(10px, 100cqw / 56);
  line-height: 1.35; text-align: left; pointer-events: none; user-select: none;
}
.cena .i { width: 1em; height: 1em; }

/* janela do navegador */
.cn-app {
  position: absolute; left: 2em; top: 1.6em; width: 52em; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden;
  border-radius: 1.2em; background: #191f31; border: 1px solid rgba(255, 255, 255, .16);
  box-shadow: 0 3em 7em rgba(0, 10, 40, .6), 0 0 6em rgba(48, 126, 243, .2);
}
.cn-barra { flex: none; display: flex; align-items: center; gap: .6em; height: 2.8em; padding: 0 1.2em; background: #121726; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.cn-barra > i { width: .8em; height: .8em; border-radius: 50%; background: #ff6b6b; }
.cn-barra > i:nth-child(2) { background: #f0b93a; }
.cn-barra > i:nth-child(3) { background: #4cc585; }
.cn-url { display: flex; align-items: center; gap: .5em; height: 1.8em; margin: 0 auto; padding: 0 1.4em; border-radius: 99em; background: rgba(255, 255, 255, .06); color: #9aa3b5; font-size: 1em; }
.cn-url .i { width: .95em; height: .95em; color: #4cc585; }

/* a tela do sistema: área visível 1366x768 e a "câmera" que aproxima e anda */
.cn-vp { position: relative; width: 100%; aspect-ratio: 1366 / 768; overflow: hidden; background: #191f31; }
.cn-cam { position: absolute; left: 0; top: 0; width: 136.6em; height: 76.8em; transform-origin: 0 0; transform: scale(.38); }
.cn-peca {
  position: absolute; display: block; max-width: none; opacity: 0;
  left: calc(var(--x) * .1em); top: calc(var(--y) * .1em); width: calc(var(--w) * .1em); height: calc(var(--h) * .1em);
}
/* fundo escurecido das janelas do sistema (o mesmo do sistema, sweetalert) */
.cn-escuro { position: absolute; left: 0; top: 0; width: 136.6em; height: 76.8em; background: rgba(0, 0, 0, .4); opacity: 0; }
/* texto digitado num campo: a capa (cor do campo) anda em passos e revela as letras */
.cn-digita {
  position: absolute; z-index: 3; overflow: hidden; opacity: 0;
  left: calc(var(--x) * .1em); top: calc(var(--y) * .1em); width: calc(var(--w) * .1em); height: calc(var(--h) * .1em);
}
.cn-digita b { position: absolute; left: 0; top: 50%; transform: translateY(-50%); white-space: nowrap; font-family: "Outfit", sans-serif; }
.cn-digita i { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; }
.cn-digita i::before { content: ""; position: absolute; left: .1em; top: 22%; bottom: 22%; width: .15em; background: #fff; }
.p3-oc { background: #191f31; }
.p3-oc b { left: 1.2em; font-size: 1.6em; font-weight: 400; color: rgba(255, 255, 255, .9); }
.p3-oc i { background: #191f31; margin-left: 1.15em; }
.p5-busca { background: #202c46; }
.p5-busca b { left: .3em; font-size: 1.4em; font-weight: 500; color: rgba(255, 255, 255, .8); }
.p5-busca i { background: #202c46; margin-left: .25em; }

/* ponteiro do mouse (dentro da câmera: anda nas coordenadas da tela real) */
.cn-cursor { position: absolute; left: 0; top: 0; z-index: 9; width: 2.6em; height: 2.6em; margin: -.22em 0 0 -.43em; opacity: 0; }
.cn-cursor svg { display: block; width: 100%; height: 100%; fill: #fff; stroke: #0a1838; stroke-width: 1.4; stroke-linejoin: round; filter: drop-shadow(0 .3em .5em rgba(0, 0, 0, .45)); }
.cn-cursor i { position: absolute; z-index: -1; left: .43em; top: .22em; width: 3.6em; height: 3.6em; margin: -1.8em 0 0 -1.8em; border-radius: 50%; border: .25em solid #7fd1ff; background: rgba(127, 209, 255, .25); opacity: 0; }

/* aviso do navegador (Chrome no Windows), no canto da tela */
.cn-so {
  position: absolute; z-index: 10; right: .8em; bottom: .8em; width: 19em; padding: .8em 1em 1em; border-radius: .7em; opacity: 0;
  background: #2b2b2b; border: 1px solid rgba(255, 255, 255, .1); box-shadow: 0 1em 2.6em rgba(0, 0, 0, .55);
  color: #fff; font-family: "Segoe UI", "Outfit", sans-serif;
}
.cn-so-topo { display: flex; align-items: center; gap: .5em; color: #c8c8c8; font-size: .9em; margin-bottom: .7em; }
.cn-so-topo i { width: 1.1em; height: 1.1em; border-radius: 50%; background: #8a8a8a; }
.cn-so-topo span { margin-left: auto; color: #9b9b9b; }
.cn-so-topo span + span { margin-left: .9em; }
.cn-so-corpo { display: flex; gap: .9em; align-items: flex-start; }
.cn-so-corpo img { flex: none; width: 3.6em; height: 3.6em; border-radius: .5em; }
.cn-so-corpo b { display: block; font-size: 1.1em; font-weight: 600; line-height: 1.3; }
.cn-so-corpo p { margin: .2em 0 .3em; color: #dcdcdc; font-size: 1em; line-height: 1.35; }
.cn-so-corpo small { color: #9b9b9b; font-size: .9em; }

/* linha do tempo: toda peça animada usa o ciclo da cena */
.slide.ativo .cena .cn-peca, .slide.ativo .cena .cn-escuro, .slide.ativo .cena .cn-cam, .slide.ativo .cena .cn-cursor,
.slide.ativo .cena .cn-so, .slide.ativo .cena .cn-digita, .slide.ativo .cena .cn-digita i {
  animation-duration: var(--ciclo); animation-iteration-count: infinite; animation-fill-mode: both; animation-timing-function: linear;
}
.slide.ativo .cena .cn-cam { animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
.slide.ativo .cena .cn-cursor { animation-timing-function: cubic-bezier(.45, 0, .2, 1); }

.p1-0 { opacity: 1; }
.slide.ativo .p1-1 { animation-name: p1_1; }
@keyframes p1_1 {
  0% { opacity: 0; }
  21.875% { opacity: 0; }
  23.625% { opacity: 1; }
  37.5% { opacity: 1; }
  39.25% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p1-2 { animation-name: p1_2; }
@keyframes p1_2 {
  0% { opacity: 0; }
  35.625% { opacity: 0; }
  37.375% { opacity: 1; }
  51.25% { opacity: 1; }
  53% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p1-3 { animation-name: p1_3; }
@keyframes p1_3 {
  0% { opacity: 0; }
  49.375% { opacity: 0; }
  51.125% { opacity: 1; }
  67.5% { opacity: 1; }
  69.25% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p1-cur { animation-name: p1_cur; }
@keyframes p1_cur {
  0% { opacity: 0; transform: translate(120em, 70em); }
  13.75% { opacity: 0; transform: translate(115em, 56em); }
  15.625% { opacity: 1; transform: translate(110em, 46em); }
  20% { opacity: 1; transform: translate(86.95em, 16.02em); }
  20.75% { opacity: 1; transform: translate(86.95em, 16.02em) scale(.86); }
  21.75% { opacity: 1; transform: translate(86.95em, 16.02em); }
  32.5% { opacity: 1; transform: translate(111.5em, 16.02em); }
  33.25% { opacity: 1; transform: translate(111.5em, 16.02em) scale(.86); }
  34.25% { opacity: 1; transform: translate(111.5em, 16.02em); }
  46.25% { opacity: 1; transform: translate(125.6em, 16.02em); }
  47% { opacity: 1; transform: translate(125.6em, 16.02em) scale(.86); }
  48% { opacity: 1; transform: translate(125.6em, 16.02em); }
  65% { opacity: 1; transform: translate(98.55em, 16.02em); }
  65.75% { opacity: 1; transform: translate(98.55em, 16.02em) scale(.86); }
  66.75% { opacity: 1; transform: translate(98.55em, 16.02em); }
  80% { opacity: 1; transform: translate(115em, 42em); }
  85% { opacity: 0; transform: translate(120em, 52em); }
  100% { opacity: 0; transform: translate(120em, 70em); }
}
.slide.ativo .p1-cur i { animation: p1_clique var(--ciclo) infinite; }
@keyframes p1_clique {
  0% { opacity: 0; transform: scale(.3); }
  20.5% { opacity: 0; transform: scale(.3); }
  21.5% { opacity: 1; transform: scale(.6); }
  27% { opacity: 0; transform: scale(1.5); }
  33% { opacity: 0; transform: scale(.3); }
  34% { opacity: 1; transform: scale(.6); }
  39.5% { opacity: 0; transform: scale(1.5); }
  46.75% { opacity: 0; transform: scale(.3); }
  47.75% { opacity: 1; transform: scale(.6); }
  53.25% { opacity: 0; transform: scale(1.5); }
  65.5% { opacity: 0; transform: scale(.3); }
  66.5% { opacity: 1; transform: scale(.6); }
  72% { opacity: 0; transform: scale(1.5); }
  100% { opacity: 0; transform: scale(1.5); }
}
.slide.ativo .p1-cam { animation-name: p1_cam; }
@keyframes p1_cam {
  0% { transform: scale(0.38) translate(-0em, -0em); }
  5.625% { transform: scale(0.38) translate(-0em, -0em); }
  13.75% { transform: scale(0.58) translate(-59em, -12.8em); }
  86.25% { transform: scale(0.58) translate(-59em, -12.8em); }
  95% { transform: scale(0.38) translate(-0em, -0em); }
  100% { transform: scale(0.38) translate(-0em, -0em); }
}
.p2-0 { opacity: 1; }
.slide.ativo .p2-1 { animation-name: p2_1; }
@keyframes p2_1 {
  0% { opacity: 0; }
  14.375% { opacity: 0; }
  16.125% { opacity: 1; }
  63.125% { opacity: 1; }
  64.875% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p2-2 { animation-name: p2_2; }
@keyframes p2_2 {
  0% { opacity: 0; }
  31.875% { opacity: 0; }
  33.625% { opacity: 1; }
  100% { opacity: 1; }
}
.slide.ativo .p2-3 { animation-name: p2_3; }
@keyframes p2_3 {
  0% { opacity: 0; }
  63.125% { opacity: 0; }
  64.875% { opacity: 1; }
  86.875% { opacity: 1; }
  88.625% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p2-cur { animation-name: p2_cur; }
@keyframes p2_cur {
  0% { opacity: 0; transform: translate(60em, 70em); }
  21.25% { opacity: 0; transform: translate(52em, 62em); }
  23.125% { opacity: 1; transform: translate(48em, 56em); }
  29.375% { opacity: 1; transform: translate(30.1em, 45.25em); }
  30.25% { opacity: 1; transform: translate(30.1em, 45.25em) scale(.86); }
  31.25% { opacity: 1; transform: translate(30.1em, 45.25em); }
  37.5% { opacity: 1; transform: translate(76em, 56em); }
  52.5% { opacity: 1; transform: translate(82em, 30em); }
  60.625% { opacity: 1; transform: translate(93.7em, 3.7em); }
  61.5% { opacity: 1; transform: translate(93.7em, 3.7em) scale(.86); }
  62.5% { opacity: 1; transform: translate(93.7em, 3.7em); }
  82.5% { opacity: 1; transform: translate(100em, 26em); }
  87.5% { opacity: 0; transform: translate(110em, 40em); }
  100% { opacity: 0; transform: translate(60em, 70em); }
}
.slide.ativo .p2-cur i { animation: p2_clique var(--ciclo) infinite; }
@keyframes p2_clique {
  0% { opacity: 0; transform: scale(.3); }
  30% { opacity: 0; transform: scale(.3); }
  31% { opacity: 1; transform: scale(.6); }
  36.5% { opacity: 0; transform: scale(1.5); }
  61.25% { opacity: 0; transform: scale(.3); }
  62.25% { opacity: 1; transform: scale(.6); }
  67.75% { opacity: 0; transform: scale(1.5); }
  100% { opacity: 0; transform: scale(1.5); }
}
.slide.ativo .p2-cam { animation-name: p2_cam; }
@keyframes p2_cam {
  0% { transform: scale(0.38) translate(-0em, -0em); }
  5.625% { transform: scale(0.38) translate(-0em, -0em); }
  12.5% { transform: scale(0.55) translate(-26em, -1em); }
  33.75% { transform: scale(0.55) translate(-26em, -1em); }
  39.375% { transform: scale(0.8) translate(-64em, -36em); }
  51.25% { transform: scale(0.8) translate(-64em, -36em); }
  57.5% { transform: scale(0.55) translate(-42.1em, -0em); }
  87.5% { transform: scale(0.55) translate(-42.1em, -0em); }
  95% { transform: scale(0.38) translate(-0em, -0em); }
  100% { transform: scale(0.38) translate(-0em, -0em); }
}
.slide.ativo .p2-so { animation-name: p2_so; }
@keyframes p2_so {
  0%, 11.875% { opacity: 0; transform: translateX(3em); }
  16.25%, 48.75% { opacity: 1; transform: none; }
  53.125%, 100% { opacity: 0; transform: translateX(3em); }
}
.slide.ativo .p3-0 { animation-name: p3_0; }
@keyframes p3_0 {
  0% { opacity: 1; }
  61.875% { opacity: 1; }
  63.625% { opacity: 0; }
  96.875% { opacity: 0; }
  98.625% { opacity: 1; }
  100% { opacity: 1; }
}
.slide.ativo .p3-1 { animation-name: p3_1; }
@keyframes p3_1 {
  0% { opacity: 0; }
  21.875% { opacity: 0; }
  23.625% { opacity: 1; }
  61.875% { opacity: 1; }
  63.625% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p3-2 { animation-name: p3_2; }
@keyframes p3_2 {
  0% { opacity: 0; }
  28.75% { opacity: 0; }
  30.5% { opacity: 1; }
  61.875% { opacity: 1; }
  63.625% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p3-3 { animation-name: p3_3; }
@keyframes p3_3 {
  0% { opacity: 0; }
  60.625% { opacity: 0; }
  62.375% { opacity: 1; }
  98.75% { opacity: 1; }
  100% { opacity: 0; }
}
.slide.ativo .p3-4 { animation-name: p3_4; }
@keyframes p3_4 {
  0% { opacity: 0; }
  82.5% { opacity: 0; }
  84.25% { opacity: 1; }
  98.75% { opacity: 1; }
  100% { opacity: 0; }
}
.slide.ativo .p3-6 { animation-name: p3_6; }
@keyframes p3_6 {
  0% { opacity: 0; }
  36.875% { opacity: 0; }
  38.625% { opacity: 1; }
  49.375% { opacity: 1; }
  51.125% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p3-7 { animation-name: p3_7; }
@keyframes p3_7 {
  0% { opacity: 0; }
  49.375% { opacity: 0; }
  51.125% { opacity: 1; }
  61.875% { opacity: 1; }
  63.625% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p3-8 { animation-name: p3_8; }
@keyframes p3_8 {
  0% { opacity: 0; }
  73.125% { opacity: 0; }
  74.875% { opacity: 1; }
  82.5% { opacity: 1; }
  84.25% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p3-escuro { animation-name: p3_escuro; }
@keyframes p3_escuro {
  0% { opacity: 0; }
  36.875% { opacity: 0; }
  38.625% { opacity: 1; }
  61.875% { opacity: 1; }
  63.625% { opacity: 0; }
  73.125% { opacity: 0; }
  74.875% { opacity: 1; }
  82.5% { opacity: 1; }
  84.25% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p3-cur { animation-name: p3_cur; }
@keyframes p3_cur {
  0% { opacity: 0; transform: translate(90em, 60em); }
  11.25% { opacity: 0; transform: translate(82em, 52em); }
  13.125% { opacity: 1; transform: translate(78em, 45em); }
  18.125% { opacity: 1; transform: translate(69.35em, 19.57em); }
  19% { opacity: 1; transform: translate(69.35em, 19.57em) scale(.86); }
  20% { opacity: 1; transform: translate(69.35em, 19.57em); }
  25.625% { opacity: 1; transform: translate(69.25em, 26.56em); }
  26.5% { opacity: 1; transform: translate(69.25em, 26.56em) scale(.86); }
  27.5% { opacity: 1; transform: translate(69.25em, 26.56em); }
  33.75% { opacity: 1; transform: translate(124.5em, 9.82em); }
  34.625% { opacity: 1; transform: translate(124.5em, 9.82em) scale(.86); }
  35.625% { opacity: 1; transform: translate(124.5em, 9.82em); }
  38.75% { opacity: 1; transform: translate(76em, 38em); }
  46.25% { opacity: 1; transform: translate(63.85em, 57.72em); }
  47.125% { opacity: 1; transform: translate(63.85em, 57.72em) scale(.86); }
  48.125% { opacity: 1; transform: translate(63.85em, 57.72em); }
  58.75% { opacity: 1; transform: translate(82em, 64em); }
  60.625% { opacity: 0; transform: translate(82em, 70em); }
  63.75% { opacity: 0; transform: translate(60em, 70em); }
  65.625% { opacity: 1; transform: translate(56em, 66em); }
  70% { opacity: 1; transform: translate(36.6em, 56.43em); }
  70.875% { opacity: 1; transform: translate(36.6em, 56.43em) scale(.86); }
  71.875% { opacity: 1; transform: translate(36.6em, 56.43em); }
  78.75% { opacity: 1; transform: translate(62.75em, 59.52em); }
  79.625% { opacity: 1; transform: translate(62.75em, 59.52em) scale(.86); }
  80.625% { opacity: 1; transform: translate(62.75em, 59.52em); }
  88.75% { opacity: 1; transform: translate(76em, 64em); }
  91.25% { opacity: 0; transform: translate(80em, 70em); }
  100% { opacity: 0; transform: translate(90em, 60em); }
}
.slide.ativo .p3-cur i { animation: p3_clique var(--ciclo) infinite; }
@keyframes p3_clique {
  0% { opacity: 0; transform: scale(.3); }
  18.75% { opacity: 0; transform: scale(.3); }
  19.75% { opacity: 1; transform: scale(.6); }
  25.25% { opacity: 0; transform: scale(1.5); }
  26.25% { opacity: 0; transform: scale(.3); }
  27.25% { opacity: 1; transform: scale(.6); }
  32.75% { opacity: 0; transform: scale(1.5); }
  34.375% { opacity: 0; transform: scale(.3); }
  35.375% { opacity: 1; transform: scale(.6); }
  40.875% { opacity: 0; transform: scale(1.5); }
  46.875% { opacity: 0; transform: scale(.3); }
  47.875% { opacity: 1; transform: scale(.6); }
  53.375% { opacity: 0; transform: scale(1.5); }
  70.625% { opacity: 0; transform: scale(.3); }
  71.625% { opacity: 1; transform: scale(.6); }
  77.125% { opacity: 0; transform: scale(1.5); }
  79.375% { opacity: 0; transform: scale(.3); }
  80.375% { opacity: 1; transform: scale(.6); }
  85.875% { opacity: 0; transform: scale(1.5); }
  100% { opacity: 0; transform: scale(1.5); }
}
.slide.ativo .p3-cam { animation-name: p3_cam; }
@keyframes p3_cam {
  0% { transform: scale(0.38) translate(-0em, -0em); }
  5% { transform: scale(0.38) translate(-0em, -0em); }
  11.875% { transform: scale(0.55) translate(-2em, -4em); }
  28.75% { transform: scale(0.55) translate(-2em, -4em); }
  32.5% { transform: scale(0.55) translate(-42.1em, -4em); }
  35.625% { transform: scale(0.55) translate(-42.1em, -4em); }
  38.125% { transform: scale(0.55) translate(-21em, -11em); }
  61.25% { transform: scale(0.55) translate(-21em, -11em); }
  63.125% { transform: scale(0.55) translate(-26.2em, -12em); }
  91.25% { transform: scale(0.55) translate(-26.2em, -12em); }
  96.25% { transform: scale(0.38) translate(-0em, -0em); }
  100% { transform: scale(0.38) translate(-0em, -0em); }
}
.slide.ativo .p3-oc { animation-name: p3_oc; }
@keyframes p3_oc { 0%, 38.125% { opacity: 0; } 38.75%, 49.375% { opacity: 1; } 50%, 100% { opacity: 0; } }
.slide.ativo .p3-oc i { animation-name: p3_oc_capa; }
@keyframes p3_oc_capa { 0%, 39.375% { transform: translateX(0); animation-timing-function: steps(11, end); } 45.25%, 100% { transform: translateX(10.6em); } }
.slide.ativo .p4-0 { animation-name: p4_0; }
@keyframes p4_0 {
  0% { opacity: 1; }
  59.375% { opacity: 1; }
  61.125% { opacity: 0; }
  96.875% { opacity: 0; }
  98.625% { opacity: 1; }
  100% { opacity: 1; }
}
.slide.ativo .p4-1 { animation-name: p4_1; }
@keyframes p4_1 {
  0% { opacity: 0; }
  12.5% { opacity: 0; }
  14.25% { opacity: 1; }
  37.5% { opacity: 1; }
  39.25% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p4-2 { animation-name: p4_2; }
@keyframes p4_2 {
  0% { opacity: 0; }
  18.75% { opacity: 0; }
  20.5% { opacity: 1; }
  37.5% { opacity: 1; }
  39.25% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p4-3 { animation-name: p4_3; }
@keyframes p4_3 {
  0% { opacity: 0; }
  25% { opacity: 0; }
  26.75% { opacity: 1; }
  37.5% { opacity: 1; }
  39.25% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p4-4 { animation-name: p4_4; }
@keyframes p4_4 {
  0% { opacity: 0; }
  31.25% { opacity: 0; }
  33% { opacity: 1; }
  37.5% { opacity: 1; }
  39.25% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p4-5 { animation-name: p4_5; }
@keyframes p4_5 {
  0% { opacity: 0; }
  37.5% { opacity: 0; }
  39.25% { opacity: 1; }
  59.375% { opacity: 1; }
  61.125% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p4-6 { animation-name: p4_6; }
@keyframes p4_6 {
  0% { opacity: 0; }
  58.125% { opacity: 0; }
  59.875% { opacity: 1; }
  98.75% { opacity: 1; }
  100% { opacity: 0; }
}
.slide.ativo .p4-cur { animation-name: p4_cur; }
@keyframes p4_cur {
  0% { opacity: 0; transform: translate(70em, 65em); }
  38.75% { opacity: 0; transform: translate(76em, 56em); }
  41.25% { opacity: 1; transform: translate(74em, 50em); }
  46.875% { opacity: 1; transform: translate(69.95em, 36.64em); }
  56.25% { opacity: 1; transform: translate(70.95em, 37.23em); }
  58.75% { opacity: 0; transform: translate(72.95em, 40.64em); }
  100% { opacity: 0; transform: translate(70em, 65em); }
}
.slide.ativo .p4-cam { animation-name: p4_cam; }
@keyframes p4_cam {
  0% { transform: scale(0.38) translate(-0em, -0em); }
  5% { transform: scale(0.38) translate(-0em, -0em); }
  11.875% { transform: scale(0.7) translate(-26.2em, -7em); }
  36.25% { transform: scale(0.7) translate(-26.2em, -7em); }
  40% { transform: scale(0.6) translate(-26.2em, -13em); }
  57.5% { transform: scale(0.6) translate(-26.2em, -13em); }
  59.375% { transform: scale(0.55) translate(-26.2em, -6em); }
  70% { transform: scale(0.55) translate(-26.2em, -6em); }
  82.5% { transform: scale(0.55) translate(-26.2em, -23.6em); }
  91.25% { transform: scale(0.55) translate(-26.2em, -23.6em); }
  96.25% { transform: scale(0.38) translate(-0em, -0em); }
  100% { transform: scale(0.38) translate(-0em, -0em); }
}
.slide.ativo .p4-so { animation-name: p4_so; }
@keyframes p4_so {
  0%, 38.75% { opacity: 0; transform: translateX(3em); }
  43.125%, 55% { opacity: 1; transform: none; }
  59.375%, 100% { opacity: 0; transform: translateX(3em); }
}
.slide.ativo .p5-0 { animation-name: p5_0; }
@keyframes p5_0 {
  0% { opacity: 1; }
  28.125% { opacity: 1; }
  29.875% { opacity: 0; }
  96.875% { opacity: 0; }
  98.625% { opacity: 1; }
  100% { opacity: 1; }
}
.slide.ativo .p5-1 { animation-name: p5_1; }
@keyframes p5_1 {
  0% { opacity: 0; }
  21.875% { opacity: 0; }
  23.625% { opacity: 1; }
  28.125% { opacity: 1; }
  29.875% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p5-2 { animation-name: p5_2; }
@keyframes p5_2 {
  0% { opacity: 0; }
  26.25% { opacity: 0; }
  28% { opacity: 1; }
  98.75% { opacity: 1; }
  100% { opacity: 0; }
}
.slide.ativo .p5-3 { animation-name: p5_3; }
@keyframes p5_3 {
  0% { opacity: 0; }
  35.625% { opacity: 0; }
  37.375% { opacity: 1; }
  98.75% { opacity: 1; }
  100% { opacity: 0; }
}
.slide.ativo .p5-5 { animation-name: p5_5; }
@keyframes p5_5 {
  0% { opacity: 0; }
  46.25% { opacity: 0; }
  48% { opacity: 1; }
  95% { opacity: 1; }
  96.75% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p5-escuro { animation-name: p5_escuro; }
@keyframes p5_escuro {
  0% { opacity: 0; }
  46.25% { opacity: 0; }
  48% { opacity: 1; }
  95% { opacity: 1; }
  96.75% { opacity: 0; }
  100% { opacity: 0; }
}
.slide.ativo .p5-cur { animation-name: p5_cur; }
@keyframes p5_cur {
  0% { opacity: 0; transform: translate(70em, 60em); }
  9.375% { opacity: 0; transform: translate(64em, 48em); }
  11.25% { opacity: 1; transform: translate(60em, 40em); }
  13.125% { opacity: 1; transform: translate(40em, 20.6em); }
  13.75% { opacity: 1; transform: translate(40em, 20.6em) scale(.86); }
  14.75% { opacity: 1; transform: translate(40em, 20.6em); }
  23.75% { opacity: 1; transform: translate(43em, 23.2em); }
  25.625% { opacity: 0; transform: translate(70em, 40em); }
  28.125% { opacity: 0; transform: translate(76em, 42em); }
  30% { opacity: 1; transform: translate(70em, 42em); }
  33.75% { opacity: 1; transform: translate(61.5em, 39.1em); }
  34.625% { opacity: 1; transform: translate(61.5em, 39.1em) scale(.86); }
  35.625% { opacity: 1; transform: translate(61.5em, 39.1em); }
  42.5% { opacity: 1; transform: translate(37.35em, 74em); }
  43.75% { opacity: 1; transform: translate(37.35em, 74em) scale(.86); }
  44.75% { opacity: 1; transform: translate(37.35em, 74em); }
  50% { opacity: 0; transform: translate(43.35em, 77em); }
  100% { opacity: 0; transform: translate(70em, 60em); }
}
.slide.ativo .p5-cur i { animation: p5_clique var(--ciclo) infinite; }
@keyframes p5_clique {
  0% { opacity: 0; transform: scale(.3); }
  13.5% { opacity: 0; transform: scale(.3); }
  14.5% { opacity: 1; transform: scale(.6); }
  20% { opacity: 0; transform: scale(1.5); }
  34.375% { opacity: 0; transform: scale(.3); }
  35.375% { opacity: 1; transform: scale(.6); }
  40.875% { opacity: 0; transform: scale(1.5); }
  43.5% { opacity: 0; transform: scale(.3); }
  44.5% { opacity: 1; transform: scale(.6); }
  50% { opacity: 0; transform: scale(1.5); }
  100% { opacity: 0; transform: scale(1.5); }
}
.slide.ativo .p5-cam { animation-name: p5_cam; }
@keyframes p5_cam {
  0% { transform: scale(0.38) translate(-0em, -0em); }
  5% { transform: scale(0.38) translate(-0em, -0em); }
  11.25% { transform: scale(0.6) translate(-27em, -11em); }
  25% { transform: scale(0.6) translate(-27em, -11em); }
  29.375% { transform: scale(0.6) translate(-29em, -4em); }
  38.125% { transform: scale(0.6) translate(-29em, -4em); }
  42.5% { transform: scale(0.55) translate(-26.2em, -23.6em); }
  46.25% { transform: scale(0.55) translate(-26.2em, -23.6em); }
  50% { transform: scale(0.55) translate(-20em, -0em); }
  61.25% { transform: scale(0.55) translate(-20em, -0em); }
  70% { transform: scale(0.55) translate(-20em, -23.6em); }
  90% { transform: scale(0.55) translate(-20em, -23.6em); }
  96.25% { transform: scale(0.38) translate(-0em, -0em); }
  100% { transform: scale(0.38) translate(-0em, -0em); }
}
.slide.ativo .p5-busca { animation-name: p5_busca; }
@keyframes p5_busca { 0%, 13.125% { opacity: 0; } 13.75%, 21.875% { opacity: 1; } 22.5%, 100% { opacity: 0; } }
.slide.ativo .p5-busca i { animation-name: p5_busca_capa; }
@keyframes p5_busca_capa { 0%, 14.375% { transform: translateX(0); animation-timing-function: steps(7, end); } 20%, 100% { transform: translateX(5.2em); } }

/* "Efeitos de animação" desligados no sistema (site.css zera as animações): a vitrine do topo continua rodando */
@media (prefers-reduced-motion: reduce) {
  .hero .cena *, .hero .cena *::before, .hero .cena *::after {
    animation-duration: var(--ciclo) !important;
    animation-iteration-count: infinite !important;
  }
}