/* DeMark, capa de movimiento (la pinta js/movimiento.js).
   Sin este fichero, o sin JS, no cambia nada: aqui no hay estados de partida
   escondidos, solo el soporte de los efectos. Usa `translate` y `rotate`
   individuales para no pisar el `transform` que sitio.js deja en linea. */

/* Cabecera que se aparta al bajar. Repite las transiciones de sitio.css
   porque `transition` no se suma: se reemplaza entera. */
.cabecera { transition: border-color .3s, box-shadow .3s, translate .35s ease; }
.cabecera.oculta { translate: 0 -100%; }

/* Inclinacion de tarjetas y obras: la perspectiva va en el contenedor porque
   `rotate` no la lleva dentro. En el carrusel, cada item es el padre directo. */
.tarjetas, .obras, .carrusel-item { perspective: 900px; }

@media (prefers-reduced-motion: reduce) {
  .cabecera { transition: none; }
  .cabecera.oculta { translate: none; }
}