.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-34974b7:#A100FF;--e-global-color-d9c86af:#00FFD5;--e-global-color-94412d0:#4000FF;--e-global-color-ebcd144:#0318ADD1;--e-global-color-a68325b:#6F0185EB;--e-global-color-e1e4a92:#0063FF30;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
 * CLASSE PERSONALIZZATA PER NAV BAR FLUID GLASS E RIFRAZIONE
 * Applica al Contenitore/Sezione della tua Navbar in Elementor
 */
.fluid-glass-navbar {
    /* 1. Glassmorphism Base */
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.5);
    
    /* 2. Posizionamento Sticky e Margini */
    position: sticky !important; /* Rende la navbar fissa durante lo scroll */
    top: 20px; /* Distanza dalla cima */
    z-index: 1000; /* Assicura che sia sempre sopra il contenuto */
    max-width: 1200px; /* Limita la larghezza se non è già Full Width */
    margin-left: auto;
    margin-right: auto;
    
    /* 3. Rifrazione Cromatica (Effetto Stabile) */
    /* Applica una leggera separazione dei colori (viola/ciano) costante */
    /* Nota: Usiamo filter() nativo qui, non l'SVG, perché è più semplice e performante per l'uso statico in Elementor. */
    filter: 
        drop-shadow(0 0 5px rgba(0, 240, 255, 0.5)) 
        hue-rotate(-5deg) 
        contrast(1.1)
        ;
    
    transition: all 0.3s ease-in-out;
}

/* Stile per i link all'interno della navbar (opzionale, basato sulla struttura di Elementor) */
.fluid-glass-navbar a {
    color: white !important;
    text-shadow: 0 0 3px rgba(0, 240, 255, 0.5);
    transition: color 0.3s, text-shadow 0.3s;
}

.fluid-glass-navbar a:hover {
    color: #FF00FF !important; /* Passa al magenta al passaggio del mouse */
    text-shadow: 0 0 10px #FF00FF;
}

/* Media Query: Adatta il design su schermi piccoli */
@media (max-width: 768px) {
    .fluid-glass-navbar {
        border-radius: 0; /* Rimuovi gli angoli arrotondati su mobile per coprire tutta la larghezza */
        top: 0;
    }
}/* End custom CSS */