/* Plexus/network mesh background — CSS only (replaces fondo-empresas.mp4)
   Two SVG tiles drifting at different speeds, with a top glow overlay.
   Total weight ~6 KB vs 13 MB video. */

.plexus-bg {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -100;
  overflow: hidden;
  background-color: #0b0d0f;
}

.plexus-bg::before,
.plexus-bg::after {
  content: "";
  position: absolute;
  inset: -10%;
  background-repeat: repeat;
  opacity: 0.6;
  will-change: transform;
}

/* Layer 1 — small, faster */
.plexus-bg::before {
  background-image: url("plexus-tile-1.svg");
  background-size: 600px 600px;
  animation: plexus-drift-1 60s linear infinite;
}

/* Layer 2 — large, slower (parallax depth) */
.plexus-bg::after {
  background-image: url("plexus-tile-2.svg");
  background-size: 900px 900px;
  opacity: 0.4;
  animation: plexus-drift-2 110s linear infinite reverse;
}

/* Top glow + vignette */
.plexus-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 700px 350px at 65% 8%,
      rgba(255, 255, 255, 0.22) 0%,
      rgba(255, 255, 255, 0.08) 35%,
      transparent 70%),
    radial-gradient(ellipse at 50% 100%,
      rgba(0, 0, 0, 0.4) 0%,
      transparent 60%);
}

@keyframes plexus-drift-1 {
  0%   { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-600px, -300px, 0); }
}
@keyframes plexus-drift-2 {
  0%   { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-900px, 450px, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .plexus-bg::before,
  .plexus-bg::after { animation: none; }
}