/* APD Web · Athos™ uniBOT — estados que la maqueta calcula en JS y que aquí se fijan con CSS
   para que no haya saltos al cargar. Sin movimiento (o con ?captura) manda el estado estático. */
@media (prefers-reduced-motion: no-preference) {
  /* entrada de la foto (se descubre de izquierda a derecha) y de los rótulos */
  html.apd-js:not([data-apd-reduced-motion]) #inicio [data-apd-h="hero-img"] { clip-path: inset(0% 100% 0% 0%); transform: scale(1.08); transition: clip-path 1200ms var(--ease-enter) 150ms, transform 1600ms var(--ease-enter) 150ms; }
  html.apd-js:not([data-apd-reduced-motion]) #inicio [data-apd-h="hero-anno"] { opacity: 0; transition: opacity 600ms var(--ease-enter) 1200ms; }
  html.apd-js:not([data-apd-reduced-motion]) #inicio.is-in [data-apd-h="hero-img"] { clip-path: inset(0% 0% 0% 0%); transform: scale(1); }
  html.apd-js:not([data-apd-reduced-motion]) #inicio.is-in [data-apd-h="hero-anno"] { opacity: 1; }
}