/* Contenitore dell'immagine di intestazione */
.first-section-territorio .background-image-container{
    width: 100%;
    max-height: 80vh; /* Limita l'altezza dell'immagine */
    overflow: hidden; /* Nasconde l'eccesso dell'immagine */
} 

/* Stile dell'immagine stessa */
.first-section-territorio .background-image-container img{
    width: 100%;
    object-fit: contain; /* Adatta l'immagine senza deformarla */
}

/* Contenitore con immagine di sfondo per la sezione di testo */
.first-section-territorio .text-territorio-container-background{
    background: url(img/2\ copia.jpg);
    background-size: cover; /* L'immagine copre l'intera area */
    background-position: 0 90%;
    min-height: 100vh; /* Altezza minima pari a quella dello schermo */
}

/* Contenitore del testo con sfondo semi-trasparente */
.first-section-territorio .text-territorio-container-background .text-territorio-container{
    padding: 50px 10%; /* Spaziatura interna */
    background-color: rgba(255, 255, 255, 0.8);
    min-height: 100vh;
}

/* Titolo della sezione */
.first-section-territorio .text-territorio-container-background .text-territorio-container h3{
    font-size: 1.92em;
}

/* Stile per paragrafi e div */
.first-section-territorio .text-territorio-container-background .text-territorio-container p, .first-section-territorio .text-territorio-container-background .text-territorio-container div{
    margin: 15px 0;
}
/* Stile per la lista puntata */
.first-section-territorio .text-territorio-container-background .text-territorio-container ul{
    list-style: disc;
    list-style-type: disc;
    padding-left: 25px; /* Spazio per i pallini */
}

/* --- Inizio Stili Responsive --- */
/* Stili per tablet */
@media (max-width: 1024px) {
    .first-section-territorio .text-territorio-container-background,
    .first-section-territorio .text-territorio-container-background .text-territorio-container {
        min-height: auto; /* Rimuove l'altezza fissa */
    }

    .first-section-territorio .text-territorio-container-background .text-territorio-container {
        padding: 50px 5%; /* Riduce la spaziatura interna */
    }
}

/* Stili per smartphone */
@media (max-width: 768px) {
    .first-section-territorio .background-image-container {
        max-height: 40vh; /* Riduce l'altezza dell'immagine */
    }
    .first-section-territorio .text-territorio-container-background .text-territorio-container h3 {
        font-size: 1.6em; /* Rimpicciolisce il titolo */
    }
}