/* ==========================================================================
   Vesta — movimiento
   Una sola curva y tres duraciones (120 / 180 / 280 ms). Fades y
   desplazamientos cortos; sin rebotes, sin escalas grandes, sin parallax.
   ========================================================================== */
html.motion [data-reveal]{
  opacity:0;
  transform:translateY(8px);
  transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease);
  transition-delay:var(--reveal-delay,0ms);
}
html.motion [data-reveal].is-revealed{opacity:1;transform:none}

/* La línea del recorrido se dibuja cuando entra el primer nodo */
html.motion .track ol::before{transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-slow) var(--ease) 120ms}
html.motion .track ol.is-drawn::before{transform:none}
@media (max-width:760px){
  html.motion .track ol::before{transform:scaleY(0);transform-origin:center top}
}

@media (prefers-reduced-motion:reduce){
  html.motion [data-reveal]{opacity:1;transform:none;transition:none}
  html.motion .track ol::before{transform:none;transition:none}
}