/* fonts */
@font-face {
    font-family: 'Sweet Sans Pro ExLight';
    src: url('assets/fonts/newhome/SweetSansPro-ExLight.eot');
    src: url('assets/fonts/newhome/SweetSansPro-ExLight.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-ExLight.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-ExLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro ExThin';
    src: url('assets/fonts/newhome/SweetSansPro-ExThin.eot');
    src: url('assets/fonts/newhome/SweetSansPro-ExThin.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-ExThin.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-ExThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro';
    src: url('assets/fonts/newhome/SweetSansPro-BoldItalic.eot');
    src: url('assets/fonts/newhome/SweetSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-BoldItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro';
    src: url('assets/fonts/newhome/SweetSansPro-Bold.eot');
    src: url('assets/fonts/newhome/SweetSansPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-Bold.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro ExThin';
    src: url('assets/fonts/newhome/SweetSansPro-ExThinItalic.eot');
    src: url('assets/fonts/newhome/SweetSansPro-ExThinItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-ExThinItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-ExThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro';
    src: url('assets/fonts/newhome/SweetSansPro-Light.eot');
    src: url('assets/fonts/newhome/SweetSansPro-Light.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-Light.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro';
    src: url('assets/fonts/newhome/SweetSansPro-HeavyItalic.eot');
    src: url('assets/fonts/newhome/SweetSansPro-HeavyItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-HeavyItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro';
    src: url('assets/fonts/newhome/SweetSansPro-MediumItalic.eot');
    src: url('assets/fonts/newhome/SweetSansPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-MediumItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro Hairline';
    src: url('assets/fonts/newhome/SweetSansPro-HairlineItalic.eot');
    src: url('assets/fonts/newhome/SweetSansPro-HairlineItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-HairlineItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-HairlineItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro';
    src: url('assets/fonts/newhome/SweetSansPro-LightItalic.eot');
    src: url('assets/fonts/newhome/SweetSansPro-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-LightItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro ExLight';
    src: url('assets/fonts/newhome/SweetSansPro-ExLightItalic.eot');
    src: url('assets/fonts/newhome/SweetSansPro-ExLightItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-ExLightItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-ExLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro';
    src: url('assets/fonts/newhome/SweetSansPro-Italic.eot');
    src: url('assets/fonts/newhome/SweetSansPro-Italic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-Italic.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro';
    src: url('assets/fonts/newhome/SweetSansPro-Thin.eot');
    src: url('assets/fonts/newhome/SweetSansPro-Thin.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-Thin.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro Hairline';
    src: url('assets/fonts/newhome/SweetSansPro-Hairline.eot');
    src: url('assets/fonts/newhome/SweetSansPro-Hairline.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-Hairline.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-Hairline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro';
    src: url('assets/fonts/newhome/SweetSansPro-Regular.eot');
    src: url('assets/fonts/newhome/SweetSansPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-Regular.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro';
    src: url('assets/fonts/newhome/SweetSansPro-Medium.eot');
    src: url('assets/fonts/newhome/SweetSansPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-Medium.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro';
    src: url('assets/fonts/newhome/SweetSansPro-ThinItalic.eot');
    src: url('assets/fonts/newhome/SweetSansPro-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-ThinItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet Sans Pro';
    src: url('assets/fonts/newhome/SweetSansPro-Heavy.eot');
    src: url('assets/fonts/newhome/SweetSansPro-Heavy.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/SweetSansPro-Heavy.woff2') format('woff2'),
    url('assets/fonts/newhome/SweetSansPro-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-Black.eot');
    src: url('assets/fonts/newhome/Trirong-Black.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-Black.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-Bold.eot');
    src: url('assets/fonts/newhome/Trirong-Bold.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-Bold.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-BlackItalic.eot');
    src: url('assets/fonts/newhome/Trirong-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-BlackItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-ExtraBoldItalic.eot');
    src: url('assets/fonts/newhome/Trirong-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-ExtraBoldItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-ExtraLight.eot');
    src: url('assets/fonts/newhome/Trirong-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-ExtraLight.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-BoldItalic.eot');
    src: url('assets/fonts/newhome/Trirong-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-BoldItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-SemiBold.eot');
    src: url('assets/fonts/newhome/Trirong-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-SemiBold.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-Medium.eot');
    src: url('assets/fonts/newhome/Trirong-Medium.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-Medium.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-ExtraBold.eot');
    src: url('assets/fonts/newhome/Trirong-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-ExtraBold.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-ExtraLightItalic.eot');
    src: url('assets/fonts/newhome/Trirong-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-ExtraLightItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-MediumItalic.eot');
    src: url('assets/fonts/newhome/Trirong-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-MediumItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-Regular.eot');
    src: url('assets/fonts/newhome/Trirong-Regular.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-Regular.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-LightItalic.eot');
    src: url('assets/fonts/newhome/Trirong-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-LightItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-SemiBoldItalic.eot');
    src: url('assets/fonts/newhome/Trirong-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-SemiBoldItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-Italic.eot');
    src: url('assets/fonts/newhome/Trirong-Italic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-Italic.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-Light.eot');
    src: url('assets/fonts/newhome/Trirong-Light.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-Light.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-Thin.eot');
    src: url('assets/fonts/newhome/Trirong-Thin.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-Thin.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trirong';
    src: url('assets/fonts/newhome/Trirong-ThinItalic.eot');
    src: url('assets/fonts/newhome/Trirong-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/newhome/Trirong-ThinItalic.woff2') format('woff2'),
    url('assets/fonts/newhome/Trirong-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Trirong;
}

:root {
    --sd-yellow: #FFDB4A;
    --sd-cyan: #8FBDDB;
    --text-color: #440B09;
    --Rosso-Rosso-700: #440B09;
    --Giallo-200: #FFEFB0;
}

body, html {
    height: 100%;
    font-family: sans-serif;
    overflow-x: hidden;
    margin-top: 0 !important;
}

.parallax-container {
    position: relative;
    min-height: 200vh;
    overflow: hidden;
    z-index: 1;
}

/* Sfondo Parallasse */
.parallax-background {
    background-image: url('assets/images/newhome/background-parallax-1.png');
    /*background-image: url('https://picsum.photos/1600/900');*/
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 0;
    filter: brightness(1);
}

.parallax-background-fixed {
    background-image: url('assets/images/newhome/background-parallax-1.png');
    /*background-image: url('https://picsum.photos/1600/900');*/
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 0;
    pointer-events: none;
    filter: brightness(1);
}

/* Contenuto con testo scorrevole */
.content {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    color: white;
    padding: 2rem;
}

.parallax-yellow {
    position: relative;
    min-height: 100vh;
    background-color: var(--sd-yellow);
    z-index: 2;
}

.parallax-header {
    /* background-image: url('../assets/images/newhome/background-parallax-1.png'); */
    background-image: url('assets/images/newhome/siciliaDoc_vector_giallo_top.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: translateY(-50%);
}

/* === INFO & CONTATTI === */
.info-grid {
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
}

.logo img {
    display: block;
    margin-bottom: 0.5rem;
}

.orari, .contatti {
    font-size: 0.95rem;
}

/* === FOOTER === */
.footer {
    padding: 2rem;
}

.footer-grid {
    grid-template-columns: repeat(3, 1fr);
}

.footer .col ul {
    list-style: none;
    padding: 0;
}

.footer .col ul li {
    margin-bottom: 0.5rem;
}

.footer .col a {
    color: inherit;
    text-decoration: none;
}

.footer .bottom-links {
    font-size: 0.85rem;
    line-height: 1.5;
}

/* === RESPONSIVE === */

/* Tablet: 2 colonne per tutte */
@media (max-width: 1024px) {
    .eventi-grid,
    .info-grid,
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile: eventi e contatti a 2 colonne, footer a 1 */
@media (max-width: 768px) {
    .eventi-grid,
    .info-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer .col ul {
        padding-left: 0;
    }
}


/* Sezione 1: paragrafi sinistra/destra */
.section-one {
    height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 128px;
    margin-top: 190px;
    margin-bottom: 120px;
}

.masked-red {
    background-image: url('assets/images/newhome/siciliadoc_vector_rosso.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: translate(-50%, -50%);
}

.mission {
    width: 60%;
}

.mission-title {
    color: white;
    /* Body L-400 */
    font-family: "Sweet Sans Pro", Verdana;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
    margin-bottom: 40px;
}

.mission-text {
    color: white;
    font-feature-settings: 'liga' off;
    font-family: Trirong;
    font-size: 68px;
    font-style: normal;
    font-weight: 400;
    line-height: 68px; /* 100% */
    text-transform: uppercase;
    margin-bottom: 190px;
}

.consorzio {
    width: 40%;
    align-self: end;
}

.consorzio-text {
    color: white;

    /* Body L-400 */
    font-family: "Sweet Sans Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
    margin-bottom: 40px;
}

.consorzio-button-container {
    height: 46px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    background: white;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.consorzio-link {
    text-align: center;
    color: var(--text-color, #701310);
    font-size: 16px;
    font-family: Sweet Sans Pro, Verdana;
    font-weight: 700;
    line-height: 22.40px;
    word-wrap: break-word;
    text-decoration: none;
    cursor: pointer;
}

/* Sezione 2: freccia con numeri */
.section-two {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 0 300px;
}

.forza-title {
    color: white;
    font-feature-settings: 'liga' off;
    font-family: Trirong;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px; /* 100% */
    text-transform: uppercase;
    width: 60%;
    margin-bottom: 64px;
}

.number {
    width: max-content;
}

.number2 {
    transform: translate(20vw, -50%);
}

.number3 {
    transform: translate(45vw, -50%);
}

.number4 {
    transform: translate(25vw, -50%);
}

.number5 {
    transform: translate(0, -100%);
}

.number-title {
    text-align: center;
    color: white;
    font-feature-settings: 'liga' off;

    /* H1 Desk */
    font-family: Trirong;
    font-size: 90px;
    font-style: normal;
    font-weight: 500;
    line-height: 90px; /* 100% */
}

.number-subtitle {
    text-align: center;
    color: white;
    /* Body L-400 */
    font-family: "Sweet Sans Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
}

.vitigni {
    padding-top: 120px;
    padding-bottom: 120px;
    text-align: center;
    padding-left: 3vw;
    padding-right: 3vw;
}

.vitigni-title {
    color: var(--text-color, #701310);
    font-feature-settings: 'liga' off;
    font-family: Trirong;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px; /* 110.526% */
    text-transform: uppercase;
    margin-bottom: 24px;
}

.vitigni-text {
    color: var(--text-color, #701310);
    text-align: center;

    /* Body L-400 */
    font-family: "Sweet Sans Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
    margin-bottom: 40px;
}

.vitigni-cta {
    display: flex;
    justify-content: center;
    align-items: center;
}

.vitigni-button-container {
    border-radius: 24px;
    border: 1px solid var(--text-color, #701310);
    padding: 10px 0;
}

.vitigni-link {
    color: var(--text-color, #701310);
    text-align: center;

    /* Body S-700 */
    font-family: "Sweet Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    text-decoration: none;
    padding: 0 24px;
}

.vitigni-slider {
    height: 250px;
    z-index: 2;
}

.vitigni-slide {
    color: var(--text-color, #701310);
    font-feature-settings: 'liga' off;
    font-family: Trirong;
    font-size: 150px;
    font-style: normal;
    font-weight: 400;
    line-height: 200px; /* 100% */
    text-transform: uppercase;
    height: 250px;
    white-space: nowrap;
}

.splide-custom-pagination-container {
    display: flex;
    flex-direction: row;
    /* width: 50vw; */
    justify-content: center;
    gap: 6px;
}

.splide-custom-pagination-container .splide__toggle {
    border-radius: 26.5px;
    background: var(--Nero-nero-10, rgba(19, 25, 39, 0.10));
    width: 40px;
    height: 40px;
    border: none;
}

.splide-custom-pagination-container .splide__pagination {
    position: initial;
    border-radius: 26.5px;
    background: var(--Nero-nero-10, rgba(19, 25, 39, 0.10));
    border: none;
    height: 40px;
    display: flex;
    justify-content: center;
    gap: 7px;
}

.splide-custom-pagination-container .splide__pagination .splide__pagination__page {
    border-radius: 10px;
    background: var(--Nero-nero-40, rgba(19, 25, 39, 0.40));
    border: none;
    height: 8px;
    width: 8px;
    transform: scale(1.0);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.splide-custom-pagination-container .splide__pagination .splide__pagination__page.is-active {
    /*background: var(--text-color) !important;*/
    width: 45px;
    /*background: linear-gradient(to left, rgba(19, 25, 39, 0.40) 50%, var(--text-color) 50%);*/
    background-image: linear-gradient(to right, var(--text-color), var(--text-color) 0%, transparent 0%, transparent 100%) !important;
    background-image: -webkit-linear-gradient(to right, var(--text-color), var(--text-color) 0%, transparent 0%, transparent 100%) !important;
}

.splide__toggle__play,
.splide__toggle__pause {
    fill: var(--text-color);
    width: 24px;
    height: 24px;
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline-block !important;
}


.discover-vini {
    /*margin-top: 200px;*/
    position: relative;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 20vw;
    z-index: 1;
}

.discover-image-01 {
    background-image: url('assets/images/newhome/siciliadoc_vector_image_body_01.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: -20vw;
    width: 50%;
    height: 100%;
    z-index: -1;
}

.discover-image-02 {
    background-image: url('assets/images/newhome/siciliadoc_vector_image_body_02.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 20%;
    right: 10%;
    width: 25%;
    height: 100%;
    z-index: -1;
}

.discover-title {
    color: var(--text-color, #701310);
    font-feature-settings: 'liga' off;
    font-family: Trirong;
    font-size: 68px;
    font-style: normal;
    font-weight: 500;
    line-height: 68px; /* 100% */
    text-transform: uppercase;
    width: 50vw;
    margin-bottom: 40px;
}

.discover-ctas {
    width: 50vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
}

.discover-button-container {
    border-radius: 24px;
    background: var(--Rosso-Rosso-700, #701310);
    padding: 10px 0;
}

.discover-link {
    color: var(--Giallo-200, #FFEFB0);
    text-align: center;

    /* Body S-700 */
    font-family: "Sweet Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    text-decoration: none;
    width: max-content;
    padding: 0 24px;
}

.wines-link {
    color: var(--Rosso-Rosso-700, #701310);
    text-align: center;

    /* Body S-700 */
    font-family: "Sweet Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}


.parallax-cyan {
    padding-top: 200px;
    position: relative;
    min-height: 100vh;
    background-color: var(--sd-cyan);
    overflow: hidden;
    z-index: 1;
}

/* === EVENTI === */

.eventi {
    /*
    padding-left: 200px;
    padding-right: 200px;

     */
    padding-bottom: 300px !important;
    padding-top: 240px !important;
}


.eventi-grid, .info-grid, .footer-grid {
    display: grid;
    gap: 2rem;
}


.eventi-grid {
    grid-template-columns: repeat(3, 1fr);
}

.eventi-title {
    color: var(--text-color, #440B09);
    font-feature-settings: 'liga' off;
    font-family: Trirong;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px; /* 110.526% */
    text-transform: uppercase;
    margin-bottom: 100px;
}

.evento .data .giorno {
    color: var(--text-color, #440B09);
    font-feature-settings: 'liga' off;

    /* H1 Desk */
    font-family: Trirong;
    font-size: 90px;
    font-style: normal;
    font-weight: 500;
    line-height: 90px; /* 100% */
    text-transform: uppercase;
}

.evento .data {
    text-align: left;
    display: flex;
    flex-direction: column;
    margin-bottom: 128px;
    color: var(--text-color, #440B09);
}

.evento .data .mese,
.evento .data .anno {
    color: var(--text-color, #440B09);

    /* H5 Desk */
    font-family: "Sweet Sans Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; /* 113.333% */
}

.evento .descrizione .evento-tipo {
    color: var(--text-color, #440B09);

    /* Body L-400 */
    font-family: "Sweet Sans Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
}


.evento .descrizione .evento-descrizione {
    color: var(--text-color, #440B09);

    /* H5 Desk */
    font-family: "Sweet Sans Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; /* 113.333% */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.evento {
    display: flex;
    gap: 1rem;
    border-left: 1px solid rgba(19, 25, 39, 0.50);
    padding-left: 1rem;
    flex-direction: column;
}

.eventi-vector-01 {
    background-image: url('assets/images/newhome/siciliadoc_vector_giallo_body_01.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    transform: translate(0%, -50%);
}

.eventi-vector-02 {
    background-image: url('assets/images/newhome/siciliadoc_vector_giallo_body_02.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 10%;
    left: 0%;
    width: 50%;
    height: 100%;
    z-index: -1;
    transform: translate(-30%, -10%);
}


.info-contatti {

}

.info-contatti-title {
    color: var(--text-color, #440B09);
    font-feature-settings: 'liga' off;
    font-family: Trirong;
    font-size: 68px;
    font-style: normal;
    font-weight: 500;
    line-height: 68px; /* 100% */
    text-transform: uppercase;
}

.col-nav ul {
    list-style: none;
    padding: 0;
    margin-bottom: 5px;
}

.col-nav ul li {
    color: var(--text-color, #440B09);
    /* Body L-400 */
    font-family: "Sweet Sans Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
}

.col-nav ul li a {
    color: var(--text-color, #440B09);
    /* Body L-400 */
    font-family: "Sweet Sans Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
    text-decoration: none;
}

.col-nav ul.socials {
    display: flex;
    gap: 10px;
}

.col-nav ul.socials li a {
    color: var(--Nero-nero-70, rgba(19, 25, 39, 0.70));
}

.info-contatti-row-1 {
    margin-bottom: 80px;
}

.info-contatti-col-title {
    color: var(--text-color, #440B09);

    /* Body L-400 */
    font-family: "Sweet Sans Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
}

.info-contatti-col-text {
    color: var(--text-color, #440B09);

    /* Body S-400 */
    font-family: "Sweet Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.info-contatti-row-2 {
    margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
    .info-contatti-row-2 {
        margin-bottom: 0px;
    }

    .eventi.container-lg {
        padding-bottom: 150px !important;
    }

    .eventi-vector-02 {
        background-position: center 30%;
        transform: translate(0%, 0%);
    }
}


.footer-info {
    border-top: 1px solid rgba(19, 25, 39, 0.20);
    padding-top: 40px;
    padding-bottom: 32px;
    color: var(--text-color, #440B09);
    /* Body S-400 */
    font-family: "Sweet Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.footer-info a {
    color: var(--text-color, #440B09);

    /* Body S-700 */
    font-family: "Sweet Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.copyright,
.piva,
.designby {
    color: var(--text-color, #440B09);
    /* Body S-400 */
    font-family: "Sweet Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}


/* Contenitore principale */
.homepage-hero-animazione {
    position: relative;
    width: 100%;
    height: 100vh; /* 80vh */
    background-color: var(--sd-yellow);
    z-index: 10;
}

.homepage-hero-revealed {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    z-index: 2;
}

.nav-header {
    z-index: 9;
    position: absolute;
    top: 0;
    width: 100%;
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
    background-color: transparent;

}

.nav-header.scroll-bg {
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8px);
}

.nav-header img {
    width: 230px;
    height: 80px;
}

.nav-header .nav-top li a,
.wpml-ls-legacy-dropdown,
.nav-header .nav-top li.userarea a,
.nav-header .nav-top li.userarea a span {
    background: transparent;
    border: none;
    width: fit-content !important;
    color: white;
    text-align: center;
    font-family: "Sweet Sans Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
    text-decoration: none;
}


.wpml-ls-legacy-dropdown ,
.wpml-ls-legacy-dropdown a.wpml-ls-link,
.wpml-ls-legacy-dropdown a.wpml-ls-link span {
    color: rgba(31, 31, 31, 1);

}


.nav-header .nav-top li.userarea {
    padding-left: 1rem;
    border-left: 1px solid rgba(19, 25, 39, 0.1);
}

.nav-header .nav-top li.userarea svg {
    margin-right: 8px;
}

.nav-item.has-children ul.sub-menu,
.wpml-ls-legacy-dropdown ul {
    margin: 0px;
    padding: 0px;
}

.wpml-ls-legacy-dropdown ul li,
.wpml-ls-legacy-dropdown ul li a,
.wpml-ls-legacy-dropdown ul li span {
    list-style: none;
    color: white;
    text-align: center;
    font-family: "Sweet Sans Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.wpml-ls-legacy-dropdown ul li {
    position: relative;
}


.nav-item.has-children > a:after,
.wpml-ls-legacy-dropdown ul li a.js-wpml-ls-item-toggle:after {
    content: ' ';
    display: inline-block;
    color: #FFF;
    background-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L7 7L13 1" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 20px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 10px;
    transition: transform ease-in-out 300ms;

}

.nav-item.has-children > a.active:after,
.wpml-ls-legacy-dropdown ul li a.js-wpml-ls-item-toggle.active:after {
    transform: rotate(180deg);
}

.nav-item.has-children > ul.sub-menu,
.wpml-ls-legacy-dropdown ul li .wpml-ls-sub-menu {
    height: 0px;
    transition: height linear 300ms, opacity linear 300ms;
    overflow: hidden;
    position: absolute;
    opacity: 0;
    padding: 8px;
    background: #FFFFFF;
    box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    z-index: 3000;
}

.nav-item.has-children > ul.sub-menu.active,
.wpml-ls-legacy-dropdown ul li .wpml-ls-sub-menu.active {
    height: 200px;
    opacity: 1;
    max-height: fit-content;
}

/* wpml mobile */
.wpml-mobile-item .wpml-ls-legacy-dropdown ul li,
.wpml-mobile-item .wpml-ls-legacy-dropdown ul li a,
.wpml-mobile-item .wpml-ls-legacy-dropdown ul li span {
    color: rgba(112, 19, 16, 1);
}

.wpml-mobile-item .wpml-ls-legacy-dropdown ul li a.js-wpml-ls-item-toggle:after {
    background-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L7 7L13 1" stroke="%23701310" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.wpml-mobile-item .wpml-ls-legacy-dropdown ul li .wpml-ls-sub-menu {
    bottom: 20px;
    background: #FFFFFF;
    box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}


.nav-header .nav-bottom li a,
.nav-header .search {
    color: white;
    text-align: center;
    font-family: "Sweet Sans Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 25.2px */
    text-decoration: none;
    white-space: nowrap;
}

.nav-item.has-children > ul.sub-menu li a,
.wpml-ls-legacy-dropdown ul li .wpml-ls-sub-menu li a {
    color: rgba(31, 31, 31, 1);
    border-radius: 8px;
    display: block;
    padding: 12px 16px;
    transition: background-color linear 300ms;
    width: auto !important;
    text-align: left;
}

.nav-item.has-children > ul.sub-menu li a:hover,
.wpml-ls-legacy-dropdown ul li .wpml-ls-sub-menu li a:hover {
    background-color: rgba(19, 25, 39, 0.05);

}

.nav-item.has-children > ul.sub-menu li a:active,
.wpml-ls-legacy-dropdown ul li .wpml-ls-sub-menu li a:active {
    background-color: rgba(19, 25, 39, 0.1);
}

.nav-header .unisciti-transparent-button-container {
    border-radius: 24px;
    border: 1px solid white;
    padding: 10px 0;
}

.nav-header .unisciti-transparent-button-container .unisciti-transparent-link {
    color: white;
    text-align: center;
    /* Body S-700 */
    font-family: "Sweet Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    padding: 0 24px;
    white-space: nowrap;
    text-decoration: none;
}

/* Sfondo mascherato */
.masked-bg {
    position: absolute;
    inset: 0;
    background: url('assets/images/newhome/animation-background.jpg') center/cover no-repeat;

    /* Maschera iniziale triangolo */
    -webkit-mask-image: url('assets/images/newhome/SiciiliaDoc_home_mask.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100px 100px;

    mask-image: url('assets/images/newhome/SiciiliaDoc_home_mask.svg');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100px 100px;

    animation: expandMask 2s ease forwards;
    animation-delay: 1s;
}

.overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    z-index: 0;
}

/* Titolo in dissolvenza dal basso */
.site-title-zone {
    position: absolute;
    top: 50%;
    left: 0%;
    right: 0%;
    width: fit-content !important;
    opacity: 0;
    transform: translateY(200%);
    animation: fadeInTitle 3s ease forwards;
    animation-delay: 2s;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 30px;
}

div.nav-header {
    opacity: 0;
    transform: translateY(-100%);
    animation: fromTopMenu 3s ease forwards;
    animation-delay: 2s;
}

/* Animazione: la maschera triangolare si allarga */
@keyframes expandMask {
    to {
        -webkit-mask-size: 400% 1000%;
        mask-size: 400% 1000%;
    }
}

@keyframes fadeInTitle {
    to {
        opacity: 1;
        transform: translateY(-50%);
    }
}

@keyframes fromTopMenu {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        transform: translateY(0%);
    }
}


.site-title-zone .site-title {
    font-feature-settings: 'liga' off;
    font-family: Trirong;
    font-size: 200px;
    font-style: normal;
    font-weight: 500;
    line-height: 180px; /* 100% */
    text-transform: uppercase;
    text-align: center;
    color: var(--sd-yellow);
}

.site-title-zone .col-sx,
.site-title-zone .col-dx {
    font-family: "Sweet Sans Pro", Verdana;
    font-size: 38px;
    text-transform: uppercase;
    text-align: left;
    color: var(--sd-yellow);

}

.site-title-zone .col-dx {
    text-align: right;
}

.unisciti-zone {
    position: absolute;
    bottom: -20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    z-index: 2;
    opacity: 0;
    transform: translateY(200%);
    animation: fadeInTitle 3s ease forwards;
    animation-delay: 4s;
}

.unisciti-button-container {
    height: 46px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    background: var(--sd-yellow);
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.unisciti-button-border {
    border-radius: 24px;
    border: 1px solid var(--text-color, #701310);
}

.unisciti-link {
    text-align: center;
    color: var(--text-color, #701310);
    font-size: 16px;
    font-family: Sweet Sans Pro, Verdana;
    font-weight: 700;
    line-height: 22.40px;
    word-wrap: break-word;
    text-decoration: none;
    cursor: pointer;
}

.unisciti-scorri-giu {
    color: white;
    text-align: center;
    /* Body S-700 */
    font-family: "Sweet Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.eventi-slider {
    height: 550px;
    z-index: 2;
}

.eventi-slide {
    height: 550px;
}

.eventi-slider .splide__arrows {
    position: absolute;
    right: 0px;
    top: 0;
    height: 40px;
    width: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eventi-slider .splide__arrows .splide__arrow {
    background: none;
    position: unset;
    width: 40px;
    height: 40px;
    display: block;
    transform: unset;
}

.eventi-slider .splide__arrows .splide__arrow svg {
    fill: var(--text-color);
}

.navbar_mobile_menu {
    display: none;
}

.navbar_mobile_menu.show {
    display: block;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    background-color: white !important;
}

.navbar .navbar_mobile_menu {
    position: fixed;
    top: 0;
    bottom: 0;
    min-width: 300px;
    padding: 0px !important;
    background: var(--sd-yellow);
    z-index: 9999 !important;
    max-width: 500px !important;
    display: flex !important;
    width: 100%;
    margin: 0 !important;
    right: -600px;
    transition: background-color 350ms ease-in-out, right 350ms ease-in-out;
    transition-delay: 10ms;
    overflow-y: scroll;
    min-height: 100vh;
    width: 100vw;
    min-width: 100vw;
    align-items: flex-start;
    justify-content: center;
    flex-flow: column;
}

.navbar .navbar_mobile_menu .search-wrapper-mobile input {
    font-family: 'Sweet Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    /* or 22px */
    display: flex;
    align-items: center;
    color: #701310;
}

.navbar .navbar_mobile_menu .search-wrapper-mobile,
.navbar .navbar_mobile_menu .navbar_mobile_menu_footer,
.navbar .navbar_mobile_menu .navbar_mobile_menu_wrapper {
    width: 100%;
    position: relative;
}

.navbar .navbar_mobile_menu .search-wrapper-mobile,
.navbar .navbar_mobile_menu .navbar_mobile_menu_footer {
    flex-shrink: 1;
}

.navbar .navbar_mobile_menu .navbar_mobile_menu_wrapper {
    flex-grow: 1;
}

.navbar .navbar_mobile_menu .navbar_mobile_menu_footer {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar .navbar_mobile_menu .navbar_mobile_menu_footer:before {
    position: absolute;
    width: 100vw;
    height: 1px;
    left: 0px;
    right: 0px;
    background: rgba(19, 25, 39, 0.2);
    content: ' ';
    top: 0px;
}

.navbar .navbar_mobile_menu .navbar_mobile_menu_footer a {
    font-family: 'Sweet Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: rgba(19, 25, 39, 0.7);
}

.navbar .navbar_mobile_menu.navbar-collapse.show {
    background: var(--sd-yellow) !important;
    right: 0 !important;
    transition: background-color 350ms ease-in-out, right 350ms ease-in-out;
    transition-delay: 10ms;

}

@media screen and (min-width: 1200px) {
    .navbar .navbar_mobile_menu {
        display: none !important;
        visibility: hidden;
    }
}

.navbar .navbar_mobile_menu .search-wrapper-mobile, .navbar .navbar_mobile_menu .primary-mobile-menu {
    padding: 30px;
}

.navbar .navbar_mobile_menu .search-wrapper-mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.navbar .navbar_mobile_menu .search-wrapper-mobile .search-form {
    flex: 1 0 auto;
    padding-right: 10px;
    max-width: 90%;
    margin-bottom: 0px;
}

.navbar .navbar_mobile_menu .search-wrapper-mobile .search-form label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-right: 1px solid transparent;
    padding-right: 15px;
    border-radius: 26px;
    margin: 0;
    background-color: #F2D147;
    padding-left: 15px;
}

.navbar .navbar_mobile_menu .search-wrapper-mobile .search-form label:before {
    content: ' ';
    background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.75 12.75L15.75 15.75" stroke="%23701310" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.25 8.25C2.25 11.5637 4.93629 14.25 8.25 14.25C9.90975 14.25 11.4121 13.5761 12.4983 12.487C13.5808 11.4016 14.25 9.90398 14.25 8.25C14.25 4.93629 11.5637 2.25 8.25 2.25C4.93629 2.25 2.25 4.93629 2.25 8.25Z" stroke="%23701310" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.navbar .navbar_mobile_menu .search-wrapper-mobile .search-form label input {
    width: 100%;
    height: 43px;
    border: none;
    color: var(--text-color);
    background: transparent;
    font-size: 16px;
    padding: 15px;
}

.navbar .navbar_mobile_menu .search-wrapper-mobile .search-form label input + button.autocomplete_submit {
    background-color: #F2D147;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 43px;
}

.navbar .navbar_mobile_menu .search-wrapper-mobile .search-form label input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    background-color: var(--text-color);
    -webkit-mask-image: url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}

.navbar .navbar_mobile_menu .search-wrapper-mobile .search-form label input::placeholder {
    color: rgba(var(--text-color), .7) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    opacity: 0.5;
}

.navbar .navbar_mobile_menu .search-wrapper-mobile .search-form label input:focus, .navbar .navbar_mobile_menu .search-wrapper-mobile .search-form label input:active {
    background-color: #F2D147;
}

.navbar .navbar_mobile_menu .search-wrapper-mobile .search-form label input:focus + button.autocomplete_submit, .navbar .navbar_mobile_menu .search-wrapper-mobile .search-form label input:active + button.autocomplete_submit {
    background-color: #F2D147;
}

.navbar .navbar_mobile_menu .search-wrapper-mobile .search-form label button.autocomplete_submit {
    background: transparent;
    border: none;
    color: var(--text-color);
}

.navbar .navbar_mobile_menu .search-wrapper-mobile .search-form label button.autocomplete_submit .material-symbols-outlined, .navbar .navbar_mobile_menu .search-wrapper-mobile .search-form label button.autocomplete_submit i {
    font-size: 24px;
}

.navbar .navbar_mobile_menu .search-wrapper-mobile .menu_close a .material-symbols-outlined {
    color: var(--text-color);
    font-size: 34px;
}

.navbar .navbar_mobile_menu .primary-mobile-menu {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0px;
    z-index: -1;
    width: 100%;
}

.navbar .navbar_mobile_menu .primary-mobile-menu ul {
    list-style: none;
    padding: 0 10px 0 15px;
    flex-grow: 1;
    /*padding-top: 8vh;*/
}

.navbar .navbar_mobile_menu .primary-mobile-menu ul li .accordion-item {
    background: var(--sd-yellow) !important;
    color: var(--text-color) !important;
    border: none !important;
}

.navbar .navbar_mobile_menu .primary-mobile-menu ul li .accordion-item .accordion-body {
    padding: 0;
}

.navbar .navbar_mobile_menu .primary-mobile-menu ul li .accordion-item ul {
    padding-top: 0 !important;
}

.navbar .navbar_mobile_menu .primary-mobile-menu ul li .accordion-button::after {
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    background: var(--text-color) !important;
}

.navbar .navbar_mobile_menu .primary-mobile-menu ul li .nav-link, .navbar .navbar_mobile_menu .primary-mobile-menu ul li .accordion-button {
    background: transparent;
    color: var(--text-color) !important;
    padding: 0px;
    box-shadow: none;
    font-family: "Sweet Sans Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; /* 113.333% */
}

.navbar .navbar_mobile_menu .secondary-mobile-menu ul li .nav-link, .navbar .navbar_mobile_menu .secondary-mobile-menu ul li .accordion-button {
    color: var(--text-color, #701310);
    font-family: "Sweet Sans Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
}


.navbar .navbar_mobile_menu .primary-mobile-menu ul li .nav-link.btn.ghost-white, .navbar .navbar_mobile_menu .primary-mobile-menu ul li .accordion-button.btn.ghost-white {
    margin-top: 10px;
    color: var(--sd-yellow) !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

.navbar .navbar_mobile_menu .unisciti-cta {
    padding: 30px;
}

#mobile_menu_close {
    font-size: 40px;
    color: var(--text-color);
}

@media screen and (max-width: 768px) {
    .navbar .navbar_mobile_menu .primary-mobile-menu ul li .nav-link, .navbar .navbar_mobile_menu .primary-mobile-menu ul li .accordion-button {
        font-size: 25px !important;
        line-height: 37px !important;
    }

    .navbar .navbar_mobile_menu .primary-mobile-menu ul li .nav-link {
        font-size: 38px !important;
        line-height: 44px !important;
    }

    .navbar .navbar_mobile_menu .primary-mobile-menu.secondary-mobile-menu ul li .nav-link {
        font-size: 24px !important;
        line-height: 140% !important;
    }

    .navbar .navbar_mobile_menu .primary-mobile-menu.secondary-mobile-menu {
        padding-top: 0px;
    }

    .navbar .navbar_mobile_menu .primary-mobile-menu ul li .nav-link.btn.ghost-white, .navbar .navbar_mobile_menu .primary-mobile-menu ul li .accordion-button.btn.ghost-white {
        font-size: 18px !important;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .section-two {
        padding: 0;
    }

    .site-title-zone .site-title {
        font-size: 120px;
    }

    .site-title-zone .col-sx,
    .site-title-zone .col-dx {
        font-size: 28px;
    }


    .number-title {
        font-size: 68px;
        text-align: left;
    }

    .number2 {
        transform: translate(33vw, -50%);
    }

    .number3 {
        transform: translate(60vw, -50%);
    }

    .number4 {
        transform: translate(33vw, -50%);
    }

    .number5 {
        transform: translate(0, -100%);
    }

    .vitigni-slide {
        font-size: 116px;
    }

    .discover-vini {
        margin-left: 10vw;
        min-height: 120vh;
    }

    .discover-image-01 {
        top: -15vw;
        left: 0;
    }

    .discover-title {
        font-size: 58px;
        margin-top: 50vh;
        width: 80vw;
    }

    .discover-ctas {
        width: 80vw;
    }

    .evento .data .giorno {
        color: var(--text-color, #440B09);
        font-feature-settings: 'liga' off;

        /* H1 Desk */
        font-family: Trirong;
        font-size: 68px;
        font-style: normal;
        font-weight: 500;
        line-height: 74px; /* 100% */
        text-transform: uppercase;
    }

    .evento .data {
        text-align: left;
        display: flex;
        flex-direction: column;
        margin-bottom: 128px;
        color: var(--text-color, #440B09);
    }

    .evento .data .mese,
    .evento .data .anno {
        color: var(--text-color, #440B09);

        /* H5 Desk */
        font-family: "Sweet Sans Pro";
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 113.333% */
    }

    .evento .descrizione .evento-tipo {
        color: var(--text-color, #440B09);

        /* Body L-400 */
        font-family: "Sweet Sans Pro";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 28px */
    }


    .evento .descrizione .evento-descrizione {
        color: var(--text-color, #440B09);

        /* H5 Desk */
        font-family: "Sweet Sans Pro";
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 113.333% */

        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}

@media screen and (max-width: 767px) {
    /* CSS */
    .section-one {
        padding: 0;
    }

    .mission {
        width: 100%;
    }

    .mission-title {
        font-size: 16px;
    }

    .mission-text {
        font-size: 38px;
        line-height: 44px;
    }

    .masked-red {
        top: 33%;
    }

    .consorzio {
        width: 90%;
    }

    .consorzio-text {
        font-size: 16px;
        line-height: 140%;
    }

    .forza-title {
        width: 100%;
        font-size: 32px;
    }

    .number-title {
        font-size: 50px;
        line-height: 50px;
    }

    .number {
        width: 100%;
        transform: unset !important;
    }

    .number1 .number-title,
    .number1 .number-subtitle,
    .number3 .number-title,
    .number3 .number-subtitle,
    .number5 .number-title,
    .number5 .number-subtitle {
        text-align: left;
        width: 60%;
        margin-bottom: 10px;
        float: left !important;
    }

    .number2 .number-title,
    .number2 .number-subtitle,
    .number4 .number-title,
    .number4 .number-subtitle {
        text-align: right;
        width: 60%;
        margin-bottom: 10px;
        float: right !important;
    }


    .section-two {
        padding: 0;
    }

    .site-title-zone .site-title {
        font-size: 58px;
    }

    .site-title-zone .col-sx,
    .site-title-zone .col-dx {
        font-size: 22px;
    }

    .vitigni-title {
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 115.385% */
    }

    .vitigni-text {
        font-size: 16px;
        font-weight: 400;
        line-height: 140%; /* 22.4px */
    }

    .vitigni-slide {
        font-size: 58px;
    }

    .discover-vini {
        margin-left: 0;
        min-height: 150vh;
    }

    .discover-title {
        font-size: 50px;
        line-height: 54px;
        width: 95vw;
        margin-top: 25vh;
    }

    .discover-ctas {
        width: 90vw;
        flex-direction: column;
        align-items: flex-start;
    }

    .discover-image-01 {
        top: -60vw;
        width: 100%;

    }

    .discover-image-02 {
        top: 100vw;
        width: 50vw;
    }

    .parallax-cyan {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .eventi {
        padding-right: 0 !important;
    }

    .eventi-title {
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 115.385% */
    }

    .evento .data .giorno {
        color: var(--text-color, #440B09);
        font-feature-settings: 'liga' off;

        /* H1 Desk */
        font-family: Trirong;
        font-size: 50px;
        font-style: normal;
        font-weight: 500;
        line-height: 90px; /* 100% */
        text-transform: uppercase;
    }

    .evento .data {
        text-align: left;
        display: flex;
        flex-direction: column;
        margin-bottom: 64px;
        color: var(--text-color, #440B09);
    }

    .evento .data .mese,
    .evento .data .anno {
        color: var(--text-color, #440B09);

        /* H5 Desk */
        font-family: "Sweet Sans Pro";
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px; /* 113.333% */
    }

    .evento .descrizione .evento-tipo {
        color: var(--text-color, #440B09);

        /* Body L-400 */
        font-family: "Sweet Sans Pro";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 28px */
    }


    .evento .descrizione .evento-descrizione {
        color: var(--text-color, #440B09);

        /* H5 Desk */
        font-family: "Sweet Sans Pro";
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px; /* 113.333% */
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .info-contatti-title {
        font-size: 50px;
        line-height: 54px;
        margin-bottom: 48px;
    }

    .info-contatti-row-2 .col-12 {
        margin-bottom: 48px;
    }
}


/* Parallasse - Layering*/

.homepage-hero-animazione {
    z-index: 10;
}

div.nav-header {
    z-index: 11;
}

.parallax-container {
    z-index: 1;
}

.parallax-yellow {
    z-index: 2;
}

.parallax-cyan {
    z-index: 3;
}

.parallax-container.fixed {
    position: sticky;
    top: 0px;
    transform: translateY(-59%);
}

@media screen and (max-width: 768px) {
    .footer-info .colophon {
        flex-wrap: wrap;
        gap: 40px !important;
    }

    .footer-info .colophon .copyright,
    .footer-info .colophon .piva {
        width: 100%;
    }

    .footer-info .policy-links {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100%;
        margin-top: 20px;
    }


}


.imgfinanziamento img {
    display: block;
    margin: 0 auto;              /* centro orizzontale */
    max-width: 30vw;             /* default per desktop */
    height: auto;                /* mantiene proporzioni */
    object-fit: contain;         /* evita lo stretching */
}

/* Tablet e piccoli desktop (≤ 1024px) */
@media (max-width: 1024px) {
    .imgfinanziamento img {
        max-width: 50vw;
    }
}

/* Mobile (≤ 768px) */
@media (max-width: 768px) {
    .imgfinanziamento img {
        max-width: 90vw;
    }
}