
body:not(.elementor-editor-active){
/* Valore di default: 0 (nascosto) */
.career-list,
.fade-in,
.fade-out {
    --scroll-opacity: 0;
    opacity: var(--scroll-opacity);
    transition: all 0.1s linear;
   
}

.career-list {
    opacity: var(--scroll-opacity);
    transform: translateY(calc((1 - var(--scroll-opacity)) * 10px));
    filter: blur(calc((1 - var(--scroll-opacity)) * 6px));
}
}

.figma-glass {
  position: relative;
  display: inline-block;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: rgba(255, 255, 255, 0.18); /* base glass fill */
  -webkit-text-stroke: 1.2px rgba(255, 255, 255, 0.55);

  /* luce esterna Figma */
  text-shadow:
    0 4px 12px rgba(0, 0, 0, 0.35),
    0 -2px 4px rgba(255, 255, 255, 0.3);
}

/* highlight interno come Figma → "Inner highlight" */
.figma-glass::before {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0.85) 0%,
    rgba(255,255,255,0.25) 35%,
    rgba(255,255,255,0.05) 70%
  );
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  opacity: 0.8;
}

/* riflesso inferiore come negli effetti Material / Figma */
.figma-glass::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  color: transparent;
  text-shadow: 0 12px 25px rgba(255,255,255,0.15);
  transform: translateY(3px);
  opacity: 0.5;
} 

