/* index-bg-match.css — homologa el fondo de las subpáginas con el del index.
   Sobrescribe bg.css y oculta la lava-lamp. Cárgalo SIEMPRE después de bg.css
   y de lava-lamp.css para que las reglas ganen por orden de cascada. */

/* Fondo base idéntico al de home.css (index) */
.ai-background {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 50% -10%, rgba(56,189,248,.08), transparent 55%),
        radial-gradient(ellipse at 80% 110%, rgba(16,163,127,.06), transparent 50%),
        #0b0d12;
}

/* Anula los pseudo-elementos animados de bg.css (grid + glow) */
.ai-background::before,
.ai-background::after {
    content: none;
    background: none;
    animation: none;
    opacity: 0;
}

/* Oculta auroras, haces y órbitas — el index no los usa */
.ai-background__aurora,
.ai-background__beam,
.ai-background__orbit {
    display: none !important;
}

/* Nodos sencillos como en el index */
.ai-background__node {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(125,211,252,.4);
    box-shadow: 0 0 12px rgba(125,211,252,.3);
    opacity: .5;
    pointer-events: none;
    animation: none;
    filter: none;
}

.ai-background__node-a { top: 18%; left: 12%; }
.ai-background__node-b { top: 24%; right: 14%; animation-delay: 0s; }
.ai-background__node-c { top: 54%; left: 62%; animation-delay: 0s; }
.ai-background__node-d { bottom: 24%; left: 18%; animation-delay: 0s; }
.ai-background__node-e { bottom: 16%; right: 20%; animation-delay: 0s; }
.ai-background__node-f { top: 42%; left: 44%; animation-delay: 0s; }

.ai-background__interaction-layer {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 2;
}

/* Oculta la lava-lamp y su control: el index no los muestra */
.lava-lamp,
.lava-lamp-control {
    display: none !important;
}