/* Juicioso · movimiento de la portada (solo si el visitante no pide «reducir movimiento»)
   - zonas: el fondo de la página cambia de tono suavemente según la sección que estás leyendo
   - aparición: los bloques entran al bajar y vuelven a esconderse al salir de pantalla
   - palabras: los titulares se iluminan palabra a palabra a medida que avanzas */
@media (prefers-reduced-motion: no-preference) {
  html.mov { background: var(--zona, #F8F6F1); transition: background-color .9s ease; }
  html.mov body { background: transparent; }
  html.mov section[data-zona] { background: transparent !important; }

  html.mov .rv { opacity: 0; transform: translate3d(0, 26px, 0); transition: opacity .75s cubic-bezier(.2, .7, .2, 1), transform .75s cubic-bezier(.2, .7, .2, 1); transition-delay: var(--d, 0s); will-change: opacity, transform; }
  html.mov .rv.in { opacity: 1; transform: none; }
  html.mov .rv.rv-x { transform: translate3d(0, 0, 0) scale(.96); }
  html.mov .rv.rv-x.in { transform: none; }

  html.mov .pal { color: var(--pal-off); transition: color .35s ease, text-shadow .35s ease; }
  html.mov .pal.on { color: inherit; }
  html.mov [data-palabras] { --pal-off: #C9C4B8; }
  html.mov [data-palabras].oscuro { --pal-off: rgba(255, 255, 255, .32); }

  /* el encabezado fijo no se mueve */
  html.mov header .rv { opacity: 1; transform: none; transition: none; }
}