/* --- Struttura base --- */

.studio-container { 

    max-width: 1200px; 

    margin: 0 auto; 

    padding: 40px 5%; 

    overflow-x: hidden; /* Impedisce lo scroll orizzontale su mobile */

}



/* Titolo centrato */

.studio-container h1 { 

    color: #002366; 

    text-align: center; /* Centratura del titolo */

    margin-bottom: 30px; 

    font-family: 'Georgia', 'Times New Roman', serif;

}



/* Immagine hero centrata e contenuta */

.studio-hero-img { 

    width: 100%; 

    margin-bottom: 40px; 

    display: flex; 

    justify-content: center; /* Centratura orizzontale immagine */

    overflow: hidden; 

}



.studio-hero-img img { 

    width: 100%;             /* Occupa il 100% dello spazio disponibile */

    max-width: 1000px;       /* Massimo ingombro su desktop */

    height: auto; 

    border-radius: 8px; 

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

    display: block;          

}



/* Testo sotto a tutta pagina, centrato e leggibile */

.studio-text-content { 

    max-width: 900px; 

    margin: 0 auto;   

    text-align: justify; /* Testo giustificato come richiesto */

    line-height: 1.8; 

    font-size: 1.1rem;

    padding: 0 10px; 

}



.testo-studio p { 

    margin-bottom: 20px; 

}



/* Banner CONTATTACI */

.banner-contattaci { 

    background: #f8f9fa; 

    padding: 40px 5%; 

    text-align: center; 

    margin-top: 50px; 

    border: 1px solid #d3dbe6; 

}



.banner-btn { 

    display: inline-block; 

    padding: 15px 60px; 

    border: 1px solid #2c3e50; 

    background: #eef2f7; 

    text-decoration: none; 

    color: #2c3e50; 

    font-weight: bold; 

    transition: 0.3s; 

    text-transform: uppercase;

}



.banner-btn:hover { background: #d3dbe6; }



/* Media query per mobile */

@media (max-width: 900px) {

    .studio-container { padding: 20px 2%; } /* Ridotto padding per mobile */

}