/* Ajuste de scroll para compensar el header pegajoso */
html {
  scroll-padding-top: 6rem;
}

/* Fondo con brillo radial suave */
body {
  background-color: #F8F9FA;
  background-image: 
    radial-gradient(at 50% 0%, rgba(255,255,255,1) 0px, transparent 75%),
    radial-gradient(at 50% 30%, rgba(238, 242, 255, 0.7) 0px, transparent 80%),
    radial-gradient(at 50% 70%, rgba(238, 242, 255, 0.7) 0px, transparent 80%);
}

/* Sombras Neumórficas y Efectos 3D Soft */
.node-3d {
  background: linear-gradient(145deg, #ffffff, #f0f3f9);
  box-shadow: 
    10px 10px 25px #e0e4ef, 
    -10px -10px 25px #ffffff,
    inset 0px 1px 1px rgba(255,255,255,0.9);
}

.card-3d-glow {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(16px);
  box-shadow: 
    0 30px 60px -12px rgba(62, 64, 149, 0.08), 
    0 18px 36px -18px rgba(0, 0, 0, 0.03),
    0 0 0 1px rgba(226, 232, 240, 0.9);
}

/* Trazo del cable e iluminación de neón */
.cable-path-bg {
  stroke: #E2E8F0;
  stroke-width: 3;
}

.cable-path-glow {
  stroke: #FFCF30;
  stroke-width: 10;
  stroke-dasharray: 10000;
  stroke-dashoffset: 10000;
  opacity: 0.35;
  filter: blur(6px);
  will-change: stroke-dashoffset;
}

.cable-path-main {
  stroke: url(#corva-cable-gradient);
  stroke-width: 3.5;
  stroke-linecap: round;
  stroke-dasharray: 10000;
  stroke-dashoffset: 10000;
  filter: drop-shadow(0px 0px 6px rgba(255, 207, 48, 0.6));
  will-change: stroke-dashoffset;
}

/* Pestañas activas */
.tab-content { display: none; }
.tab-content.active { display: block; }