/* Reducir movimiento (20-10-2026): cada sección muestra el estado final de su animación, sin transiciones.
   Todo va dentro de prefers-reduced-motion: reduce, así que el modo normal no cambia. */
@media (prefers-reduced-motion: reduce) {
  html body.home-page .site-header,
  html body.home-page .site-header::before,
  html body.home-page .site-header > .brand,
  html body.home-page .site-header .language-switcher { transition: none !important; }
}
@media (min-width: 901px) and (prefers-reduced-motion: reduce) {
  /* Al bajar desde «Ejemplos» la cabecera se retira como en el modo normal, pero de golpe. */
  html body.home-page .site-header.is-scroll-vanished { transform: translateY(-160%) !important; pointer-events: none !important; }
  /* Con el teclado (Tab) vuelve a la vista: nunca queda un control enfocado fuera de pantalla. */
  html body.home-page .site-header.is-scroll-vanished:focus-within { transform: none !important; pointer-events: auto !important; }
  /* Servicios: la franja de entrada deja ver el escenario fijo de «Ejemplos», que con reduce no existe;
     sin él se veía un degradado negro→blanco. Corte limpio, como en móvil. */
  html body.home-page .services-overview { background: var(--services-bg) !important; padding-top: clamp(5rem, 8vw, 9rem) !important; }
  html body.home-page .services-overview__seam { display: none !important; }
}