/* --- VARIABILI ISTITUZIONALI AVIS --- */

:root {

    --avis-red: #e30613;

    --avis-blue: #005aa0;

    --white: #ffffff;

    --text-dark: #2c3e50;

    --text-light: #7f8c8d;

}



/* --- RESET E LAYOUT --- */

body {

    font-family: 'Helvetica Neue', Arial, sans-serif;

    background: linear-gradient(135deg, var(--avis-red) 0%, var(--avis-blue) 100%);

    background-attachment: fixed;

    margin: 0;

    padding: 50px 20px;

    color: var(--text-dark);

}



.container {

    max-width: 1100px;

    margin: 0 auto;

    text-align: center;

}



/* --- HEADER --- */

.header-section {

    margin-bottom: 60px;

}



h1 {

    color: var(--white);

    font-size: 3rem; /* Leggermente più grande */

    margin: 0;

    text-transform: uppercase;

    text-shadow: 2px 2px 8px rgba(0,0,0,0.4);

}



.subtitle {

    color: var(--white);

    font-weight: 900; /* Molto più marcato */

    font-size: 2.2rem; /* Scritta notevolmente più grande */

    margin-top: 15px;

    text-transform: uppercase;

    letter-spacing: 1px;

    text-shadow: 2px 2px 6px rgba(0,0,0,0.3);

}



/* --- TITOLI DI SEZIONE --- */

.section-title {

    color: var(--avis-blue);

    text-transform: uppercase;

    font-size: 1.4rem;

    margin: 60px 0 40px;

    background: var(--white);

    display: inline-block;

    padding: 12px 35px;

    border-radius: 50px;

    box-shadow: 0 10px 20px rgba(0,0,0,0.15);

}



/* --- GRIGLIA --- */

.grid-organigramma {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

    gap: 30px;

    margin-bottom: 40px;

}



.president-box {

    display: flex;

    justify-content: center;

    margin-bottom: 30px;

}



/* --- CARD --- */

.card {

    background: var(--white);

    border-radius: 15px;

    overflow: hidden;

    box-shadow: 0 15px 35px rgba(0,0,0,0.2);

    display: flex;

    flex-direction: column;

    border: none;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.card:hover {

    transform: translateY(-10px);

    box-shadow: 0 20px 45px rgba(0,0,0,0.3);

}



.president-card {

    max-width: 450px;

}



.card-minimal {

    min-height: 160px;

    justify-content: center;

}



/* --- IMMAGINI --- */

.card-image {

    width: 100%;

    height: 500px;

    background-color: #eee;

    overflow: hidden;

}



.card-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.5s ease;

}



.card:hover .card-image img {

    transform: scale(1.1);

}



/* --- CONTENUTI TEXT --- */

.card-content {

    padding: 25px;

}



.role-tag {

    background: var(--avis-blue);

    color: white;

    padding: 6px 18px;

    font-size: 0.8rem;

    font-weight: bold;

    border-radius: 20px;

    text-transform: uppercase;

    display: inline-block;

    margin-bottom: 15px;

}



.card:hover .role-tag {

    background: var(--avis-red);

}



.card-name {

    margin: 0 0 10px;

    color: var(--avis-blue);

    font-size: 1.4rem;

    font-weight: 800;

}



.card-desc {

    color: var(--text-light);

    font-size: 0.95rem;

    line-height: 1.6;

    margin: 0;

}



.social-links {

    margin-top: 20px;

    padding-top: 15px;

    border-top: 1px solid #eee;

}



.social-links a {

    text-decoration: none;

    color: var(--avis-blue);

    font-weight: bold;

}



.social-links a:hover {

    color: var(--avis-red);

}



/* --- RESPONSIVE --- */

@media (max-width: 768px) {

    h1 { font-size: 2.2rem; }

    .subtitle { font-size: 1.5rem; }

    .grid-organigramma { grid-template-columns: 1fr; }

}