/*-----*/
/* v.2 */
/*-----*/


/* Stili per la pagina principale della sezione Lingua Italiana */

.hero-section-lingua {
    position: relative;
    padding: 4rem 0; /* Aumentato padding per più spazio verticale */
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 35vh; /* altezza verticale dell'immagine */
    background-size: cover;
    background-position: center;
    color: #003366; /* Testo titolo */
}

/* Aggiungiamo un overlay scuro per migliorare la leggibilità del testo sull'immagine */
.hero-section-lingua::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 20, 41, 0); /* tonalità velo sopra l'immagine */
}

/* Assicura che il contenuto sia sopra l'overlay */
.hero-section-lingua .container {
    position: relative; 
    z-index: 2;
}

.hero-section-lingua h1,
.hero-section-lingua h2,
.hero-section-lingua p {
    text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
}

.hero-section-lingua h1 { font-size: 5rem; font-weight: 700; }
.hero-section-lingua h2 { font-size: 2rem; font-weight: 600; font-style: italic; margin-bottom: 2rem; }
.hero-section-lingua p { color: #003366; font-weight: 500; font-size: 1.4rem; max-width: 900px; margin: 0 auto 3rem auto; }


/* ===== STILI BOTTONI PERSONALIZZATI ===== */
.cta-button-lingua {
    background-color: #337ab7; /* Colore base (azzurro meno intenso) */
    border-color: #2e6da4;
    color: #fff !important;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 50px; /* Bordi arrotondati */
    transition: all 0.3s ease;
}
.cta-button-lingua:hover {
    background-color: #003366; /* Colore blu scuro al passaggio del mouse */
    border-color: #00274d;
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0,0,0,.2);
}
/* ===================================== */


.section-intro { text-align: center; margin-bottom: 3rem; margin-top: 3rem;}
.section-intro h2 { font-size: 2.8rem; color: #1A759F; font-weight: 700; margin-bottom: 1rem; }
.section-intro p { font-size: 1.2rem; color: #555; max-width: 900px; margin: 0 auto; }

.subject-card {
    background-color: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: .75rem;
    box-shadow: 0 5px 15px rgba(0,0,0,.05);
    text-align: center;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    height: 100%;
}
.subject-card:hover { transform: translateY(-7px); box-shadow: 0 12px 25px rgba(0,0,0,.1); }
.subject-card .card-body { padding: 2.5rem; }
.subject-card .icon { font-size: 3.5rem; color: #003366; margin-bottom: 1.5rem; }
.subject-card h3 { font-size: 1.5rem; font-weight: 700; color: #333; margin-bottom: 1rem; }
.subject-card p { font-size: 1rem; color: #666; line-height: 1.6; }