/* PR-VIBECURB-06 · Calibração global de ritmo das Etapas 2–5. */

:root {
  --vb-rhythm-entry: 650ms;
  --vb-rhythm-support: 560ms;
  --vb-rhythm-detail: 480ms;
  --vb-rhythm-line: 500ms;
  --vb-rhythm-hero: 920ms;
}

/* Etapa 2 — entrada global. Microinterações permanecem rápidas. */
.vb-brand.vb-motion-item {
  --vb-motion-duration: 620ms !important;
  transition-property: scale, opacity, translate;
  transition-duration: var(--vb-motion-control), 620ms, 620ms;
  transition-delay: 0ms, var(--vb-motion-delay), var(--vb-motion-delay);
}

.vb-header__coordinates span.vb-motion-item,
.vb-menu-button.vb-motion-item {
  --vb-motion-duration: 620ms !important;
}

.vb-header__coordinates span:nth-child(1) { --vb-motion-delay: 85ms !important; }
.vb-header__coordinates span:nth-child(2) { --vb-motion-delay: 145ms !important; }

.vb-header__actions > *.vb-motion-item {
  --vb-motion-duration: var(--vb-rhythm-support) !important;
  transition-property: color, background-size, opacity, translate;
  transition-duration: var(--vb-motion-fast), var(--vb-motion-control), var(--vb-rhythm-support), var(--vb-rhythm-support);
  transition-delay: 0ms, 0ms, var(--vb-motion-delay), var(--vb-motion-delay);
}

.vb-header__actions > :nth-child(1) { --vb-motion-delay: 190ms !important; }
.vb-header__actions > :nth-child(2) { --vb-motion-delay: 250ms !important; }

.vb-menu-button.vb-motion-item {
  --vb-motion-delay: 85ms !important;
  transition-property: border-color, background-color, color, scale, box-shadow, opacity, translate;
  transition-duration: var(--vb-motion-fast), var(--vb-motion-fast), var(--vb-motion-fast), var(--vb-motion-instant), var(--vb-motion-control), 620ms, 620ms;
  transition-delay: 0ms, 0ms, 0ms, 0ms, 0ms, var(--vb-motion-delay), var(--vb-motion-delay);
}

.vb-rail__edition.vb-motion-item,
.vb-rail__toggle.vb-motion-item {
  --vb-motion-duration: var(--vb-rhythm-support) !important;
}

.vb-rail__edition.vb-motion-item { --vb-motion-delay: 120ms !important; }
.vb-rail__toggle.vb-motion-item { --vb-motion-delay: 175ms !important; }

@media (min-width: 1051px) {
  .vb-rail__toggle.vb-motion-item {
    transition-property: border-color, background-color, color, scale, opacity, translate;
    transition-duration: var(--vb-motion-fast), var(--vb-motion-fast), var(--vb-motion-fast), var(--vb-motion-instant), var(--vb-rhythm-support), var(--vb-rhythm-support);
    transition-delay: 0ms, 0ms, 0ms, 0ms, var(--vb-motion-delay), var(--vb-motion-delay);
  }

  .vb-rail nav > a.vb-motion-item {
    --vb-motion-duration: 520ms !important;
    transition-property: color, background-color, opacity, translate;
    transition-duration: var(--vb-motion-fast), var(--vb-motion-fast), 520ms, 520ms;
    transition-delay: 0ms, 0ms, var(--vb-motion-delay), var(--vb-motion-delay);
  }

  .vb-rail nav > a:nth-child(1) { --vb-motion-delay: 220ms !important; }
  .vb-rail nav > a:nth-child(2) { --vb-motion-delay: 262ms !important; }
  .vb-rail nav > a:nth-child(3) { --vb-motion-delay: 304ms !important; }
  .vb-rail nav > a:nth-child(4) { --vb-motion-delay: 346ms !important; }
  .vb-rail nav > a:nth-child(5) { --vb-motion-delay: 388ms !important; }
  .vb-rail nav > a:nth-child(6) { --vb-motion-delay: 430ms !important; }
  .vb-rail nav > a:nth-child(7) { --vb-motion-delay: 472ms !important; }
  .vb-rail nav > a:nth-child(8) { --vb-motion-delay: 514ms !important; }
  .vb-rail nav > a:nth-child(9) { --vb-motion-delay: 556ms !important; }
  .vb-rail nav > a:nth-child(10) { --vb-motion-delay: 598ms !important; }
  .vb-rail nav > a:nth-child(11) { --vb-motion-delay: 640ms !important; }
}

/* Etapa 3 — hero com chegada mais legível e estado final abaixo de 1,5 s. */
#hero .vb-hero__field span.vb-motion-item {
  --vb-motion-duration: var(--vb-rhythm-hero) !important;
}

#hero .vb-hero__field span:nth-child(1) { --vb-motion-delay: 0ms !important; }
#hero .vb-hero__field span:nth-child(2) { --vb-motion-delay: 80ms !important; }
#hero .vb-hero__field span:nth-child(3) { --vb-motion-delay: 160ms !important; }

#hero .vb-hero__mast span.vb-motion-item,
#hero .vb-kicker.vb-motion-item {
  --vb-motion-duration: var(--vb-rhythm-entry) !important;
}

#hero .vb-hero__mast span:nth-child(1) { --vb-motion-delay: 120ms !important; }
#hero .vb-hero__mast span:nth-child(2) { --vb-motion-delay: 185ms !important; }
#hero .vb-hero__mast span:nth-child(3) { --vb-motion-delay: 250ms !important; }
#hero .vb-kicker.vb-motion-item { --vb-motion-delay: 210ms !important; }

#hero h1 > span.vb-motion-item {
  --vb-motion-duration: var(--vb-rhythm-hero) !important;
}

#hero h1 > span:nth-child(1) { --vb-motion-delay: 290ms !important; }
#hero h1 > span:nth-child(2) { --vb-motion-delay: 390ms !important; }
#hero h1 > span:nth-child(3) { --vb-motion-delay: 490ms !important; }

#hero .vb-evidence-sheet--hero.vb-motion-item {
  --vb-motion-delay: 570ms !important;
  --vb-motion-duration: 780ms !important;
}

#hero .vb-evidence-sheet--hero > .vb-motion-item {
  --vb-motion-duration: 600ms !important;
}

#hero .vb-evidence-sheet--hero > .vb-motion-item:nth-child(1) { --vb-motion-delay: 620ms !important; }
#hero .vb-evidence-sheet--hero > .vb-motion-item:nth-child(2) { --vb-motion-delay: 665ms !important; }
#hero .vb-evidence-sheet--hero > .vb-motion-item:nth-child(3) { --vb-motion-delay: 710ms !important; }
#hero .vb-evidence-sheet--hero > .vb-motion-item:nth-child(4) { --vb-motion-delay: 755ms !important; }
#hero .vb-evidence-sheet--hero > .vb-motion-item:nth-child(5) { --vb-motion-delay: 800ms !important; }
#hero .vb-evidence-sheet--hero > .vb-motion-item:nth-child(6) { --vb-motion-delay: 845ms !important; }
#hero .vb-evidence-sheet--hero > .vb-motion-item:nth-child(7) { --vb-motion-delay: 890ms !important; }

#hero .vb-hero__continue.vb-motion-item { --vb-motion-duration: 520ms !important; }
#hero .vb-hero__continuation.vb-motion-item { --vb-motion-duration: 420ms !important; }
#hero .vb-hero__reading-block.vb-motion-item,
#hero .vb-hero__action-block.vb-motion-item,
#hero .vb-hero__teacher-path.vb-motion-item,
#hero .vb-trust-line.vb-motion-item {
  --vb-motion-duration: var(--vb-rhythm-entry) !important;
}

#hero .vb-hero__action-block.vb-motion-item { --vb-motion-delay: 110ms !important; }
#hero .vb-hero__teacher-path.vb-motion-item { --vb-motion-delay: 185ms !important; }
#hero .vb-trust-line.vb-motion-item { --vb-motion-delay: 320ms !important; }

#hero .vb-hero__signature.vb-motion-item {
  --vb-motion-duration: var(--vb-rhythm-support) !important;
  transition-property: scale, opacity, translate;
  transition-duration: var(--vb-motion-control), var(--vb-rhythm-support), var(--vb-rhythm-support);
  transition-delay: 0ms, var(--vb-motion-delay), var(--vb-motion-delay);
}

#hero .vb-hero__signatures > :nth-child(1) { --vb-motion-delay: 220ms !important; }
#hero .vb-hero__signatures > :nth-child(2) { --vb-motion-delay: 295ms !important; }

html.vb-js .vb-hero__mast::after,
html.vb-js .vb-trust-line::after,
html.vb-js .vb-hero__continue::after {
  transition-duration: 740ms;
}

html.vb-js.vb-motion-ready .vb-trust-line.is-motion-entered::after {
  transition-delay: 320ms;
}

/* Etapa 4 — Documento 01. */
#como-funciona .vb-record__sheet.vb-motion-item,
#como-funciona .vb-record__statement > *.vb-motion-item,
#como-funciona .vb-record__occurrence.vb-motion-item,
#como-funciona .vb-record__note.vb-motion-item {
  --vb-motion-duration: var(--vb-rhythm-entry) !important;
}

#como-funciona .vb-record__header > span.vb-motion-item,
#como-funciona .vb-record__sources > span.vb-motion-item,
#como-funciona .vb-record__sources li.vb-motion-item,
#como-funciona .vb-record__finding > *.vb-motion-item {
  --vb-motion-duration: var(--vb-rhythm-support) !important;
}

#como-funciona .vb-record__header > span:nth-child(1) { --vb-motion-delay: 80ms !important; }
#como-funciona .vb-record__header > span:nth-child(2) { --vb-motion-delay: 140ms !important; }
#como-funciona .vb-record__header > span:nth-child(3) { --vb-motion-delay: 200ms !important; }

#como-funciona .vb-record__statement > :nth-child(1) { --vb-motion-delay: 0ms !important; }
#como-funciona .vb-record__statement > :nth-child(2) { --vb-motion-delay: 100ms !important; }
#como-funciona .vb-record__statement > :nth-child(3) { --vb-motion-delay: 200ms !important; }

#como-funciona .vb-record__sources > span { --vb-motion-delay: 0ms !important; }
#como-funciona .vb-record__sources li:nth-child(1) { --vb-motion-delay: 65ms !important; }
#como-funciona .vb-record__sources li:nth-child(2) { --vb-motion-delay: 125ms !important; }
#como-funciona .vb-record__sources li:nth-child(3) { --vb-motion-delay: 185ms !important; }
#como-funciona .vb-record__sources li:nth-child(4) { --vb-motion-delay: 245ms !important; }
#como-funciona .vb-record__sources li:nth-child(5) { --vb-motion-delay: 305ms !important; }

#como-funciona .vb-record__occurrence > header.vb-motion-item { --vb-motion-delay: 100ms !important; --vb-motion-duration: var(--vb-rhythm-detail) !important; }
#como-funciona .vb-record__occurrence > h3.vb-motion-item { --vb-motion-delay: 160ms !important; --vb-motion-duration: var(--vb-rhythm-detail) !important; }
#como-funciona .vb-record__occurrence > p.vb-motion-item { --vb-motion-delay: 220ms !important; --vb-motion-duration: var(--vb-rhythm-detail) !important; }
#como-funciona .vb-record__occurrence > .vb-record__trail.vb-motion-item { --vb-motion-delay: 280ms !important; --vb-motion-duration: var(--vb-rhythm-detail) !important; }

#como-funciona .vb-record__trail > span.vb-motion-item { --vb-motion-duration: 420ms !important; }
#como-funciona .vb-record__trail > span:nth-child(1) { --vb-motion-delay: 300ms !important; }
#como-funciona .vb-record__trail > span:nth-child(2) { --vb-motion-delay: 350ms !important; }
#como-funciona .vb-record__trail > span:nth-child(3) { --vb-motion-delay: 400ms !important; }
#como-funciona .vb-record__trail > span:nth-child(4) { --vb-motion-delay: 450ms !important; }
#como-funciona .vb-record__trail > span:nth-child(5) { --vb-motion-delay: 500ms !important; }

#como-funciona .vb-record__finding > :nth-child(1) { --vb-motion-delay: 0ms !important; }
#como-funciona .vb-record__finding > :nth-child(2) { --vb-motion-delay: 90ms !important; }
#como-funciona .vb-record__finding > :nth-child(3) { --vb-motion-delay: 180ms !important; }

#como-funciona .vb-record__finding > a.vb-motion-item {
  transition-property: color, background-size, opacity, translate;
  transition-duration: var(--vb-motion-fast), var(--vb-motion-control), var(--vb-rhythm-support), var(--vb-rhythm-support);
  transition-delay: 0ms, 0ms, var(--vb-motion-delay), var(--vb-motion-delay);
}

html.vb-js.vb-motion-ready #como-funciona .vb-record__trail > span::after {
  transition-duration: 260ms;
  transition-delay: calc(var(--vb-motion-delay, 0ms) + 140ms);
}

/* Etapa 5 — Documento 02. */
#mecanismo .vb-cartography__sheet.vb-motion-item,
#mecanismo .vb-cartography__intro > *.vb-motion-item,
#mecanismo .vb-cartography__station.vb-motion-item {
  --vb-motion-duration: var(--vb-rhythm-entry) !important;
}

#mecanismo .vb-cartography__header > span.vb-motion-item,
#mecanismo .vb-cartography__legend > span.vb-motion-item,
#mecanismo .vb-cartography__finding > *.vb-motion-item {
  --vb-motion-duration: var(--vb-rhythm-support) !important;
}

#mecanismo .vb-cartography__header > span:nth-child(1) { --vb-motion-delay: 80ms !important; }
#mecanismo .vb-cartography__header > span:nth-child(2) { --vb-motion-delay: 140ms !important; }
#mecanismo .vb-cartography__header > span:nth-child(3) { --vb-motion-delay: 200ms !important; }

#mecanismo .vb-cartography__intro > :nth-child(1) { --vb-motion-delay: 0ms !important; }
#mecanismo .vb-cartography__intro > :nth-child(2) { --vb-motion-delay: 90ms !important; }
#mecanismo .vb-cartography__intro > :nth-child(3) { --vb-motion-delay: 180ms !important; }
#mecanismo .vb-cartography__intro > :nth-child(4) { --vb-motion-delay: 270ms !important; }

#mecanismo .vb-cartography__legend > span { --vb-motion-delay: 0ms !important; }
#mecanismo .vb-cartography__legend dl > div.vb-motion-item { --vb-motion-duration: 500ms !important; }
#mecanismo .vb-cartography__legend dl > div:nth-child(1) { --vb-motion-delay: 65ms !important; }
#mecanismo .vb-cartography__legend dl > div:nth-child(2) { --vb-motion-delay: 120ms !important; }
#mecanismo .vb-cartography__legend dl > div:nth-child(3) { --vb-motion-delay: 175ms !important; }
#mecanismo .vb-cartography__legend dl > div:nth-child(4) { --vb-motion-delay: 230ms !important; }

#mecanismo .vb-cartography__station:nth-child(1) { --vb-rhythm-station-delay: 90ms; }
#mecanismo .vb-cartography__station:nth-child(2) { --vb-rhythm-station-delay: 235ms; }
#mecanismo .vb-cartography__station:nth-child(3) { --vb-rhythm-station-delay: 380ms; }
#mecanismo .vb-cartography__station:nth-child(4) { --vb-rhythm-station-delay: 525ms; }

#mecanismo .vb-cartography__station.vb-motion-item {
  --vb-motion-delay: var(--vb-rhythm-station-delay) !important;
}

#mecanismo .vb-cartography__station-index.vb-motion-item {
  --vb-motion-delay: calc(var(--vb-rhythm-station-delay) + 100ms) !important;
  --vb-motion-duration: var(--vb-rhythm-detail) !important;
}

#mecanismo .vb-cartography__station > div:last-child > *.vb-motion-item {
  --vb-motion-duration: var(--vb-rhythm-detail) !important;
}

#mecanismo .vb-cartography__station > div:last-child > :nth-child(1) { --vb-motion-delay: calc(var(--vb-rhythm-station-delay) + 125ms) !important; }
#mecanismo .vb-cartography__station > div:last-child > :nth-child(2) { --vb-motion-delay: calc(var(--vb-rhythm-station-delay) + 160ms) !important; }
#mecanismo .vb-cartography__station > div:last-child > :nth-child(3) { --vb-motion-delay: calc(var(--vb-rhythm-station-delay) + 195ms) !important; }
#mecanismo .vb-cartography__station > div:last-child > :nth-child(4) { --vb-motion-delay: calc(var(--vb-rhythm-station-delay) + 230ms) !important; }

#mecanismo .vb-cartography__trace > span.vb-motion-item { --vb-motion-duration: 420ms !important; }
#mecanismo .vb-cartography__trace > i.vb-motion-item { --vb-motion-duration: var(--vb-rhythm-line) !important; }
#mecanismo .vb-cartography__trace > :nth-child(1) { --vb-motion-delay: 0ms !important; }
#mecanismo .vb-cartography__trace > :nth-child(2) { --vb-motion-delay: 60ms !important; }
#mecanismo .vb-cartography__trace > :nth-child(3) { --vb-motion-delay: 120ms !important; }
#mecanismo .vb-cartography__trace > :nth-child(4) { --vb-motion-delay: 180ms !important; }
#mecanismo .vb-cartography__trace > :nth-child(5) { --vb-motion-delay: 240ms !important; }
#mecanismo .vb-cartography__trace > :nth-child(6) { --vb-motion-delay: 300ms !important; }
#mecanismo .vb-cartography__trace > :nth-child(7) { --vb-motion-delay: 360ms !important; }
#mecanismo .vb-cartography__trace > :nth-child(8) { --vb-motion-delay: 420ms !important; }
#mecanismo .vb-cartography__trace > :nth-child(9) { --vb-motion-delay: 480ms !important; }
#mecanismo .vb-cartography__trace > :nth-child(10) { --vb-motion-delay: 540ms !important; }
#mecanismo .vb-cartography__trace > :nth-child(11) { --vb-motion-delay: 600ms !important; }

#mecanismo .vb-cartography__finding > :nth-child(1) { --vb-motion-delay: 0ms !important; }
#mecanismo .vb-cartography__finding > :nth-child(2) { --vb-motion-delay: 90ms !important; }
#mecanismo .vb-cartography__finding > :nth-child(3) { --vb-motion-delay: 180ms !important; }

#mecanismo .vb-cartography__finding > a.vb-motion-item {
  transition-property: color, background-size, opacity, translate;
  transition-duration: var(--vb-motion-fast), var(--vb-motion-control), var(--vb-rhythm-support), var(--vb-rhythm-support);
  transition-delay: 0ms, 0ms, var(--vb-motion-delay), var(--vb-motion-delay);
}

#mecanismo .vb-cartography__route::before {
  transition-duration: var(--vb-rhythm-line);
}

@media (prefers-reduced-motion: reduce) {
  .vb-page .vb-motion-item {
    --vb-motion-duration: var(--vb-motion-reduced) !important;
    --vb-motion-delay: 0ms !important;
    transition-delay: 0ms !important;
  }

  html.vb-js .vb-hero__mast::after,
  html.vb-js .vb-trust-line::after,
  html.vb-js .vb-hero__continue::after,
  html.vb-js.vb-motion-ready #como-funciona .vb-record__trail > span::after,
  #mecanismo .vb-cartography__route::before {
    transition: none;
  }
}
