/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1784987411
Updated: 2026-07-25 13:50:11

*/

.form-background {
    background: radial-gradient(
        130% 120% at 80% 10%,
        #4b3ccf,
        #221a52 60%,
        #150f38
    );
    position: relative;
    overflow: hidden;
}

/* ===== HERO — contenitore ===== */
.hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;        /* indispensabile per i blend screen */
  background:#0E0B26;
  color:#fff;
}

/* i widget di contenuto stanno sopra ai blob */
.hero .elementor-widget{ position:relative; z-index:2; }

/* neutralizza i wrapper Elementor (sezioni classiche + container flexbox) */
.hero > .elementor-container,
.hero .elementor-column,
.hero .elementor-widget-wrap,
.hero > .e-con-inner,
.hero .hero-bg-widget,
.hero .hero-bg-widget > .elementor-widget-container{ position:static; }

/* ===== HERO — sfondo animato ===== */
.hero__bg, .hero__bg > span{ position:absolute; }
.hero__bg{ inset:0; z-index:0; pointer-events:none; }
.hero__bg > span{ inset:-20%; mix-blend-mode:screen; will-change:transform; }

.b1{ background:radial-gradient(42% 48% at 20% 78%, #5B3EE8 0%, rgba(91,62,232,0) 68%);
     animation:bloomA 24s ease-in-out infinite; }
.b2{ background:radial-gradient(46% 50% at 74% 24%, #3B82F6 0%, rgba(59,130,246,0) 66%);
     animation:bloomB 30s ease-in-out infinite; }
.b3{ background:radial-gradient(34% 40% at 52% 4%, #8E5BFF 0%, rgba(142,91,255,0) 70%);
     animation:bloomC 26s ease-in-out infinite; }
.b4{ opacity:.55;
     background:radial-gradient(30% 34% at 92% 88%, #22C08A 0%, rgba(34,192,138,0) 72%);
     animation:bloomA 36s ease-in-out infinite; }

.veil{ inset:0; mix-blend-mode:normal;
  background:linear-gradient(180deg,
    rgba(14,11,38,.35) 0%,
    rgba(14,11,38,0) 40%,
    rgba(14,11,38,.75) 100%); }

@keyframes bloomA{
  0%{transform:translate(0,0) scale(1)}
  50%{transform:translate(-6%,4%) scale(1.14)}
  100%{transform:translate(0,0) scale(1)}
}
@keyframes bloomB{
  0%{transform:translate(0,0) scale(1.1)}
  50%{transform:translate(7%,-5%) scale(.94)}
  100%{transform:translate(0,0) scale(1.1)}
}
@keyframes bloomC{
  0%{transform:translate(0,0) scale(.96)}
  50%{transform:translate(4%,6%) scale(1.18)}
  100%{transform:translate(0,0) scale(.96)}
}
@media (prefers-reduced-motion: reduce){
  .hero__bg > span{ animation:none; }
}

.hero .grad{
  background:linear-gradient(96deg, #9FC4FF, #C3B2FF 55%, #8AF0CB);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;  /* serve su Safari */
}

.hero .elementor-button,
.hero .elementor-button:hover,
.hero .elementor-button:focus,
.hero .elementor-button .elementor-button-text{
  text-decoration:none;
}

.site-header{
  background:transparent;
  transition:background-color .3s ease, box-shadow .3s ease;
  padding:1rem;
  flex-wrap:nowrap;
}

@media (max-width:767px){
  .site-header{
    padding:1rem 2rem;
  }
}

/* i figli diretti non si comprimono/vanno a capo */
.site-header > .e-con-inner{
  flex-wrap:nowrap;
}

.site-header.is-scrolled{
  background-color:var(--e-global-color-58a19d4) !important;
}

.hfe-nav-menu__layout-horizontal.hfe-dropdown.menu-is-active{
  padding-left:1rem;
  padding-right:1rem;
}