/* APD Web · Athos™ Kanbanet — 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 del producto 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; }
}

/* Caja RFID de la figura: en móvil el icono se encoge para que quepan los textos (en la maqueta, el SVG es el propio elemento flexible) */
#como-funciona [data-id="577a0f8d"] { min-height: 0; }