/* ==========================================================================
   animations.css - Animaciones del sitio
   GlaciarCMS - publish/css/animations.css
   ========================================================================== */

/* Desplazamiento continuo de la cinta de especialidades.
   La lista se duplica en el JavaScript, por eso el recorrido es del 50%. */
@keyframes glaciarScroll {
  to { transform: translateX(-50%); }
}

.marquee__track {
  animation: glaciarScroll 40s linear infinite;
}

/* Aparicion suave del contenido cuando termina de cargarse data.json */
@keyframes glaciarFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: none; }
}

.is-loaded .hero__content,
.is-loaded .about,
.is-loaded .services,
.is-loaded .works,
.is-loaded .contact {
  animation: glaciarFadeIn .5s ease both;
}

/* Accesibilidad: si el visitante pide reducir el movimiento, se desactiva todo */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}