/* ==========================================================================
   OMNITEK — animaciones.css
   Keyframes y clases de animación reutilizables.
   ========================================================================== */

@keyframes pulse{
  0%, 100%{ opacity: 1; }
  50%{ opacity: 0.3; }
}

@keyframes scan{
  0%{ top: 0%; opacity: 0; }
  10%{ opacity: 0.6; }
  90%{ opacity: 0.6; }
  100%{ top: 100%; opacity: 0; }
}

@keyframes dropline{
  0%{ transform: scaleY(0); transform-origin: top; }
  50%{ transform: scaleY(1); transform-origin: top; }
  51%{ transform-origin: bottom; }
  100%{ transform: scaleY(0); transform-origin: bottom; }
}

.pulse{ animation: pulse 1.8s ease-in-out infinite; }

.scanline{
  position: absolute; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--color-blue), transparent);
  opacity: 0.5;
  animation: scan 6s linear infinite;
}

/* elementos con revelado al hacer scroll: se controlan desde common.js
   agregando la clase .in-view cuando entran en el viewport */
.reveal{
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.in-view{
  opacity: 1;
  transform: none;
}