.header .logo img {

    height: 60px;

    width: auto;

}



/* PRODUZIONI */

.produzioni {

    padding: 80px 10%;

    display: flex;

    flex-direction: column;

    gap: 80px;

}



.produzione {

    display: flex;

    align-items: center;

    gap: 40px;

}



.produzione.invertita {

    flex-direction: row-reverse;

}



.prod-img {

    width: 35%;

    border-radius: 12px;

    box-shadow: 0 4px 15px rgba(0,0,0,0.15);

}



.prod-text {

    width: 55%;

}



.prod-text h3 {

    font-size: 28px;

    margin-bottom: 10px;

}



.prod-text .data {

    font-size: 18px;

    color: #97CA41;

    margin-bottom: 15px;

}



.prod-text .descrizione {

    font-size: 17px;

    line-height: 1.6;

    color: #333;

}



/* SEPARATOR */

.separator {

    width: 100%;

    height: 2px;

    background: #97CA41;

    margin: 60px 0;

    opacity: 0.4;

    border-radius: 2px;

}



/* WRAPPER PER CENTRARE IL PULSANTE */

.produzioni-back-wrapper {

    text-align: center;

    margin-top: 60px;

    font-size: 18px;

    line-height: 1.6;

}



/* PULSANTE */

.btn-back-produzioni {

    display: inline-block;

    padding: 12px 28px;

    background: #97CA41;

    color: white;

    font-weight: 600;

    border-radius: 8px;

    text-decoration: none;

    transition: 0.3s;

}



.btn-back-produzioni:hover {

    background: #7fb336;

}





/* FOOTER SCURO */

.footer {

    background: #222;

    color: white;

    text-align: center;

    padding: 20px 0;

    margin-top: 40px;

}



/* MOBILE: immagine sopra, testo sotto */

@media (max-width: 768px) {



    .produzione {

        flex-direction: column !important;

        align-items: center;

        text-align: left;

        gap: 15px;

    }



    .prod-img {

        width: 100% !important;

        max-width: 100%;

        height: auto;

    }



    .prod-text {

        width: 100% !important;

    }



    .prod-text h3 {

        font-size: 26px;

    }



    .prod-text .data {

        font-size: 18px;

    }



    .prod-text .descrizione {

        font-size: 16px;

        line-height: 1.6;

    }

}