/* DESIGN GLOBALE E TEMA SCURO */
        body {
            font-family: 'Montserrat', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #2c3e50; 
            color: #ecf0f1; 
            overflow-x: hidden;
        }
        .container {
            max-width: 1200px; 
            margin: 0 auto;
            padding: 0 30px;
        }

        /* --- HEADER STICKY (STATO NORMALE) --- */
        header { 
            background-color: #1c2833; 
            color: white; 
            padding: 20px 0; 
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); 
            position: sticky; 
            top: 0; 
            z-index: 100; 
            transition: padding 0.3s, background-color 0.3s; 
        }
        
        header a { color: #f1c40f; text-decoration: none; }
        header a:hover { color: #3498db; }
        
        /* Contenitore interno: Centra tutto (Logo/Titolo e Menu) */
        header .container {
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
        }

        /* Navigazione */
        nav a {
            margin-left: 20px;
            font-weight: 600;
        }

        /* --- HEADER SCROLLATO --- */
        header.scrolled {
            padding: 10px 0; 
            background-color: #0d1217; 
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
        }

        /* --- STILE CONTENUTO --- */
        main {
            padding-top: 50px; 
            padding-bottom: 50px;
            line-height: 1.6;
        }
        
        /* Regola aggiunta per rendere i link del contenuto gialli */
        main a:link, main a:visited { 
            color: #f1c40f; 
            text-decoration: underline; /* Sottolineatura per distinguerli */
        }
        main a:hover { 
            color: #3498db; 
        }

        h2 { 
            color: #f1c40f; 
            border-bottom: 2px solid #3498db; 
            padding-bottom: 10px; 
            margin-top: 40px; 
            font-weight: 800;
        }
        h3 { 
            color: #3498db; 
            margin-top: 30px; 
            font-weight: 600;
        }
        ul {
            list-style-type: disc; 
            padding-left: 40px;
        }
        li {
            margin-bottom: 10px;
        }

        /* Messaggio di non ufficialità */
        .disclaimer {
            background-color: #34495e;
            border-left: 5px solid #e74c3c;
            padding: 20px;
            margin: 20px 0;
            border-radius: 5px;
            font-size: 1.1em;
        }
        .disclaimer strong {
            color: #e74c3c; /* Rosso di avviso */
        }

        /* FOOTER */
        footer { 
            background-color: #1c2833; 
            color: #ecf0f1; 
            text-align: center; 
            padding: 20px 0; 
            font-size: 0.9em; 
            border-top: 1px solid #34495e;
        }
        footer a { color: #f1c40f; text-decoration: none; }
        footer a:hover { text-decoration: underline; }

        /* PULSANTI SCROLL (Devono essere inclusi in style.css per le altre pagine) */
        .scroll-button {
            display: none; 
            position: fixed;
            right: 20px; 
            width: 50px; 
            height: 50px; 
            background-color: rgba(44, 62, 80, 0.85); 
            color: #f1c40f; 
            border: 2px solid #f1c40f; 
            padding: 0;
            font-size: 1.8em; 
            line-height: 46px; 
            text-align: center;
            cursor: pointer;
            border-radius: 50%;
            transition: all 0.3s;
            z-index: 99;
        }
        #scrollTopBtn {
            bottom: 80px; 
        }
        #scrollBottomBtn {
            bottom: 20px; 
        }
        .scroll-button:hover {
            background-color: #3498db; 
            color: #1c2833; 
        }