/* Ripristiniamo lo spazio vitale tra header e contenuto */
        body { margin: 0; padding: 0; }
        main { 
            padding-bottom: 50px; 
        }
        /* Un ulteriore spinta per il primo titolo */
        h1 { margin-top: 20px; margin-bottom: 30px; }

        /* Blocco totale del salvataggio e tieni premuto per le immagini delle gallerie */
        .gallery img {
            /* Impedisce il drag-and-drop su PC */
            user-drag: none; 
            
            /* Blocco totale del tieni premuto su Mobile (iOS / Android) */
            -webkit-touch-callout: none; /* Disabilita il menu contestuale su iOS Safari */
            -webkit-user-select: none;   /* Chrome, Safari, Opera */
            -khtml-user-select: none;     /* Konqueror HTML */
            -moz-user-select: none;        /* Firefox */
            -ms-user-select: none;         /* IE / Edge */
            user-select: none;             /* Standard */
        }

        /* Classe per i titoli delle città stile badge fucsia */
        .badge-citta {
            /* Fucsia più saturo e vibrante (0.4 opacità per farlo brillare di più) */
            background: rgba(180, 20, 95, 0.4) !important; 

            /* Scritta bianca purissima con una leggera ombra che la fa staccare dal vetro */
            color: #ffffff !important;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

            /* Effetto vetro più profondo */
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);

            /* Bordo luminoso che definisce il perimetro */
            border: 1px solid rgba(255, 255, 255, 0.4);

            display: inline-block;
            padding: 6px 16px;
            border-radius: 8px;
            font-size: 18px; 
            font-weight: 800; /* Più cicciotta e decisa */
            letter-spacing: 0.6px;

            /* Ombra del badge molto più luminosa */
            box-shadow: 0 8px 20px rgba(163, 26, 88, 0.3);
        }
        /* Stile per i link nel menu */
        .nav-link {
            color: #B4145F !important;
            font-weight: 800;
            text-decoration: none !important; /* Forza la rimozione di ogni sottolineatura */
            position: relative;
            padding-bottom: 2px;
            cursor: pointer;
        }

        /* La linea che sta sotto, invisibile di base */
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;           /* Parte da zero */
            height: 2px;        /* Spessore della linea */
            bottom: 0;
            left: 0;
            background-color: #B4145F;
            transition: width 0.3s ease-out; /* L'animazione fluida */
        }

        /* Quando passi col mouse, la linea si allarga al 100% */
        .nav-link:hover::after {
            width: 100%;
        }