/* =========================================================================
   animations.css — transiciones y animaciones del diagnóstico
   Las propiedades animation/transition viven junto a cada componente en
   styles.css; aquí quedan los @keyframes que utilizan.
   ========================================================================= */

/* Entrada suave de cada pantalla (.screen) */
@keyframes fade{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}

/* Barrido de las barras del preview de resultado en la portada (.pv-dim .pvbar) */
.pv-dim .pvbar::after{
  content:"";position:absolute;inset:0;width:40%;
  background:linear-gradient(90deg,transparent,rgba(91,44,230,.28),transparent);
  animation:sweep 2.2s ease-in-out infinite;
}
@keyframes sweep{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(320%)}
}

/* Respeto por usuarios que prefieren menos movimiento */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}