.elementor-kit-180{--e-global-color-primary:#04A1E6;--e-global-color-secondary:#04A1E6;--e-global-color-text:#1A1A1A;--e-global-color-accent:#FF8A00;--e-global-color-064b162:#06192E;--e-global-color-eb6fc07:#007FB8;--e-global-color-f0cb6b2:#FFAA3D;--e-global-color-e218eaa:#F5F7FA;--e-global-color-42237fc:#E5EAF0;--e-global-color-93aeb88:#1A1A1A;--e-global-color-a34e620:#4A4A4A;--e-global-color-29e55e3:#FFFFFF;--e-global-color-367b0d1:#0A254026;--e-global-color-f8b8360:#0A254000;--e-global-color-e05b340:#000000;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;}.elementor-kit-180 button,.elementor-kit-180 input[type="button"],.elementor-kit-180 input[type="submit"],.elementor-kit-180 .elementor-button{background-color:#00AEEF;font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.13em;color:#FFFFFF;border-radius:3px 3px 3px 3px;padding:12px 22px 12px 22px;}.elementor-kit-180 button:hover,.elementor-kit-180 button:focus,.elementor-kit-180 input[type="button"]:hover,.elementor-kit-180 input[type="button"]:focus,.elementor-kit-180 input[type="submit"]:hover,.elementor-kit-180 input[type="submit"]:focus,.elementor-kit-180 .elementor-button:hover,.elementor-kit-180 .elementor-button:focus{background-color:#007FB8;color:#FFFFFF;}.elementor-kit-180 e-page-transition{background-color:#FFBC7D;}.elementor-kit-180 a{color:var( --e-global-color-accent );}.elementor-kit-180 a:hover{color:#007FB8;}.elementor-kit-180 h1{color:#1A1A1A;font-family:"Montserrat", Sans-serif;font-size:64px;font-weight:700;line-height:1.1em;letter-spacing:-1px;}.elementor-kit-180 h2{color:#1A1A1A;font-family:"Montserrat", Sans-serif;font-size:56px;font-weight:700;line-height:1.2em;}.elementor-kit-180 h3{color:#1A1A1A;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:600;}.elementor-kit-180 h4{color:#1A1A1A;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;}.elementor-kit-180 h5{color:#1A1A1A;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;}.elementor-kit-180 h6{color:#1A1A1A;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}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:1366px){.elementor-kit-180 h1{font-size:54px;}}@media(max-width:1024px){.elementor-kit-180 h1{font-size:44px;}.elementor-kit-180 h2{font-size:42px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-180 h1{font-size:28px;}.elementor-kit-180 h2{font-size:26px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===========================================================
   MERCURION GLOBAL CSS v1.3
   - Header: background gestito in Elementor (nero), non più qui
   - Hero overlay: verticale su mobile, 3 stop per raccordo header
   - Glow disattivato su mobile
   =========================================================== */

:root {
    --mc-blu-notte: #0A2540;
    --mc-blu-notte-deep: #06192E;
    --mc-azzurro: #00AEEF;
    --mc-azzurro-dark: #007FB8;
    --mc-arancio: #FF8A00;
    --mc-arancio-light: #FFAA3D;
    --mc-antracite: #1A1A1A;
    --mc-grigio-carta: #F5F7FA;
    --mc-grigio-bordo: #E5EAF0;
    --mc-grigio-testo: #7A7A7A;
    --mc-bianco: #FFFFFF;
    --mc-radius-btn: 3px;
    --mc-radius-card: 6px;
    --mc-header-height: 104px; /* altezza header reale misurata */
}

/* === SLIDE BASE (per pagine interne, non home Hscroll) === */
.mercurion-slide { min-height: 20vh; width: 100%; position: relative; overflow: hidden; }
.mercurion-slide-dark { background-color: var(--mc-blu-notte); color: var(--mc-bianco); }
.mercurion-slide-light { background-color: var(--mc-bianco); color: var(--mc-antracite); }
.mercurion-slide-paper { background-color: var(--mc-grigio-carta); color: var(--mc-antracite); }

/* === FIX HSCROLL: dentro al widget le slide lasciano gestire al plugin === */
.elementor-widget-premium-hscroll .mercurion-slide,
.premium-hscroll-wrap .mercurion-slide,
.premium-hscroll-temp .mercurion-slide,
.premium-hscroll-temp .mercurion-slide-dark,
.premium-hscroll-temp .mercurion-slide-light,
.premium-hscroll-temp .mercurion-slide-paper {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
}

/* === KICKER === */
.mercurion-kicker {
    color: var(--mc-azzurro); font-size: 12px; letter-spacing: 0.22em;
    text-transform: uppercase; font-weight: 500; margin-bottom: 16px; display: inline-block;
}
.mercurion-slide-light .mercurion-kicker,
.mercurion-slide-paper .mercurion-kicker { color: var(--mc-azzurro-dark); }

/* === GLOW EFFECT ===
   Usa ::after perché ::before è occupato dall'overlay dei Container Elementor */
.mercurion-glow-blue::after {
    content: ""; position: absolute; top: 50%; right: 0; width: 60%; height: 100%;
    transform: translateY(-50%);
    background: radial-gradient(ellipse at center, rgba(0,174,239,0.15) 0%, transparent 60%);
    pointer-events: none; z-index: 0;
}

/* === BUTTONS === */
.elementor-button.mercurion-btn-primary {
    background-color: var(--mc-azzurro) !important; color: var(--mc-bianco) !important;
    border-radius: var(--mc-radius-btn) !important; padding: 12px 22px !important;
    font-weight: 600 !important; font-size: 12px !important;
    letter-spacing: 0.13em !important; text-transform: uppercase !important;
}
.elementor-button.mercurion-btn-primary:hover { background-color: var(--mc-azzurro-dark) !important; }

.elementor-button.mercurion-btn-accent {
    background-color: var(--mc-arancio) !important; color: var(--mc-bianco) !important;
    border-radius: var(--mc-radius-btn) !important; padding: 12px 22px !important;
    font-weight: 600 !important; font-size: 12px !important;
    letter-spacing: 0.13em !important; text-transform: uppercase !important;
}
.elementor-button.mercurion-btn-accent:hover { background-color: var(--mc-arancio-light) !important; }

.elementor-button.mercurion-btn-outline {
    background-color: transparent !important; color: var(--mc-bianco) !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
    border-radius: var(--mc-radius-btn) !important; padding: 11px 21px !important;
    font-weight: 600 !important; font-size: 12px !important;
    letter-spacing: 0.13em !important; text-transform: uppercase !important;
}

/* === BADGE PALLEX === */
.mercurion-badge-pallex {
    display: inline-flex; align-items: center; gap: 8px;
    color: rgba(255,255,255,0.65); font-size: 11px; letter-spacing: 0.14em;
    font-weight: 500; text-transform: uppercase;
}
.mercurion-badge-pallex::before {
    content: ""; width: 6px; height: 6px; background: var(--mc-arancio); border-radius: 50%;
}

/* === HEADER FIXED (compatibile con Hscroll) ===
   Nota: il colore di sfondo è definito in Elementor (nero, scelta cliente).
   Qui restano solo posizionamento e stacking, necessari dentro il pin GSAP. */
.mercurion-header,
.elementor-element.mercurion-header,
header[data-elementor-type="header"] .mercurion-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    transition: all 0.3s ease;
}

/* === COUNTER LEGACY (residuo scroll snap verticale) === */
.mercurion-slide-counter {
    display: none !important;
}

/* === RESPONSIVE === */
@media (max-width: 1024px) {
    .mercurion-slide { min-height: auto; padding: 64px 0; }
}

@media (max-width: 767px) {

    .mercurion-glow-blue::after {
        display: none !important;
    }

    .mercurion-page-hero::before {
        background-image: linear-gradient(
            180deg,
            #000000FF 0%,
            #0A2540FF 42%,
            #0A254000 100%
        ) !important;
    }
}/* End custom CSS */