.elementor-kit-4{--e-global-color-primary:#99C5F0;--e-global-color-secondary:#0A1429;--e-global-color-text:#F6F8FA;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Barlow Condensed";--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:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#F8FAFC;font-family:"Inter", Sans-serif;font-size:1rem;line-height:1.6rem;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;}.elementor-kit-4 h1{font-family:"Barlow Condensed", Sans-serif;font-size:3.5rem;font-weight:700;text-transform:capitalize;line-height:0.95em;letter-spacing:-0.02px;}.elementor-kit-4 h2{font-family:"Barlow Condensed", Sans-serif;font-size:2.5rem;font-weight:700;line-height:0.95px;letter-spacing:0em;}.elementor-kit-4 h3{font-family:"Barlow Condensed", Sans-serif;font-size:2rem;font-weight:700;text-transform:capitalize;line-height:0.95em;}.elementor-kit-4 h4{font-family:"Barlow Condensed", Sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;line-height:0.95em;}.elementor-kit-4 h5{font-family:"Inter", Sans-serif;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.25em;}.elementor-kit-4 h6{font-family:"Inter", Sans-serif;font-size:0.75rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.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-kit-4 h1{font-size:2.75rem;}.elementor-kit-4 h2{font-size:2rem;}.elementor-kit-4 h3{font-size:1.75rem;}.elementor-kit-4 h4{font-size:1.25rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4 h1{font-size:2.5rem;}.elementor-kit-4 h2{font-size:1.75rem;}.elementor-kit-4 h3{font-size:1.5rem;}.elementor-kit-4 h4{font-size:1.125rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */body {
    background-color: rgb(8, 15, 28);
    background-image: radial-gradient(ellipse at top, rgb(15, 23, 46) 0%, rgb(7, 13, 24) 70%);
    background-attachment: fixed;
}

.bg-grid {
    background-image:
      linear-gradient(rgba(153, 197, 240, 0.06) 1px, transparent 1px),
      linear-gradient(90deg, rgba(153, 197, 240, 0.06) 1px, transparent 1px);
    background-size: 60px 60px;
}
/* Sostituisci '.titolo-gradiente' con la classe CSS che vuoi usare,
   oppure usa '.elementor-kit-4 .elementor-heading-title' se lo incolli nel widget */

.titolo-gradiente {
    /* 1. Definiamo il gradiente: 180 gradi (alto -> basso) */
    /* Parte alta: rgb(246, 248, 250)
       Parte bassa: rgb(153, 197, 240) */
    background-image: linear-gradient(180deg, rgb(246, 248, 250) 0%, rgb(153, 197, 240) 100%);

    /* 2. Diciamo al browser di ritagliare il gradiente sul testo */
    /* Prefisso -webkit- obbligatorio per la massima compatibilità */
    -webkit-background-clip: text;
    background-clip: text;

    /* 3. Rendiamo il colore del testo trasparente, così da mostrare il gradiente ritagliato */
    color: transparent;
    -webkit-text-fill-color: transparent; /* fallback aggiuntivo */
}/* End custom CSS */