.elementor-344 .elementor-element.elementor-element-c8f500b{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-344 .elementor-element.elementor-element-821e2ff .elementor-heading-title{font-family:"neue-haas-grotesk-display", Sans-serif;font-size:105px;font-weight:bold;letter-spacing:-2px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-344 .elementor-element.elementor-element-af5ab2b .elementor-icon-wrapper{text-align:center;}.elementor-344 .elementor-element.elementor-element-af5ab2b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-af5ab2b.elementor-view-framed .elementor-icon, .elementor-344 .elementor-element.elementor-element-af5ab2b.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-af5ab2b.elementor-view-framed .elementor-icon, .elementor-344 .elementor-element.elementor-element-af5ab2b.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-52b14a4{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-344 .elementor-element.elementor-element-6ce9fd6{text-align:center;}.elementor-344 .elementor-element.elementor-element-6ce9fd6 .elementor-heading-title{font-family:"neue-haas-grotesk-display", Sans-serif;font-size:105px;font-weight:bold;line-height:85px;letter-spacing:-2px;}.elementor-344 .elementor-element.elementor-element-ec20e0f{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-344 .elementor-element.elementor-element-c6a6d67{text-align:center;}.elementor-344 .elementor-element.elementor-element-c6a6d67 .elementor-heading-title{font-family:"neue-haas-grotesk-display", Sans-serif;font-size:105px;font-weight:bold;line-height:85px;letter-spacing:-2px;}.elementor-344 .elementor-element.elementor-element-ee0a7f5 .elementor-icon-wrapper{text-align:center;}.elementor-344 .elementor-element.elementor-element-ee0a7f5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-ee0a7f5.elementor-view-framed .elementor-icon, .elementor-344 .elementor-element.elementor-element-ee0a7f5.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-ee0a7f5.elementor-view-framed .elementor-icon, .elementor-344 .elementor-element.elementor-element-ee0a7f5.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-96424dc{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#FFFFFF;--e-n-carousel-arrow-hover-color:#FF0000;--e-n-carousel-dots-normal-color:#FFFFFF;--e-n-carousel-dots-hover-color:#FF0000;}.elementor-344 .elementor-element.elementor-element-cff186c .elementor-heading-title{font-family:"neue-haas-grotesk-display", Sans-serif;font-size:105px;font-weight:bold;letter-spacing:-2px;}.elementor-344 .elementor-element.elementor-element-1eb6d32 .elementor-icon-wrapper{text-align:center;}.elementor-344 .elementor-element.elementor-element-1eb6d32.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-1eb6d32.elementor-view-framed .elementor-icon, .elementor-344 .elementor-element.elementor-element-1eb6d32.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-1eb6d32.elementor-view-framed .elementor-icon, .elementor-344 .elementor-element.elementor-element-1eb6d32.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-344 .elementor-element.elementor-element-482689d .elementor-button{background-color:#FFFFFF00;font-family:"neue-haas-grotesk-display", Sans-serif;font-size:25px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-344 .elementor-element.elementor-element-1be45f3 .elementor-button{background-color:#FFFFFF00;font-family:"neue-haas-grotesk-display", Sans-serif;font-size:25px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-344 .elementor-element.elementor-element-90eed40 .elementor-button{background-color:#FFFFFF00;font-family:"neue-haas-grotesk-display", Sans-serif;font-size:25px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;padding:0px 0px 0px 0px;}body.elementor-page-344:not(.elementor-motion-effects-element-type-background), body.elementor-page-344 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://stall295.com/wp-content/uploads/2026/07/PRATICHE.jpg");background-size:cover;}html{height:100vh;margin:0;overflow:hidden;}body{height:100vh;overflow:auto;scroll-snap-type:y mandatory;}:root{--page-title-display:none;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:always;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-344 .elementor-element.elementor-element-821e2ff{text-align:center;}.elementor-344 .elementor-element.elementor-element-af5ab2b .elementor-icon{font-size:70px;}.elementor-344 .elementor-element.elementor-element-af5ab2b .elementor-icon svg{height:70px;}.elementor-344 .elementor-element.elementor-element-52b14a4{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-344 .elementor-element.elementor-element-6ce9fd6{text-align:center;}.elementor-344 .elementor-element.elementor-element-c6a6d67{text-align:center;}.elementor-344 .elementor-element.elementor-element-ee0a7f5 .elementor-icon{font-size:70px;}.elementor-344 .elementor-element.elementor-element-ee0a7f5 .elementor-icon svg{height:70px;}.elementor-344 .elementor-element.elementor-element-96424dc{--e-n-carousel-swiper-slides-to-display:1;}.elementor-344 .elementor-element.elementor-element-1eb6d32 .elementor-icon{font-size:70px;}.elementor-344 .elementor-element.elementor-element-1eb6d32 .elementor-icon svg{height:70px;}body.elementor-page-344:not(.elementor-motion-effects-element-type-background), body.elementor-page-344 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stall295.com/wp-content/uploads/2026/07/pratichemobile.jpg");}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:767px){.elementor-344 .elementor-element.elementor-element-c8f500b{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-344 .elementor-element.elementor-element-821e2ff{padding:10% 0% 0% 0%;text-align:center;}.elementor-344 .elementor-element.elementor-element-821e2ff .elementor-heading-title{font-size:44px;}.elementor-344 .elementor-element.elementor-element-af5ab2b .elementor-icon{font-size:50px;}.elementor-344 .elementor-element.elementor-element-af5ab2b .elementor-icon svg{height:50px;}.elementor-344 .elementor-element.elementor-element-52b14a4{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-344 .elementor-element.elementor-element-6ce9fd6{padding:10% 0% 0% 0%;text-align:center;}.elementor-344 .elementor-element.elementor-element-6ce9fd6 .elementor-heading-title{font-size:44px;line-height:40px;}.elementor-344 .elementor-element.elementor-element-c6a6d67{padding:10% 0% 0% 0%;text-align:center;}.elementor-344 .elementor-element.elementor-element-c6a6d67 .elementor-heading-title{font-size:44px;line-height:40px;}.elementor-344 .elementor-element.elementor-element-ee0a7f5 .elementor-icon{font-size:50px;}.elementor-344 .elementor-element.elementor-element-ee0a7f5 .elementor-icon svg{height:50px;}.elementor-344 .elementor-element.elementor-element-96424dc{--e-n-carousel-swiper-slides-to-display:1;}.elementor-344 .elementor-element.elementor-element-cff186c{padding:10% 0% 0% 0%;}.elementor-344 .elementor-element.elementor-element-cff186c .elementor-heading-title{font-size:44px;}.elementor-344 .elementor-element.elementor-element-1eb6d32 .elementor-icon{font-size:50px;}.elementor-344 .elementor-element.elementor-element-1eb6d32 .elementor-icon svg{height:50px;}.elementor-344 .elementor-element.elementor-element-482689d .elementor-button{font-size:22px;}.elementor-344 .elementor-element.elementor-element-1be45f3 .elementor-button{font-size:22px;}.elementor-344 .elementor-element.elementor-element-90eed40 .elementor-button{font-size:22px;}body.elementor-page-344:not(.elementor-motion-effects-element-type-background), body.elementor-page-344 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stall295.com/wp-content/uploads/2026/07/pratichemobile.jpg");}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-344 .elementor-element.elementor-element-821e2ff .elementor-heading-title{font-size:25px;}.elementor-344 .elementor-element.elementor-element-6ce9fd6 .elementor-heading-title{font-size:25px;}.elementor-344 .elementor-element.elementor-element-c6a6d67 .elementor-heading-title{font-size:25px;}.elementor-344 .elementor-element.elementor-element-cff186c .elementor-heading-title{font-size:25px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}/* Start custom CSS for heading, class: .elementor-element-821e2ff *//* --- Registrazione della variabile animabile --- */ /* IMPORTANTE: deve restare a livello top, NON dentro .elementor-344 .elementor-element.elementor-element-821e2ff { } */ @property --glow { syntax: ""; initial-value: 0; inherits: true; } .elementor-344 .elementor-element.elementor-element-821e2ff { /* ---- Colori del testo ---- */ --c-off: #ffffff; /* colore del titolo da "spento" (metti il tuo) */ --c-on: #ff0000; /* colore del titolo da "acceso" */ /* ---- Colori dei livelli di glow ---- */ --g1c: #ff3b30; --g2c: #ff1a1a; --g3c: #ff0000; --g4c: #e00000; --g5c: #b00000; /* ---- Opacità massima dei livelli ---- */ --g1o: 1; --g2o: 1; --g3o: 1; --g4o: 1; --g5o: 1; /* ---- Parametri dell'animazione ---- */ --glow-scale: 1; /* ampiezza dell'alone */ --glow-speed: 3s; /* durata di un ciclo acceso/spento */ --glow: 0; color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; -webkit-text-fill-color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; text-shadow: 0 0 calc(var(--glow) * 4px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g1o) * 100%), var(--g1c)), 0 0 calc(var(--glow) * 8px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g2o) * 100%), var(--g2c)), 0 0 calc(var(--glow) * 16px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g3o) * 100%), var(--g3c)), 0 0 calc(var(--glow) * 20px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g4o) * 100%), var(--g4c)), 0 0 calc(var(--glow) * 24px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)), 0 0 calc(var(--glow) * 32px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)); animation: glow-pulse var(--glow-speed) ease-in-out infinite; will-change: filter; } /* eventuali span o link interni ereditano il colore animato */ .elementor-344 .elementor-element.elementor-element-821e2ff *, .elementor-344 .elementor-element.elementor-element-821e2ff a { color: inherit !important; -webkit-text-fill-color: inherit !important; text-shadow: inherit; } @keyframes glow-pulse { 0% { --glow: 0; filter: blur(0px); } 45%, 55% { --glow: 1; filter: blur(1px); } 100% { --glow: 0; filter: blur(0px); } } /* ---- Accessibilità: niente lampeggio, glow fisso ---- */ @media (prefers-reduced-motion: reduce) { .elementor-344 .elementor-element.elementor-element-821e2ff { animation: none; --glow: 0.6; filter: none; } } .elementor-344 .elementor-element.elementor-element-821e2ff { /* Ritardo specifico di questo widget */ --reveal-delay: 0.4s; opacity: 0; filter: blur(24px); transform: translateY(65px) scale(0.97); transition: opacity 0.5s ease-out var(--reveal-delay), filter 0.5s ease-out var(--reveal-delay), transform 0.5s ease-out var(--reveal-delay); } /* Stato attivo quando entra nel viewport */ .elementor-344 .elementor-element.elementor-element-821e2ff.is-visible { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); } body.elementor-editor-active .elementor-344 .elementor-element.elementor-element-821e2ff, body.elementor-editor-preview .elementor-344 .elementor-element.elementor-element-821e2ff { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6ce9fd6 *//* --- Registrazione della variabile animabile --- */ /* IMPORTANTE: deve restare a livello top, NON dentro .elementor-344 .elementor-element.elementor-element-6ce9fd6 { } */ @property --glow { syntax: ""; initial-value: 0; inherits: true; } .elementor-344 .elementor-element.elementor-element-6ce9fd6 { /* ---- Colori del testo ---- */ --c-off: #ffffff; /* colore del titolo da "spento" (metti il tuo) */ --c-on: #ff0000; /* colore del titolo da "acceso" */ /* ---- Colori dei livelli di glow ---- */ --g1c: #ff3b30; --g2c: #ff1a1a; --g3c: #ff0000; --g4c: #e00000; --g5c: #b00000; /* ---- Opacità massima dei livelli ---- */ --g1o: 1; --g2o: 1; --g3o: 1; --g4o: 1; --g5o: 1; /* ---- Parametri dell'animazione ---- */ --glow-scale: 1; /* ampiezza dell'alone */ --glow-speed: 3s; /* durata di un ciclo acceso/spento */ --glow: 0; color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; -webkit-text-fill-color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; text-shadow: 0 0 calc(var(--glow) * 4px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g1o) * 100%), var(--g1c)), 0 0 calc(var(--glow) * 8px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g2o) * 100%), var(--g2c)), 0 0 calc(var(--glow) * 16px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g3o) * 100%), var(--g3c)), 0 0 calc(var(--glow) * 20px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g4o) * 100%), var(--g4c)), 0 0 calc(var(--glow) * 24px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)), 0 0 calc(var(--glow) * 32px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)); animation: glow-pulse var(--glow-speed) ease-in-out infinite; will-change: filter; } /* eventuali span o link interni ereditano il colore animato */ .elementor-344 .elementor-element.elementor-element-6ce9fd6 *, .elementor-344 .elementor-element.elementor-element-6ce9fd6 a { color: inherit !important; -webkit-text-fill-color: inherit !important; text-shadow: inherit; } @keyframes glow-pulse { 0% { --glow: 0; filter: blur(0px); } 45%, 55% { --glow: 1; filter: blur(1px); } 100% { --glow: 0; filter: blur(0px); } } /* ---- Accessibilità: niente lampeggio, glow fisso ---- */ @media (prefers-reduced-motion: reduce) { .elementor-344 .elementor-element.elementor-element-6ce9fd6 { animation: none; --glow: 0.6; filter: none; } } .elementor-344 .elementor-element.elementor-element-6ce9fd6 { /* Ritardo specifico di questo widget */ --reveal-delay: 0.4s; opacity: 0; filter: blur(24px); transform: translateY(65px) scale(0.97); transition: opacity 0.5s ease-out var(--reveal-delay), filter 0.5s ease-out var(--reveal-delay), transform 0.5s ease-out var(--reveal-delay); } /* Stato attivo quando entra nel viewport */ .elementor-344 .elementor-element.elementor-element-6ce9fd6.is-visible { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); } body.elementor-editor-active .elementor-344 .elementor-element.elementor-element-6ce9fd6, body.elementor-editor-preview .elementor-344 .elementor-element.elementor-element-6ce9fd6 { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c6a6d67 *//* --- Registrazione della variabile animabile --- */ /* IMPORTANTE: deve restare a livello top, NON dentro .elementor-344 .elementor-element.elementor-element-c6a6d67 { } */ @property --glow { syntax: ""; initial-value: 0; inherits: true; } .elementor-344 .elementor-element.elementor-element-c6a6d67 { /* ---- Colori del testo ---- */ --c-off: #ffffff; /* colore del titolo da "spento" (metti il tuo) */ --c-on: #ff0000; /* colore del titolo da "acceso" */ /* ---- Colori dei livelli di glow ---- */ --g1c: #ff3b30; --g2c: #ff1a1a; --g3c: #ff0000; --g4c: #e00000; --g5c: #b00000; /* ---- Opacità massima dei livelli ---- */ --g1o: 1; --g2o: 1; --g3o: 1; --g4o: 1; --g5o: 1; /* ---- Parametri dell'animazione ---- */ --glow-scale: 1; /* ampiezza dell'alone */ --glow-speed: 3s; /* durata di un ciclo acceso/spento */ --glow: 0; color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; -webkit-text-fill-color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; text-shadow: 0 0 calc(var(--glow) * 4px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g1o) * 100%), var(--g1c)), 0 0 calc(var(--glow) * 8px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g2o) * 100%), var(--g2c)), 0 0 calc(var(--glow) * 16px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g3o) * 100%), var(--g3c)), 0 0 calc(var(--glow) * 20px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g4o) * 100%), var(--g4c)), 0 0 calc(var(--glow) * 24px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)), 0 0 calc(var(--glow) * 32px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)); animation: glow-pulse var(--glow-speed) ease-in-out infinite; will-change: filter; } /* eventuali span o link interni ereditano il colore animato */ .elementor-344 .elementor-element.elementor-element-c6a6d67 *, .elementor-344 .elementor-element.elementor-element-c6a6d67 a { color: inherit !important; -webkit-text-fill-color: inherit !important; text-shadow: inherit; } @keyframes glow-pulse { 0% { --glow: 0; filter: blur(0px); } 45%, 55% { --glow: 1; filter: blur(1px); } 100% { --glow: 0; filter: blur(0px); } } /* ---- Accessibilità: niente lampeggio, glow fisso ---- */ @media (prefers-reduced-motion: reduce) { .elementor-344 .elementor-element.elementor-element-c6a6d67 { animation: none; --glow: 0.6; filter: none; } } .elementor-344 .elementor-element.elementor-element-c6a6d67 { /* Ritardo specifico di questo widget */ --reveal-delay: 0.4s; opacity: 0; filter: blur(24px); transform: translateY(65px) scale(0.97); transition: opacity 0.5s ease-out var(--reveal-delay), filter 0.5s ease-out var(--reveal-delay), transform 0.5s ease-out var(--reveal-delay); } /* Stato attivo quando entra nel viewport */ .elementor-344 .elementor-element.elementor-element-c6a6d67.is-visible { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); } body.elementor-editor-active .elementor-344 .elementor-element.elementor-element-c6a6d67, body.elementor-editor-preview .elementor-344 .elementor-element.elementor-element-c6a6d67 { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-821e2ff *//* --- Registrazione della variabile animabile --- */ /* IMPORTANTE: deve restare a livello top, NON dentro .elementor-344 .elementor-element.elementor-element-821e2ff { } */ @property --glow { syntax: ""; initial-value: 0; inherits: true; } .elementor-344 .elementor-element.elementor-element-821e2ff { /* ---- Colori del testo ---- */ --c-off: #ffffff; /* colore del titolo da "spento" (metti il tuo) */ --c-on: #ff0000; /* colore del titolo da "acceso" */ /* ---- Colori dei livelli di glow ---- */ --g1c: #ff3b30; --g2c: #ff1a1a; --g3c: #ff0000; --g4c: #e00000; --g5c: #b00000; /* ---- Opacità massima dei livelli ---- */ --g1o: 1; --g2o: 1; --g3o: 1; --g4o: 1; --g5o: 1; /* ---- Parametri dell'animazione ---- */ --glow-scale: 1; /* ampiezza dell'alone */ --glow-speed: 3s; /* durata di un ciclo acceso/spento */ --glow: 0; color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; -webkit-text-fill-color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; text-shadow: 0 0 calc(var(--glow) * 4px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g1o) * 100%), var(--g1c)), 0 0 calc(var(--glow) * 8px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g2o) * 100%), var(--g2c)), 0 0 calc(var(--glow) * 16px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g3o) * 100%), var(--g3c)), 0 0 calc(var(--glow) * 20px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g4o) * 100%), var(--g4c)), 0 0 calc(var(--glow) * 24px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)), 0 0 calc(var(--glow) * 32px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)); animation: glow-pulse var(--glow-speed) ease-in-out infinite; will-change: filter; } /* eventuali span o link interni ereditano il colore animato */ .elementor-344 .elementor-element.elementor-element-821e2ff *, .elementor-344 .elementor-element.elementor-element-821e2ff a { color: inherit !important; -webkit-text-fill-color: inherit !important; text-shadow: inherit; } @keyframes glow-pulse { 0% { --glow: 0; filter: blur(0px); } 45%, 55% { --glow: 1; filter: blur(1px); } 100% { --glow: 0; filter: blur(0px); } } /* ---- Accessibilità: niente lampeggio, glow fisso ---- */ @media (prefers-reduced-motion: reduce) { .elementor-344 .elementor-element.elementor-element-821e2ff { animation: none; --glow: 0.6; filter: none; } } .elementor-344 .elementor-element.elementor-element-821e2ff { /* Ritardo specifico di questo widget */ --reveal-delay: 0.4s; opacity: 0; filter: blur(24px); transform: translateY(65px) scale(0.97); transition: opacity 0.5s ease-out var(--reveal-delay), filter 0.5s ease-out var(--reveal-delay), transform 0.5s ease-out var(--reveal-delay); } /* Stato attivo quando entra nel viewport */ .elementor-344 .elementor-element.elementor-element-821e2ff.is-visible { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); } body.elementor-editor-active .elementor-344 .elementor-element.elementor-element-821e2ff, body.elementor-editor-preview .elementor-344 .elementor-element.elementor-element-821e2ff { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6ce9fd6 *//* --- Registrazione della variabile animabile --- */ /* IMPORTANTE: deve restare a livello top, NON dentro .elementor-344 .elementor-element.elementor-element-6ce9fd6 { } */ @property --glow { syntax: ""; initial-value: 0; inherits: true; } .elementor-344 .elementor-element.elementor-element-6ce9fd6 { /* ---- Colori del testo ---- */ --c-off: #ffffff; /* colore del titolo da "spento" (metti il tuo) */ --c-on: #ff0000; /* colore del titolo da "acceso" */ /* ---- Colori dei livelli di glow ---- */ --g1c: #ff3b30; --g2c: #ff1a1a; --g3c: #ff0000; --g4c: #e00000; --g5c: #b00000; /* ---- Opacità massima dei livelli ---- */ --g1o: 1; --g2o: 1; --g3o: 1; --g4o: 1; --g5o: 1; /* ---- Parametri dell'animazione ---- */ --glow-scale: 1; /* ampiezza dell'alone */ --glow-speed: 3s; /* durata di un ciclo acceso/spento */ --glow: 0; color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; -webkit-text-fill-color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; text-shadow: 0 0 calc(var(--glow) * 4px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g1o) * 100%), var(--g1c)), 0 0 calc(var(--glow) * 8px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g2o) * 100%), var(--g2c)), 0 0 calc(var(--glow) * 16px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g3o) * 100%), var(--g3c)), 0 0 calc(var(--glow) * 20px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g4o) * 100%), var(--g4c)), 0 0 calc(var(--glow) * 24px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)), 0 0 calc(var(--glow) * 32px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)); animation: glow-pulse var(--glow-speed) ease-in-out infinite; will-change: filter; } /* eventuali span o link interni ereditano il colore animato */ .elementor-344 .elementor-element.elementor-element-6ce9fd6 *, .elementor-344 .elementor-element.elementor-element-6ce9fd6 a { color: inherit !important; -webkit-text-fill-color: inherit !important; text-shadow: inherit; } @keyframes glow-pulse { 0% { --glow: 0; filter: blur(0px); } 45%, 55% { --glow: 1; filter: blur(1px); } 100% { --glow: 0; filter: blur(0px); } } /* ---- Accessibilità: niente lampeggio, glow fisso ---- */ @media (prefers-reduced-motion: reduce) { .elementor-344 .elementor-element.elementor-element-6ce9fd6 { animation: none; --glow: 0.6; filter: none; } } .elementor-344 .elementor-element.elementor-element-6ce9fd6 { /* Ritardo specifico di questo widget */ --reveal-delay: 0.4s; opacity: 0; filter: blur(24px); transform: translateY(65px) scale(0.97); transition: opacity 0.5s ease-out var(--reveal-delay), filter 0.5s ease-out var(--reveal-delay), transform 0.5s ease-out var(--reveal-delay); } /* Stato attivo quando entra nel viewport */ .elementor-344 .elementor-element.elementor-element-6ce9fd6.is-visible { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); } body.elementor-editor-active .elementor-344 .elementor-element.elementor-element-6ce9fd6, body.elementor-editor-preview .elementor-344 .elementor-element.elementor-element-6ce9fd6 { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c6a6d67 *//* --- Registrazione della variabile animabile --- */ /* IMPORTANTE: deve restare a livello top, NON dentro .elementor-344 .elementor-element.elementor-element-c6a6d67 { } */ @property --glow { syntax: ""; initial-value: 0; inherits: true; } .elementor-344 .elementor-element.elementor-element-c6a6d67 { /* ---- Colori del testo ---- */ --c-off: #ffffff; /* colore del titolo da "spento" (metti il tuo) */ --c-on: #ff0000; /* colore del titolo da "acceso" */ /* ---- Colori dei livelli di glow ---- */ --g1c: #ff3b30; --g2c: #ff1a1a; --g3c: #ff0000; --g4c: #e00000; --g5c: #b00000; /* ---- Opacità massima dei livelli ---- */ --g1o: 1; --g2o: 1; --g3o: 1; --g4o: 1; --g5o: 1; /* ---- Parametri dell'animazione ---- */ --glow-scale: 1; /* ampiezza dell'alone */ --glow-speed: 3s; /* durata di un ciclo acceso/spento */ --glow: 0; color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; -webkit-text-fill-color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; text-shadow: 0 0 calc(var(--glow) * 4px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g1o) * 100%), var(--g1c)), 0 0 calc(var(--glow) * 8px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g2o) * 100%), var(--g2c)), 0 0 calc(var(--glow) * 16px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g3o) * 100%), var(--g3c)), 0 0 calc(var(--glow) * 20px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g4o) * 100%), var(--g4c)), 0 0 calc(var(--glow) * 24px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)), 0 0 calc(var(--glow) * 32px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)); animation: glow-pulse var(--glow-speed) ease-in-out infinite; will-change: filter; } /* eventuali span o link interni ereditano il colore animato */ .elementor-344 .elementor-element.elementor-element-c6a6d67 *, .elementor-344 .elementor-element.elementor-element-c6a6d67 a { color: inherit !important; -webkit-text-fill-color: inherit !important; text-shadow: inherit; } @keyframes glow-pulse { 0% { --glow: 0; filter: blur(0px); } 45%, 55% { --glow: 1; filter: blur(1px); } 100% { --glow: 0; filter: blur(0px); } } /* ---- Accessibilità: niente lampeggio, glow fisso ---- */ @media (prefers-reduced-motion: reduce) { .elementor-344 .elementor-element.elementor-element-c6a6d67 { animation: none; --glow: 0.6; filter: none; } } .elementor-344 .elementor-element.elementor-element-c6a6d67 { /* Ritardo specifico di questo widget */ --reveal-delay: 0.4s; opacity: 0; filter: blur(24px); transform: translateY(65px) scale(0.97); transition: opacity 0.5s ease-out var(--reveal-delay), filter 0.5s ease-out var(--reveal-delay), transform 0.5s ease-out var(--reveal-delay); } /* Stato attivo quando entra nel viewport */ .elementor-344 .elementor-element.elementor-element-c6a6d67.is-visible { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); } body.elementor-editor-active .elementor-344 .elementor-element.elementor-element-c6a6d67, body.elementor-editor-preview .elementor-344 .elementor-element.elementor-element-c6a6d67 { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-821e2ff *//* --- Registrazione della variabile animabile --- */ /* IMPORTANTE: deve restare a livello top, NON dentro .elementor-344 .elementor-element.elementor-element-821e2ff { } */ @property --glow { syntax: ""; initial-value: 0; inherits: true; } .elementor-344 .elementor-element.elementor-element-821e2ff { /* ---- Colori del testo ---- */ --c-off: #ffffff; /* colore del titolo da "spento" (metti il tuo) */ --c-on: #ff0000; /* colore del titolo da "acceso" */ /* ---- Colori dei livelli di glow ---- */ --g1c: #ff3b30; --g2c: #ff1a1a; --g3c: #ff0000; --g4c: #e00000; --g5c: #b00000; /* ---- Opacità massima dei livelli ---- */ --g1o: 1; --g2o: 1; --g3o: 1; --g4o: 1; --g5o: 1; /* ---- Parametri dell'animazione ---- */ --glow-scale: 1; /* ampiezza dell'alone */ --glow-speed: 3s; /* durata di un ciclo acceso/spento */ --glow: 0; color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; -webkit-text-fill-color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; text-shadow: 0 0 calc(var(--glow) * 4px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g1o) * 100%), var(--g1c)), 0 0 calc(var(--glow) * 8px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g2o) * 100%), var(--g2c)), 0 0 calc(var(--glow) * 16px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g3o) * 100%), var(--g3c)), 0 0 calc(var(--glow) * 20px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g4o) * 100%), var(--g4c)), 0 0 calc(var(--glow) * 24px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)), 0 0 calc(var(--glow) * 32px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)); animation: glow-pulse var(--glow-speed) ease-in-out infinite; will-change: filter; } /* eventuali span o link interni ereditano il colore animato */ .elementor-344 .elementor-element.elementor-element-821e2ff *, .elementor-344 .elementor-element.elementor-element-821e2ff a { color: inherit !important; -webkit-text-fill-color: inherit !important; text-shadow: inherit; } @keyframes glow-pulse { 0% { --glow: 0; filter: blur(0px); } 45%, 55% { --glow: 1; filter: blur(1px); } 100% { --glow: 0; filter: blur(0px); } } /* ---- Accessibilità: niente lampeggio, glow fisso ---- */ @media (prefers-reduced-motion: reduce) { .elementor-344 .elementor-element.elementor-element-821e2ff { animation: none; --glow: 0.6; filter: none; } } .elementor-344 .elementor-element.elementor-element-821e2ff { /* Ritardo specifico di questo widget */ --reveal-delay: 0.4s; opacity: 0; filter: blur(24px); transform: translateY(65px) scale(0.97); transition: opacity 0.5s ease-out var(--reveal-delay), filter 0.5s ease-out var(--reveal-delay), transform 0.5s ease-out var(--reveal-delay); } /* Stato attivo quando entra nel viewport */ .elementor-344 .elementor-element.elementor-element-821e2ff.is-visible { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); } body.elementor-editor-active .elementor-344 .elementor-element.elementor-element-821e2ff, body.elementor-editor-preview .elementor-344 .elementor-element.elementor-element-821e2ff { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6ce9fd6 *//* --- Registrazione della variabile animabile --- */ /* IMPORTANTE: deve restare a livello top, NON dentro .elementor-344 .elementor-element.elementor-element-6ce9fd6 { } */ @property --glow { syntax: ""; initial-value: 0; inherits: true; } .elementor-344 .elementor-element.elementor-element-6ce9fd6 { /* ---- Colori del testo ---- */ --c-off: #ffffff; /* colore del titolo da "spento" (metti il tuo) */ --c-on: #ff0000; /* colore del titolo da "acceso" */ /* ---- Colori dei livelli di glow ---- */ --g1c: #ff3b30; --g2c: #ff1a1a; --g3c: #ff0000; --g4c: #e00000; --g5c: #b00000; /* ---- Opacità massima dei livelli ---- */ --g1o: 1; --g2o: 1; --g3o: 1; --g4o: 1; --g5o: 1; /* ---- Parametri dell'animazione ---- */ --glow-scale: 1; /* ampiezza dell'alone */ --glow-speed: 3s; /* durata di un ciclo acceso/spento */ --glow: 0; color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; -webkit-text-fill-color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; text-shadow: 0 0 calc(var(--glow) * 4px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g1o) * 100%), var(--g1c)), 0 0 calc(var(--glow) * 8px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g2o) * 100%), var(--g2c)), 0 0 calc(var(--glow) * 16px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g3o) * 100%), var(--g3c)), 0 0 calc(var(--glow) * 20px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g4o) * 100%), var(--g4c)), 0 0 calc(var(--glow) * 24px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)), 0 0 calc(var(--glow) * 32px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)); animation: glow-pulse var(--glow-speed) ease-in-out infinite; will-change: filter; } /* eventuali span o link interni ereditano il colore animato */ .elementor-344 .elementor-element.elementor-element-6ce9fd6 *, .elementor-344 .elementor-element.elementor-element-6ce9fd6 a { color: inherit !important; -webkit-text-fill-color: inherit !important; text-shadow: inherit; } @keyframes glow-pulse { 0% { --glow: 0; filter: blur(0px); } 45%, 55% { --glow: 1; filter: blur(1px); } 100% { --glow: 0; filter: blur(0px); } } /* ---- Accessibilità: niente lampeggio, glow fisso ---- */ @media (prefers-reduced-motion: reduce) { .elementor-344 .elementor-element.elementor-element-6ce9fd6 { animation: none; --glow: 0.6; filter: none; } } .elementor-344 .elementor-element.elementor-element-6ce9fd6 { /* Ritardo specifico di questo widget */ --reveal-delay: 0.4s; opacity: 0; filter: blur(24px); transform: translateY(65px) scale(0.97); transition: opacity 0.5s ease-out var(--reveal-delay), filter 0.5s ease-out var(--reveal-delay), transform 0.5s ease-out var(--reveal-delay); } /* Stato attivo quando entra nel viewport */ .elementor-344 .elementor-element.elementor-element-6ce9fd6.is-visible { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); } body.elementor-editor-active .elementor-344 .elementor-element.elementor-element-6ce9fd6, body.elementor-editor-preview .elementor-344 .elementor-element.elementor-element-6ce9fd6 { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c6a6d67 *//* --- Registrazione della variabile animabile --- */ /* IMPORTANTE: deve restare a livello top, NON dentro .elementor-344 .elementor-element.elementor-element-c6a6d67 { } */ @property --glow { syntax: ""; initial-value: 0; inherits: true; } .elementor-344 .elementor-element.elementor-element-c6a6d67 { /* ---- Colori del testo ---- */ --c-off: #ffffff; /* colore del titolo da "spento" (metti il tuo) */ --c-on: #ff0000; /* colore del titolo da "acceso" */ /* ---- Colori dei livelli di glow ---- */ --g1c: #ff3b30; --g2c: #ff1a1a; --g3c: #ff0000; --g4c: #e00000; --g5c: #b00000; /* ---- Opacità massima dei livelli ---- */ --g1o: 1; --g2o: 1; --g3o: 1; --g4o: 1; --g5o: 1; /* ---- Parametri dell'animazione ---- */ --glow-scale: 1; /* ampiezza dell'alone */ --glow-speed: 3s; /* durata di un ciclo acceso/spento */ --glow: 0; color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; -webkit-text-fill-color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; text-shadow: 0 0 calc(var(--glow) * 4px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g1o) * 100%), var(--g1c)), 0 0 calc(var(--glow) * 8px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g2o) * 100%), var(--g2c)), 0 0 calc(var(--glow) * 16px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g3o) * 100%), var(--g3c)), 0 0 calc(var(--glow) * 20px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g4o) * 100%), var(--g4c)), 0 0 calc(var(--glow) * 24px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)), 0 0 calc(var(--glow) * 32px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)); animation: glow-pulse var(--glow-speed) ease-in-out infinite; will-change: filter; } /* eventuali span o link interni ereditano il colore animato */ .elementor-344 .elementor-element.elementor-element-c6a6d67 *, .elementor-344 .elementor-element.elementor-element-c6a6d67 a { color: inherit !important; -webkit-text-fill-color: inherit !important; text-shadow: inherit; } @keyframes glow-pulse { 0% { --glow: 0; filter: blur(0px); } 45%, 55% { --glow: 1; filter: blur(1px); } 100% { --glow: 0; filter: blur(0px); } } /* ---- Accessibilità: niente lampeggio, glow fisso ---- */ @media (prefers-reduced-motion: reduce) { .elementor-344 .elementor-element.elementor-element-c6a6d67 { animation: none; --glow: 0.6; filter: none; } } .elementor-344 .elementor-element.elementor-element-c6a6d67 { /* Ritardo specifico di questo widget */ --reveal-delay: 0.4s; opacity: 0; filter: blur(24px); transform: translateY(65px) scale(0.97); transition: opacity 0.5s ease-out var(--reveal-delay), filter 0.5s ease-out var(--reveal-delay), transform 0.5s ease-out var(--reveal-delay); } /* Stato attivo quando entra nel viewport */ .elementor-344 .elementor-element.elementor-element-c6a6d67.is-visible { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); } body.elementor-editor-active .elementor-344 .elementor-element.elementor-element-c6a6d67, body.elementor-editor-preview .elementor-344 .elementor-element.elementor-element-c6a6d67 { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-821e2ff *//* --- Registrazione della variabile animabile --- */ /* IMPORTANTE: deve restare a livello top, NON dentro .elementor-344 .elementor-element.elementor-element-821e2ff { } */ @property --glow { syntax: ""; initial-value: 0; inherits: true; } .elementor-344 .elementor-element.elementor-element-821e2ff { /* ---- Colori del testo ---- */ --c-off: #ffffff; /* colore del titolo da "spento" (metti il tuo) */ --c-on: #ff0000; /* colore del titolo da "acceso" */ /* ---- Colori dei livelli di glow ---- */ --g1c: #ff3b30; --g2c: #ff1a1a; --g3c: #ff0000; --g4c: #e00000; --g5c: #b00000; /* ---- Opacità massima dei livelli ---- */ --g1o: 1; --g2o: 1; --g3o: 1; --g4o: 1; --g5o: 1; /* ---- Parametri dell'animazione ---- */ --glow-scale: 1; /* ampiezza dell'alone */ --glow-speed: 3s; /* durata di un ciclo acceso/spento */ --glow: 0; color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; -webkit-text-fill-color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; text-shadow: 0 0 calc(var(--glow) * 4px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g1o) * 100%), var(--g1c)), 0 0 calc(var(--glow) * 8px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g2o) * 100%), var(--g2c)), 0 0 calc(var(--glow) * 16px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g3o) * 100%), var(--g3c)), 0 0 calc(var(--glow) * 20px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g4o) * 100%), var(--g4c)), 0 0 calc(var(--glow) * 24px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)), 0 0 calc(var(--glow) * 32px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)); animation: glow-pulse var(--glow-speed) ease-in-out infinite; will-change: filter; } /* eventuali span o link interni ereditano il colore animato */ .elementor-344 .elementor-element.elementor-element-821e2ff *, .elementor-344 .elementor-element.elementor-element-821e2ff a { color: inherit !important; -webkit-text-fill-color: inherit !important; text-shadow: inherit; } @keyframes glow-pulse { 0% { --glow: 0; filter: blur(0px); } 45%, 55% { --glow: 1; filter: blur(1px); } 100% { --glow: 0; filter: blur(0px); } } /* ---- Accessibilità: niente lampeggio, glow fisso ---- */ @media (prefers-reduced-motion: reduce) { .elementor-344 .elementor-element.elementor-element-821e2ff { animation: none; --glow: 0.6; filter: none; } } .elementor-344 .elementor-element.elementor-element-821e2ff { /* Ritardo specifico di questo widget */ --reveal-delay: 0.4s; opacity: 0; filter: blur(24px); transform: translateY(65px) scale(0.97); transition: opacity 0.5s ease-out var(--reveal-delay), filter 0.5s ease-out var(--reveal-delay), transform 0.5s ease-out var(--reveal-delay); } /* Stato attivo quando entra nel viewport */ .elementor-344 .elementor-element.elementor-element-821e2ff.is-visible { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); } body.elementor-editor-active .elementor-344 .elementor-element.elementor-element-821e2ff, body.elementor-editor-preview .elementor-344 .elementor-element.elementor-element-821e2ff { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6ce9fd6 *//* --- Registrazione della variabile animabile --- */ /* IMPORTANTE: deve restare a livello top, NON dentro .elementor-344 .elementor-element.elementor-element-6ce9fd6 { } */ @property --glow { syntax: ""; initial-value: 0; inherits: true; } .elementor-344 .elementor-element.elementor-element-6ce9fd6 { /* ---- Colori del testo ---- */ --c-off: #ffffff; /* colore del titolo da "spento" (metti il tuo) */ --c-on: #ff0000; /* colore del titolo da "acceso" */ /* ---- Colori dei livelli di glow ---- */ --g1c: #ff3b30; --g2c: #ff1a1a; --g3c: #ff0000; --g4c: #e00000; --g5c: #b00000; /* ---- Opacità massima dei livelli ---- */ --g1o: 1; --g2o: 1; --g3o: 1; --g4o: 1; --g5o: 1; /* ---- Parametri dell'animazione ---- */ --glow-scale: 1; /* ampiezza dell'alone */ --glow-speed: 3s; /* durata di un ciclo acceso/spento */ --glow: 0; color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; -webkit-text-fill-color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; text-shadow: 0 0 calc(var(--glow) * 4px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g1o) * 100%), var(--g1c)), 0 0 calc(var(--glow) * 8px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g2o) * 100%), var(--g2c)), 0 0 calc(var(--glow) * 16px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g3o) * 100%), var(--g3c)), 0 0 calc(var(--glow) * 20px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g4o) * 100%), var(--g4c)), 0 0 calc(var(--glow) * 24px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)), 0 0 calc(var(--glow) * 32px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)); animation: glow-pulse var(--glow-speed) ease-in-out infinite; will-change: filter; } /* eventuali span o link interni ereditano il colore animato */ .elementor-344 .elementor-element.elementor-element-6ce9fd6 *, .elementor-344 .elementor-element.elementor-element-6ce9fd6 a { color: inherit !important; -webkit-text-fill-color: inherit !important; text-shadow: inherit; } @keyframes glow-pulse { 0% { --glow: 0; filter: blur(0px); } 45%, 55% { --glow: 1; filter: blur(1px); } 100% { --glow: 0; filter: blur(0px); } } /* ---- Accessibilità: niente lampeggio, glow fisso ---- */ @media (prefers-reduced-motion: reduce) { .elementor-344 .elementor-element.elementor-element-6ce9fd6 { animation: none; --glow: 0.6; filter: none; } } .elementor-344 .elementor-element.elementor-element-6ce9fd6 { /* Ritardo specifico di questo widget */ --reveal-delay: 0.4s; opacity: 0; filter: blur(24px); transform: translateY(65px) scale(0.97); transition: opacity 0.5s ease-out var(--reveal-delay), filter 0.5s ease-out var(--reveal-delay), transform 0.5s ease-out var(--reveal-delay); } /* Stato attivo quando entra nel viewport */ .elementor-344 .elementor-element.elementor-element-6ce9fd6.is-visible { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); } body.elementor-editor-active .elementor-344 .elementor-element.elementor-element-6ce9fd6, body.elementor-editor-preview .elementor-344 .elementor-element.elementor-element-6ce9fd6 { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c6a6d67 *//* --- Registrazione della variabile animabile --- */ /* IMPORTANTE: deve restare a livello top, NON dentro .elementor-344 .elementor-element.elementor-element-c6a6d67 { } */ @property --glow { syntax: ""; initial-value: 0; inherits: true; } .elementor-344 .elementor-element.elementor-element-c6a6d67 { /* ---- Colori del testo ---- */ --c-off: #ffffff; /* colore del titolo da "spento" (metti il tuo) */ --c-on: #ff0000; /* colore del titolo da "acceso" */ /* ---- Colori dei livelli di glow ---- */ --g1c: #ff3b30; --g2c: #ff1a1a; --g3c: #ff0000; --g4c: #e00000; --g5c: #b00000; /* ---- Opacità massima dei livelli ---- */ --g1o: 1; --g2o: 1; --g3o: 1; --g4o: 1; --g5o: 1; /* ---- Parametri dell'animazione ---- */ --glow-scale: 1; /* ampiezza dell'alone */ --glow-speed: 3s; /* durata di un ciclo acceso/spento */ --glow: 0; color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; -webkit-text-fill-color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; text-shadow: 0 0 calc(var(--glow) * 4px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g1o) * 100%), var(--g1c)), 0 0 calc(var(--glow) * 8px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g2o) * 100%), var(--g2c)), 0 0 calc(var(--glow) * 16px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g3o) * 100%), var(--g3c)), 0 0 calc(var(--glow) * 20px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g4o) * 100%), var(--g4c)), 0 0 calc(var(--glow) * 24px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)), 0 0 calc(var(--glow) * 32px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)); animation: glow-pulse var(--glow-speed) ease-in-out infinite; will-change: filter; } /* eventuali span o link interni ereditano il colore animato */ .elementor-344 .elementor-element.elementor-element-c6a6d67 *, .elementor-344 .elementor-element.elementor-element-c6a6d67 a { color: inherit !important; -webkit-text-fill-color: inherit !important; text-shadow: inherit; } @keyframes glow-pulse { 0% { --glow: 0; filter: blur(0px); } 45%, 55% { --glow: 1; filter: blur(1px); } 100% { --glow: 0; filter: blur(0px); } } /* ---- Accessibilità: niente lampeggio, glow fisso ---- */ @media (prefers-reduced-motion: reduce) { .elementor-344 .elementor-element.elementor-element-c6a6d67 { animation: none; --glow: 0.6; filter: none; } } .elementor-344 .elementor-element.elementor-element-c6a6d67 { /* Ritardo specifico di questo widget */ --reveal-delay: 0.4s; opacity: 0; filter: blur(24px); transform: translateY(65px) scale(0.97); transition: opacity 0.5s ease-out var(--reveal-delay), filter 0.5s ease-out var(--reveal-delay), transform 0.5s ease-out var(--reveal-delay); } /* Stato attivo quando entra nel viewport */ .elementor-344 .elementor-element.elementor-element-c6a6d67.is-visible { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); } body.elementor-editor-active .elementor-344 .elementor-element.elementor-element-c6a6d67, body.elementor-editor-preview .elementor-344 .elementor-element.elementor-element-c6a6d67 { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-cff186c *//* --- Registrazione della variabile animabile --- */ /* IMPORTANTE: deve restare a livello top, NON dentro .elementor-344 .elementor-element.elementor-element-cff186c { } */ @property --glow { syntax: ""; initial-value: 0; inherits: true; } .elementor-344 .elementor-element.elementor-element-cff186c { /* ---- Colori del testo ---- */ --c-off: #ffffff; /* colore del titolo da "spento" (metti il tuo) */ --c-on: #ff0000; /* colore del titolo da "acceso" */ /* ---- Colori dei livelli di glow ---- */ --g1c: #ff3b30; --g2c: #ff1a1a; --g3c: #ff0000; --g4c: #e00000; --g5c: #b00000; /* ---- Opacità massima dei livelli ---- */ --g1o: 1; --g2o: 1; --g3o: 1; --g4o: 1; --g5o: 1; /* ---- Parametri dell'animazione ---- */ --glow-scale: 1; /* ampiezza dell'alone */ --glow-speed: 3s; /* durata di un ciclo acceso/spento */ --glow: 0; color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; -webkit-text-fill-color: color-mix(in srgb, var(--c-on) calc(var(--glow) * 100%), var(--c-off)) !important; text-shadow: 0 0 calc(var(--glow) * 4px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g1o) * 100%), var(--g1c)), 0 0 calc(var(--glow) * 8px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g2o) * 100%), var(--g2c)), 0 0 calc(var(--glow) * 16px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g3o) * 100%), var(--g3c)), 0 0 calc(var(--glow) * 20px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g4o) * 100%), var(--g4c)), 0 0 calc(var(--glow) * 24px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)), 0 0 calc(var(--glow) * 32px * var(--glow-scale)) color-mix(in srgb, transparent calc(100% - var(--glow) * var(--g5o) * 100%), var(--g5c)); animation: glow-pulse var(--glow-speed) ease-in-out infinite; will-change: filter; } /* eventuali span o link interni ereditano il colore animato */ .elementor-344 .elementor-element.elementor-element-cff186c *, .elementor-344 .elementor-element.elementor-element-cff186c a { color: inherit !important; -webkit-text-fill-color: inherit !important; text-shadow: inherit; } @keyframes glow-pulse { 0% { --glow: 0; filter: blur(0px); } 45%, 55% { --glow: 1; filter: blur(1px); } 100% { --glow: 0; filter: blur(0px); } } /* ---- Accessibilità: niente lampeggio, glow fisso ---- */ @media (prefers-reduced-motion: reduce) { .elementor-344 .elementor-element.elementor-element-cff186c { animation: none; --glow: 0.6; filter: none; } } .elementor-344 .elementor-element.elementor-element-cff186c { /* Ritardo specifico di questo widget */ --reveal-delay: 0.4s; opacity: 0; filter: blur(24px); transform: translateY(65px) scale(0.97); transition: opacity 0.5s ease-out var(--reveal-delay), filter 0.5s ease-out var(--reveal-delay), transform 0.5s ease-out var(--reveal-delay); } /* Stato attivo quando entra nel viewport */ .elementor-344 .elementor-element.elementor-element-cff186c.is-visible { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); } body.elementor-editor-active .elementor-344 .elementor-element.elementor-element-cff186c, body.elementor-editor-preview .elementor-344 .elementor-element.elementor-element-cff186c { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }/* End custom CSS */