/* Hero de PsicoSolution: fondo nocturno malva con bruma menta y el lienzo de neuronas (landing-neuronas.js).
   Los colores del dibujo se leen de estas variables: cambiar el tono es cambiar aquí, no el script. */
.lp-neuronas {
    position: absolute; inset: 0; width: 100%; height: 100%; display: block;
    --ln-dendrita: #c4b0e6;
    --ln-dendrita-2: #96d8bb;
    --ln-soma: #d88bd6;
    --ln-nucleo: #8a3f78;
    --ln-impulso: #ffb8ea;
    --ln-impulso-2: #a6f5d4;
    --ln-bruma: #3b9c84;
    /* fondo: el cerebro ocupa toda la cabecera; derecha: al lado del texto. */
    --ln-cerebro: fondo;
}
.lp-hero {
    min-height: 600px;
    background:
        radial-gradient(ellipse at 72% 50%, color-mix(in srgb, var(--color-acento) 22%, transparent) 0%, transparent 55%),
        radial-gradient(ellipse at 20% 30%, color-mix(in srgb, var(--color-primary) 45%, transparent) 0%, transparent 60%),
        linear-gradient(160deg, #1d1029 0%, #140b1d 55%, #0c1a17 100%);
}
/* Velo a la izquierda para que el texto se lea bien sobre el dibujo. */
.lp-hero::before {
    content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: linear-gradient(90deg, rgba(20, 11, 29, .78) 0%, rgba(20, 11, 29, .45) 38%, transparent 62%);
}
@media (max-width: 720px) {
    .lp-hero::before { background: rgba(20, 11, 29, .5); }
}