/* assets/css/ui-electric.css - MommoService microinterazioni fresh */
#powerline{ position:fixed; left:22px; top:0; height:100vh; width:16px; z-index:40; pointer-events:none; opacity:.68; }
#powerline .powerline-track{ position:absolute; left:7px; top:0; width:2px; height:100%; background:linear-gradient(to bottom, transparent, rgba(19,174,173,.14), rgba(123,223,242,.22), transparent); border-radius:999px; }
#powerline .powerline-spark{ position:absolute; left:50%; transform:translateX(-50%) rotate(45deg); top:0; width:12px; height:12px; border-radius:2px; background:linear-gradient(135deg, #fff 0%, #7bdff2 45%, #13aead 100%); box-shadow:0 0 14px rgba(123,223,242,.42); }
#powerline .powerline-spark::after{ content:''; position:absolute; left:50%; top:50%; width:2px; height:30px; transform:translate(-50%,-50%) rotate(-45deg); background:linear-gradient(to bottom, transparent, rgba(123,223,242,.8), transparent); }
@media (max-width:900px){ #powerline{ left:10px; opacity:.42; } }
.glow-on{ opacity:.2; transform:translateY(10px); transition:opacity .7s ease, transform .7s ease, text-shadow .7s ease, filter .7s ease; will-change:opacity, transform; }
.glow-on.is-lit{ opacity:1; transform:translateY(0); filter:saturate(1.04); text-shadow:0 0 12px rgba(49,199,192,.16); }
.js-electric{ position:relative; overflow:hidden; }
.js-electric .ripple{ position:absolute; border-radius:999px; transform:translate(-50%, -50%); pointer-events:none; width:10px; height:10px; background:radial-gradient(circle, rgba(255,255,255,.9) 0%, rgba(184,247,230,.45) 45%, rgba(255,255,255,0) 72%); animation:ui-fresh-ripple .65s ease-out forwards; }
@keyframes ui-fresh-ripple{ to{ width:300px; height:300px; opacity:0; } }

.fresh-reveal{ opacity:0; transform:translateY(18px); transition:opacity .72s ease, transform .72s ease; }
.fresh-reveal.is-visible{ opacity:1; transform:translateY(0); }

@media (prefers-reduced-motion: reduce){
  #powerline{ display:none; }
  .glow-on,
  .fresh-reveal{ opacity:1; transform:none; transition:none; }
  .js-electric .ripple{ display:none; }
}
