.ambassadors-section {
        background-color: var(--color-white);
      }
      .ambassadors-section .ambassador-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 30px;
        margin-top: 40px;
      }
      .ambassadors-section .ambassador-card {
        background-color: var(--color-light-blue-grey);
        border-radius: var(--border-radius-soft);
        box-shadow: var(--box-shadow-subtle);
        overflow: hidden;
        text-align: center;
        padding-bottom: 25px;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
      }
      .ambassadors-section .ambassador-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
      }
      .ambassadors-section .ambassador-card img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        margin-bottom: 20px;
        border-bottom: 5px solid var(--color-coral-red);
      }
      .ambassadors-section .ambassador-card h4 {
        color: var(--color-deep-teal);
        font-size: 1.5em;
        margin-bottom: 10px;
      }
      .ambassadors-section .ambassador-card p {
        font-size: 0.95em;
        color: var(--text-medium);
        padding: 0 20px;
      }
      .ambassadors-section .ambassador-card .social-icons a {
        color: var(--color-teal-vibrant);
        font-size: 1.5em;
        margin: 0 10px;
        transition: color 0.3s ease;
      }
      .ambassadors-section .ambassador-card .social-icons a:hover {
        color: var(--color-deep-teal);
      }
      
      /* Modificăm puțin secțiunea principală pentru a avea spațiere corectă */
.ambassadors-section {
    padding: 80px 0; /* Spațiu deasupra și dedesubt, fără spațiu lateral */
}

/* Stiluri pentru antetul secțiunii (titlu + paragraf) */
.ambassadors-section .section-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px auto; /* Centrează și adaugă spațiu dedesubt */
    padding: 0 20px; /* Adaugă spațiu lateral pe ecrane mici */
}

.ambassadors-section .section-header h3 {
    font-size: clamp(2.2em, 5vw, 3em);
    font-weight: 800;
    color: var(--color-deep-teal);
    margin-bottom: 15px;
}

.ambassadors-section .section-header p {
    font-size: 1.2em;
    line-height: 1.7;
    color: var(--text-light);
}

/* Stiluri pentru containerul butoanelor de la final */
.ambassadors-section .section-cta-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 60px; /* Spațiu deasupra butoanelor */
}

/* ================================================= */
/*          STILURI PENTRU FUNCȚIA "VEZI MAI MULT"   */
/*               ÎN CARDURILE DE AMBASADORI          */
/* ================================================= */

/* Acest container este nou și ține textul și butonul la un loc */
.expandable-text-wrapper {
    padding: 0 20px; /* Aliniază cu padding-ul pe care îl aveai deja pe <p> */
}

/* Containerul care ascunde textul */
.expandable-content {
    position: relative;
    /* Înălțimea maximă inițială - aprox. 5 linii */
    max-height: 100px; 
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

/* Paragraful din interior nu mai are nevoie de padding propriu */
.expandable-content p {
    padding: 0;
    margin: 0;
}

/* Efectul de umbră la finalul textului tăiat */
.expandable-content::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    /* Gradient de la transparent la culoarea de fundal a cardului */
    background: linear-gradient(to bottom, rgba(247, 248, 250, 0), rgb(247, 248, 250) 90%);
    pointer-events: none;
    transition: opacity 0.3s ease;
}

/* Când containerul este extins */
.expandable-content.expanded {
    max-height: 1000px; /* O valoare mare pentru a încăpea orice text */
}

/* Ascundem umbra când textul este complet vizibil */
.expandable-content.expanded::after {
    opacity: 0;
}

/* Stilul pentru butonul "Vezi mai mult" */
.read-more-btn {
    display: block; /* Ocupă toată lățimea disponibilă */
    text-align: center;
    margin-top: 10px;
    font-weight: 700;
    color: var(--color-coral-red); 
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease;
}

.read-more-btn:hover {
    color: var(--color-deep-teal);
}

/* Ne asigurăm că iconițele sociale au suficient spațiu */
.ambassador-card .social-icons {
    margin-top: 20px;
}
```**Notă:** Culoarea din `linear-gradient` (`rgb(247, 248, 250)`) este `--color-light-blue-grey`, adică fundalul cardului. Dacă schimbi fundalul cardului, trebuie să actualizezi și această culoare.
/* ================================================= */
/*          STILURI GENERALE PENTRU AMBASSADOR CARD  */
/*   (SE APLICĂ ORIUNDE, INCLUSIV ÎN INTERIORUL ARTICOLELOR) */
/* ================================================= */

/* Stilul de bază pentru orice card de ambasador */
.ambassador-card {
    background-color: var(--color-light-blue-grey);
    border-radius: var(--border-radius-soft);
    box-shadow: var(--box-shadow-subtle);
    overflow: hidden; /* Foarte important pentru a conține imaginea */
    text-align: center;
    padding-bottom: 25px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ambassador-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* Stilul pentru imaginea din card */
.ambassador-card img {
    width: 100%;
    height: 250px;
    object-fit: cover; /* Asigură că imaginea umple spațiul fără a se deforma */
    margin-bottom: 20px;
    border-bottom: 5px solid var(--color-coral-red);
}

/* Stilul pentru titlu (numele ambasadorului) */
.ambassador-card h4 {
    color: var(--color-deep-teal);
    font-size: 1.5em;
    margin-bottom: 10px;
}

/* Stilul pentru textul citatului */
.ambassador-card p {
    font-size: 0.95em;
    color: var(--text-medium);
    padding: 0 20px;
}

/* Stilul pentru iconițele sociale */
.ambassador-card .social-icons {
    margin-top: 20px;
}
.ambassador-card .social-icons a {
    color: var(--color-teal-vibrant);
    font-size: 1.5em;
    margin: 0 10px;
    transition: color 0.3s ease;
}
.ambassador-card .social-icons a:hover {
    color: var(--color-deep-teal);
}

/* ================================================= */
/*          STILURI PENTRU PAGINA AMBASADORI         */
/* ================================================= */

/* Antetul secțiunii */
.ambassadors-section {
    padding: 80px 20px;
    background-color: #f8f9fa; /* Un fundal subtil */
}
.section-header {
    text-align: center;
    margin-bottom: 50px;
}
.section-header h3 {
    font-size: 2.5em;
    font-weight: 800;
    color: var(--color-deep-teal);
    margin-bottom: 10px;
}
.section-header p {
    font-size: 1.2em;
    color: var(--text-light);
    max-width: 600px;
    margin: 0 auto;
}

/* Grila de ambasadori - AICI ESTE CHEIA */
.ambassador-grid {
    display: grid;
    /* Creează 3 coloane egale pe desktop */
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* Stilul fiecărui card de ambasador */
.ambassador-card {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.07);
    padding: 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.ambassador-card img {
    width: 150px;
    height: 150px;
    border-radius: 50%; /* Imagini rotunde */
    object-fit: cover;
    margin: 0 auto 20px auto;
    border: 4px solid #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.ambassador-card h4 {
    font-size: 1.4em;
    font-weight: 700;
    color: var(--color-deep-teal);
    margin-bottom: 15px;
}
.ambassador-card p {
    font-size: 0.95em;
    line-height: 1.7;
    color: var(--text-dark);
    flex-grow: 1; /* Permite textului să umple spațiul vertical */
}
.social-icons {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 20px;
}
.social-icons a {
    font-size: 1.5em;
    color: var(--color-light-teal);
    transition: color 0.3s, transform 0.3s;
}
.social-icons a:hover {
    color: var(--color-coral-red);
    transform: scale(1.1);
}

/* Stil pentru textul expandabil */
.expandable-text-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.expandable-content {
    max-height: 100px; /* Înălțime inițială limitată */
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    text-align: left; /* Aliniem textul la stânga pentru lizibilitate */
}
.expandable-content.expanded {
    max-height: 500px; /* Înălțime maximă la expandare */
}
.read-more-btn {
    margin-top: 10px;
    font-weight: 600;
    color: var(--color-teal-vibrant);
    cursor: pointer;
    text-decoration: none;
}

/* Adaptare pentru tablete și mobile */
@media (max-width: 992px) {
    .ambassador-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 coloane pe tablete */
    }
}
@media (max-width: 768px) {
    .ambassador-grid {
        grid-template-columns: 1fr; /* O singură coloană pe mobil */
    }
}