body { background-color: #212121; color: white; overflow-x: hidden; }
            #main_content_wrapper { padding-top: 110px; }

            .h1_custom { 
                color: red; 
                font-size: 18px; 
                font-weight: bold; 
                letter-spacing: 1px;
                margin-bottom: 25px;
            }

            .video-container {
                width: 100%;
                max-width: 1000px;
                margin: 0 auto;
                padding: 0 15px;
            }

            #video_archive_video {
                width: 100% !important;
                height: auto !important;
                border-radius: 4px;
                box-shadow: 0 10px 30px rgba(0,0,0,0.5);
                background-color: #000;
            }

            /* Style Tasti Condividi */
            .share-wrapper { margin: 25px 0; }
            .btn-share {
                border-radius: 50px;
                padding: 8px 20px;
                font-size: 14px;
                font-weight: bold;
                text-transform: uppercase;
                margin: 5px;
                transition: transform 0.2s;
            }
            .btn-share:hover { transform: scale(1.05); color: white; }
            .btn-whatsapp { background-color: #25d366; color: white; }
            .btn-facebook { background-color: #1877f2; color: white; }
            .btn-telegram { background-color: #0088cc; color: white; }

            .main_description_text {
                max-width: 850px;
                font-size: 1.15rem;
                line-height: 1.6;
                margin: 30px auto;
            }

            .inner_slogan { font-size: 2.2rem; margin: 40px 0; font-weight: 800; }
            .text-red { color: #ff0000; }

            @media (max-width: 768px) {
                #main_content_wrapper { padding-top: 85px; }
                .h1_custom { font-size: 15px; padding: 0 15px; }
                .inner_slogan { font-size: 1.6rem !important; }
                .main_description_text { font-size: 1rem; padding: 0 20px; }
            }

                /* Reset margini per massimizzare lo spazio */
    #main_content_wrapper {
        margin-top: 100px !important; /* Ridotto per stare vicino alla navbar */
        padding-top: 0 !important;
    }

    .h1_custom {
        font-size: 2.1rem !important;
        margin-top: 0 !important;
        margin-bottom: 10px !important;
        padding: 20 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; /* Evita che titoli lunghi vadano su due righe occupando spazio */
    }

    .video-container {
        width: 100%;
        max-width: 1200px; /* Larghezza massima per desktop */
        margin: 0 auto;
        padding: 0 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #video_archive_video {
        width: auto; /* Permette al video di ridimensionarsi proporzionalmente */
        max-width: 100%;
        /* IL TRUCCO: Altezza dello schermo meno lo spazio occupato da navbar/titolo/social */
        max-height: calc(100vh - 220px); 
        background: #000;
        box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    }

    .share-wrapper {
        margin-top: 10px !important;
    }

    .shareRoundIcons {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .shareRoundIcons a {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background-color: #333;
        color: white !important;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.3s;
        font-size: 14px;
        text-decoration: none;
    }

    /* Colori Hover (come richiesto) */
    .shareRoundIcons a.facebook:hover { background-color: #3b5998; }
    .shareRoundIcons a.whatsapp:hover { background-color: #25d366; }
    .shareRoundIcons a.telegram:hover { background-color: #0088cc; }
    .shareRoundIcons a.email:hover { background-color: #dd4b39; }

    /* Fix per il Search nella Navbar */
    .logo-custom { max-height: 50px !important; }
    #frmSearch .form-control { width: 120px; transition: width 0.4s; }
    #frmSearch .form-control:focus { width: 180px; }

    @media (max-width: 768px) {
        #video_archive_video {
            max-height: calc(100vh - 250px); /* Più spazio per i controlli mobile */
        }
        .h1_custom { white-space: normal; font-size: 0.9rem !important; }
    }


    /* Contenitore video relativo per posizionare il tasto audio */
    .video-wrapper {
        position: relative;
        display: inline-block;
        width: 100%;
        max-width: 1200px;
    }

    /* Tasto Unmute */
    #unmuteButton {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 10;
        background: rgba(255, 0, 0, 0.8); /* Rosso Globelife semitrasparente */
        color: white;
        border: none;
        padding: 10px 15px;
        border-radius: 30px;
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: transform 0.2s, background 0.2s;
        box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    }

    #unmuteButton:hover {
        transform: scale(1.05);
        background: rgba(255, 0, 0, 1);
    }

    #unmuteButton i {
        font-size: 18px;
    }
/* Forza la centratura assoluta per i titoli e gli slogan */
    .inner_slogan, .text-red.inner_slogan {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center !important;
    }

    /* Rimuove eventuali padding laterali che potrebbero sbilanciare il container */
    #main_content_wrapper .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Assicura che il link non aggiunga decorazioni che spostano il testo */
    .text-decoration-none {
        display: inline-block;
        width: 100%;
    }

    /* La navbar deve stare sopra a tutto */
    #main_navbar {
        z-index: 9999 !important;
    }

    /* Il tasto audio deve stare sotto il menu a tendina della navbar */
    #unmuteButton {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 500 !important; /* Valore più basso della navbar */
        background: rgba(220, 53, 69, 0.85);
        color: white;
        border: none;
        padding: 8px 15px;
        border-radius: 20px;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 8px;
    }