.elementor-12 .elementor-element.elementor-element-f899428{--display:flex;--min-height:100vh;}/* Start custom CSS for container, class: .elementor-element-f899428 */.fondo {
  position: relative;
  overflow: hidden;
  isolation: isolate;

  background:
    radial-gradient(
      ellipse 35% 65% at 0% 0%,
      #5143dc 0%,
      rgba(81, 67, 220, 0.82) 25%,
      rgba(163, 80, 223, 0.42) 55%,
      transparent 80%
    ),
    radial-gradient(
      ellipse 40% 65% at 100% 17%,
      #5143dc 0%,
      rgba(81, 67, 220, 0.9) 27%,
      rgba(117, 91, 218, 0.48) 58%,
      transparent 82%
    ),
    radial-gradient(
      ellipse 65% 75% at 50% 20%,
      #fff 20%,
      rgba(255, 255, 255, 0.92) 55%,
      transparent 82%
    ),
    linear-gradient(
      180deg,
      #eeeaff 0%,
      #f9dce9 55%,
      #fff 100%
    );
}

.fondo::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.18;
  mix-blend-mode: soft-light;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
}

#degree_init {
  position: relative;
  overflow: hidden;
  isolation: isolate;

  --mouse-x: 50%;
  --mouse-y: 50%;
  --hover-color: 81, 67, 220;
}

#degree_init::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background: radial-gradient(
    circle 180px at var(--mouse-x) var(--mouse-y),
    rgba(var(--hover-color), 0.8) 0%,
    rgba(var(--hover-color), 0.35) 38%,
    rgba(var(--hover-color), 0) 75%
  );

  opacity: 0;
  transition: opacity 250ms ease;
}

#degree_init:hover::before {
  opacity: 1;
}

#degree_init > * {
  position: relative;
  z-index: 2;
}/* End custom CSS */