/* Partículas Flutuantes Globais - Profissão Inteligente */

#particles-js-global {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
}

.particle {
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(0, 162, 255, 0.9);
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  box-shadow: 0 0 5px 1px rgba(0, 162, 255, 0.9);
  animation: float-global 8s linear infinite, blink 2s infinite;
}

.particle.green {
  background: rgba(0, 217, 255, 0.3);
  box-shadow: 0 0 5px 1px rgba(0, 217, 255, 0.2);
}

.particle.large {
  width: 6px;
  height: 6px;
  animation-duration: 10s;
}

.particle.small {
  width: 2px;
  height: 2px;
  animation-duration: 6s;
}

@keyframes float-global {
  0% { transform: translateY(100vh) translateX(0) rotate(0deg); opacity: 0; }
  10% { opacity: 0.6; }
  90% { opacity: 0.6; }
  100% { transform: translateY(-10vh) translateX(calc(10vw * (var(--random-x, 0.5) - 0.5) * 2)) rotate(360deg); opacity: 0; }
}

@media (max-width: 768px) {
  .particle { width: 3px; height: 3px; }
  .particle.large { width: 4px; height: 4px; }
  .particle.small { width: 1px; height: 1px; }
}

@keyframes floatSideways {
  0% { transform: translateX(-100vw); opacity: 0.4; }
  50% { opacity: 0.8; }
  100% { transform: translateX(100vw); opacity: 0.4; }
}

@keyframes floatDiagonal {
  0% { transform: translate(-100vw, 100vh); opacity: 0.4; }
  50% { opacity: 0.8; }
  100% { transform: translate(100vw, -100vh); opacity: 0.4; }
}

@keyframes blink {
  0%   { opacity: 0; }
  20%  { opacity: 1; }
  30%  { opacity: 1; }
  100% { opacity: 0; }
}

.particle:nth-child(4n) {
  animation: floatSideways 8s infinite linear, blink 2s infinite;
}
.particle:nth-child(5n) {
  animation: floatDiagonal 10s infinite linear, blink 2s infinite;
}