/* Asteroides: 20% más pequeños, sutiles y con pasadas diagonales suaves. */
.hero-asteroid {
  width: 8.4px;
  height: 6.72px;
  --trail-length: 75.2px;
  box-shadow: 0 0 6px rgba(255,255,255,.4);
  filter: drop-shadow(0 0 4px rgba(255,255,255,.22));
}

.hero-asteroid::before {
  height: 3.2px;
}

@keyframes asteroid-path-a {
  0% { opacity: 0; transform: translate(-78vw,-23vh) rotate(15deg); }
  .35% { opacity: .74; }
  5.95% { opacity: .70; transform: translate(78vw,23vh) rotate(15deg); }
  6.4%,100% { opacity: 0; transform: translate(83vw,25vh) rotate(15deg); }
}

@keyframes asteroid-path-b {
  0% { opacity: 0; transform: translate(78vw,-20vh) rotate(165deg); }
  .35% { opacity: .70; }
  5.95% { opacity: .67; transform: translate(-78vw,20vh) rotate(165deg); }
  6.4%,100% { opacity: 0; transform: translate(-83vw,22vh) rotate(165deg); }
}

@keyframes asteroid-path-c {
  0% { opacity: 0; transform: translate(-82vw,22vh) rotate(-15deg); }
  .35% { opacity: .66; }
  5.95% { opacity: .64; transform: translate(82vw,-22vh) rotate(-15deg); }
  6.4%,100% { opacity: 0; transform: translate(87vw,-24vh) rotate(-15deg); }
}