/* APD Web · Athos™ Storage horizontal — 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 de la página, igual que en la maqueta. */

/* Rótulos de la foto del hero: solo a partir de 960 px (maqueta: estado «wide») */
@media (max-width: 959px) {
  #inicio [data-apd-h="hero-anno"] { display: none; }
}

/* Elementor no guarda un «flex» con decimales (ni su base) («flex: 1.8 1 420px» en la maqueta) */
#instalaciones [data-apd-h="oc"] { flex: 1.8 1 420px; }

@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) 1300ms; }
  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; }
}