/* ==== Luciérnagas ==== */
.firefly {
  position: absolute;
  width: 4px; height: 4px;
  background: rgba(0,255,255,0.8);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0,255,255,0.8);
  animation: blink 2s infinite ease-in-out, drift 20s infinite linear;
}

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

@keyframes drift {
  from { transform: translate(0,0); }
  to   { transform: translate(80px,80px); }
}