/* ---------------------------------222 Stato iniziale navbar*/
.t456__maincontainer {
    background-color: rgba(230,220,203,0);
}

/* Scroll-driven animation (CSS puro) */
@supports (animation-timeline: scroll()) {

    .t456__maincontainer {
        animation: navBgScroll linear forwards;
        animation-timeline: scroll();
        animation-range: 70vh 180vh; /* durata 2.5x */
    }

    @keyframes navBgScroll {
        from {
            background-color: rgba(230,220,203,0);
        }
        to {
            background-color: rgba(230,220,203,1);
        }
    }

    .t456__maincontainer .t-menu__link-item {
        animation: navTextScroll linear forwards;
        animation-timeline: scroll();
        animation-range: 60vh 160vh; /* durata 2.5x */
    }

    @keyframes navTextScroll {
        from {
            color: rgba(0,0,0,0.35);
        }
        to {
            color: rgba(0,0,0,1);
        }
    }
}

/* Fallback soft (Safari / Firefox) */
.t456__maincontainer {
    transition: background-color 1.2s ease;
}

.t456__maincontainer .t-menu__link-item {
    transition: color 1.2s ease;
}






/* -----------------------------------------333 sottoliena navbar */


/* Posizionamento necessario per la linea */
.t456__list_item {
    position: relative;
}

/* Linea sotto il testo */
/* Posizionamento necessario */
.t456__list_item {
    position: relative;
}

/* Linea sotto il testo */
/* Posizionamento necessario */
.t456__list_item {
    position: relative;
}

/* Linea sottile sotto il testo */
.t-menu__link-item::after {
    content: '';
    position: absolute;
    bottom: -4px;       /* distanza dalla parola */
    left: 50%;          /* parte dal centro */
    width: 0;           /* inizialmente invisibile */
    height: 1px;        /* spessore linea */
    background-color: #efefef; /* oppure #000 per nero */
    transition: width 0.35s ease, left 0.35s ease;
}

/* Hover: linea si allarga dai due lati */
.t-menu__link-item:hover::after {
    width: 100%;
    left: 0;
}

/* Effetto luce sul testo */
.t-menu__link-item {
    transition: color 0.35s ease, text-shadow 0.35s ease;
}

/* Hover: glow leggero centrato */
.t-menu__link-item:hover {
    color: #000; /* colore testo pieno */
    text-shadow: 0 0 6px rgba(255,255,255,0.6); /* luce delicata */
}


/* ----------------------------------------------------------444  Wrapper immagine: elimina padding/margini e altezza fissa con fallback per formazioni */
.t776__col {
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Wrapper immagine senza margini/padding e altezza fissa */
.t776__imgwrapper {
    padding: 0 !important;
    margin: 0 !important;
    height: 500px !important;
    width: 100% !important;
}

/* 3. Sfondo immagine: riempie tutto il wrapper */
.t776__bgimg {
    background-size: cover !important;
    background-position: center center !important;
    width: 100% !important;
    height: 100% !important;
}

/* 4. Rimuovi margini/padding testo sotto immagine */
.t776__textwrapper {
    margin: 0 !important;
    padding: 0 !important;
}

/* ----------------------------------------------------------5555*/



.t216__title,
.t216__title * {
    color: #fff;
    transition: text-shadow 0.5s ease;
}

.t216__title:hover,
.t216__title:hover * {
    text-shadow:
        0 0 10px #fff,
        0 0 20px #fff,
        0 0 40px #fff,
        0 0 60px #fff,
        0 0 100px #fff;
}

/* ----------------------------------------------------------6666*/

/* 5. Mobile responsive: riduce altezza griglia */
@media screen and (max-width: 768px) {
    .t776__imgwrapper {
        height: 300px !important;
    }
}
@media screen and (max-width: 480px) {
    .t776__imgwrapper {
        height: 200px !important;
    }
}
/* ----------------------------------------------------------7777*/
/* ===========================
   Giustificazione globale T473
   =========================== */

/* Giustificazione testo diretto e  */
.t473__descr,
.t473__descr *,
.t-text p,
.t-descr p {
  text-align: justify !important;
  hyphens: auto;
  -webkit-hyphens: auto;
}

/* Forza anche i contenitori centrati di Tilda */
.t473 .t-container.t-align_center,
.t473 .t-col .t473__descr {
  text-align: justify !important;
}




}