/* RESET & STILI GENERALI */
body {
    font-family: Arial, sans-serif;
    color: #000000;
    margin: 0;
    padding: 20px;
    background-color: #ffffff;
}

a {
    color: #000099;
}

a:visited {
    color: #990099;
}

/* LAYOUT E CONTENITORI */
.main-container,
.content-wrapper {
    max-width: 850px;
    margin: 0 auto;
    width: 100%;
}

/* TIPI DI TESTO E TITOLI */
.header-title {
    clear: both;                /* Rimuove eventuali affiancamenti float generati da Testata.js */
    width: 100%;                /* Prende tutta la larghezza della pagina */
    text-align: center;         /* Centra il contenuto orizzontalmente */
    margin: 25px 0;             /* Spaziatura sopra e sotto */
    display: block;
}

.header-title h1,
h1.titolo-sezione {
    font-family: "Times New Roman", Times, serif;
    font-size: 2.5rem;
    color: #0000ff;
    font-style: italic;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}

.responsabile-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000099;
    font-style: italic;
    display: block;
    margin-bottom: 15px;
}

.email-link {
    color: blue;
    font-size: 0.9rem;
}

/* TABELLE */
table.tabella-comitato {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    text-align: left;
}

table.tabella-comitato td {
    padding: 12px 10px;
    vertical-align: top;
    font-size: 1rem;
}

.nome-medico {
    font-weight: bold;
    width: 40%;
}

.ruolo-medico {
    width: 60%;
}

/* IMMAGINI E GALLERIE */
.img-header {
    display: block;
    margin: 0 auto 30px auto;
    max-width: 100%;
    height: auto;
}

.immagini-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin: 30px auto;
    padding: 0;
    width: 100%;
}

.immagini-container img {
    width: 316px;
    height: 350px;
    object-fit: cover;
    border: 0;
    display: block;
}

.img-corso {
    width: 180px;
    height: 132px;
    margin: 15px 5px;
}

.img-blsd {
    width: 150px;
    height: 200px;
    margin: 15px 5px;
}

/* FOOTER */
.footer-img,
.footer-img-container {
    display: block;
    text-align: center;
    margin: 30px auto;
    max-width: 100%;
    height: auto;
}

.footer-img img,
.footer-img-container img {
    max-width: 100%;
    height: auto;
    border: 0;
}