:root {
    --primary-color: #d62828;
    --secondary-color: #f77f00;
    --dark-color: #003049;
    --light-color: #eae2b7;
    --white-color: #ffffff;
    --black-color: #333333;
}

/* 🌟 Stile Generale */
body {
    font-family: 'Montserrat', sans-serif;
    background-color: #f5f5f5;
}

html {
    font-size: 16px;
}

a {
    text-decoration: none;
    color: inherit;
}

h1, h2, h3 {
    font-weight: 900;
}

header h1 {
    font-size: 3rem;
    margin: 0;
}

header p {
    font-size: 1.2rem;
}

.about-us {
    background: #fff;
    padding: 2rem;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.team-member {
    margin-bottom: 1.5rem; /* Mantiene lo spazio sotto */
}

    .team-member img {
        border-radius: 10%;
        object-fit: contain;
        cursor: pointer;
    }

    .team-member h4 {
        margin-top: 1rem;
        font-size: 1.25rem;
    }

/* Aggiunta per modali reattivi 
        .modal-dialog {
            width: auto;
            max-width: 30%; 
            margin: 30px auto;
        }

        */

.modal-body {
    padding: 0;
}

    .modal-body img {
        display: block;
        max-width: 100%; /* Adatta la larghezza dell'immagine allo schermo */
        height: auto; /* Mantiene il rapporto dell'immagine */
        margin: 0 auto; /* Centra l'immagine */
    }



.bg-custom-gradient {
    background: radial-gradient(circle, rgba(54, 106, 153, 0.8) 10%, rgba(135, 206, 250, 0.8) 80%), linear-gradient(90deg, rgba(54, 106, 153, 1) 0%, rgba(135, 206, 250, 1) 100%);
}

footer {
    background-color: #366A99;
    color: white;
    padding: 20px 0;
    text-align: center;
}

    footer p {
        margin: 0;
        font-size: 0.9rem;
    }

.navbar {
    background-color: #ffefef;
}

/* Stile per i link con la classe nav-link */
.nav-link {
    padding: 20px 25px; /* Maggiore spaziatura per i link */
    font-size: 1.3rem; /* Aumenta leggermente la dimensione del testo */
    transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

    /* Effetto hover per i link: ingrandimento */
    .nav-link:hover {
        color: #ff4d4d;
        transform: scale(1.1);
    }

/* Allineamento logo e titolo */
.navbar-brand {
    display: flex;
    align-items: center;
    font-size: 1.25rem; /* Aumenta leggermente la dimensione del testo del titolo */
}