/* CARGA ANIMADA DE HERO-SECTION */
@keyframes service-card-enter {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes hero-reveal-left {
  0% {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    transform: translateY(12px);
  }

  100% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transform: translateY(0);
  }
}

/* LÍNEA ANIMADA */


@keyframes an-signal-weak-draw {
  0% {
    stroke-dashoffset: 600;
    opacity: 0.1;
  }

  100% {
    stroke-dashoffset: 0;
    opacity: 0.28;
  }
}

@keyframes an-signal-active-draw {
  0% {
    stroke-dashoffset: 600;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes an-signal-active-intensity {
  0% {
    opacity: 0.18;
  }

  35% {
    opacity: 0.32;
  }

  65% {
    opacity: 0.72;
  }

  100% {
    opacity: 1;
  }
}

@keyframes an-signal-node-pulse {
  0%,
  54% {
    opacity: 0;
    transform: scale(0.7);
  }

  60% {
    opacity: 0.38;
    transform: scale(0.88);
  }

  66% {
    opacity: 1;
    transform: scale(1.18);
  }

  74% {
    opacity: 0.42;
    transform: scale(0.94);
  }

  82% {
    opacity: 0.82;
    transform: scale(1.06);
  }

  100% {
    opacity: 0;
    transform: scale(0.72);
  }
}

/* OPACITY FADE IN PARA QUE APAREZCA EL ELEMENTO DE OPACITY 0 A 1 */

@keyframes opacity-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}