body{
	background: linear-gradient(45deg, #7c3aed, #9333ea, #c026d3);
}
.brainContainer{
    width:50vw;
    height:50vw;
    max-height:400px;
    max-width:400px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    overflow:hidden;
    cursor:pointer;
    z-index:-1;
}
svg{
    height:100%;
    width:100%;
    position:absolute;
    left:65%; /* Más a la derecha */
    top:50%;
    transform:translate(-50%,-50%);
}
path{
    fill:transparent;
}
.brainPath{
    stroke: #c3a3ff; /* Lila claro brillante */
    stroke-width: 1.5;
    opacity: 0.85;
    filter: drop-shadow(0 0 8px #c026d3cc);
}
.brainCircle{
    stroke: #a78bfa; /* Lila claro */
    fill: #9333ea55; /* Lila translúcido */
    opacity: 0.85;
    filter: drop-shadow(0 0 14px #a78bfaee);
}
.brainRect{
    stroke: #c026d3; /* Magenta-lila */
    fill: #c3a3ff67; /* Lila claro translúcido */
    opacity: 0.8;
    filter: drop-shadow(0 0 12px #9333ea99);
}
.brainEllipse{
    stroke: #9333ea; /* Lila medio */
    fill: #7c3aed55; /* Violeta translúcido */
    opacity: 0.8;
    filter: drop-shadow(0 0 14px #ab81f5cc);
}
.animatePaths{
  animation: goPath 3000ms alternate infinite;
}
.animateCircles{
  animation: goCircle 3000ms alternate infinite;
}
.animateRects{
  animation: goRect 3000ms alternate infinite;
}
@keyframes goPath {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes goRect {
  to {
    opacity:0;
  }
}
@keyframes goCircle {
  0% {
		opacity:0;
  }
  50% {
		opacity:1;
  }
  100% {
		opacity:0;
  }
}
.hero {
    position: relative;
    width: 100vw;
    min-height: 60vh; /* o la altura que tenga tu hero */
    overflow: hidden;
    /* Puedes agregar aquí tu gradiente si solo quieres el fondo en el hero */
    background: linear-gradient(45deg, #ab81f5, #bc8de7, #e4a0ed);
}

.brainBgEffect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.50; /* Más visible */
    pointer-events: none;
    filter: brightness(1.35) blur(1px); /* Más brillo y menos blur */
}