/* =========================================
   PAGINA SERVIZI – VERSIONE FINALE COERENTE
========================================= */

.srv-main {
    margin-top: 40px;
}


/* =====================================================
   INTRO SERVIZI
===================================================== */

.services-intro__list {
    margin: 0 0 30px 0;
    padding-left: 20px;
}

.services-intro__body {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 50px;
    align-items: center;
}

.services-intro__text p:first-child {
    margin-top: 0;
}

.services-intro__media {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.services-intro__image {
    max-width: 200px;
    width: 100%;
    height: auto;
}


/* =====================================================
   SEZIONI STRUTTURATE
===================================================== */

.srv-section {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 60px;
    align-items: center;   /* <-- QUESTO è il punto chiave */
}



.srv-section__text {
    line-height: 1.6;
}

.srv-section__text p:first-child {
    margin-top: 0;
}


/* riduce lo spazio tra h4 e il primo p sotto */
.srv-row__text h3 {
    margin-top: 5;
    margin-bottom: 6px;
}

.srv-row__text h3 + p {
    margin-top: 0;
}

.srv-section__media {
    display: flex;
    align-items: center;   /* centra verticalmente dentro la cella */
    justify-content: flex-end;
}


.srv-section__image {
    max-width: 200px;
    width: 100%;
    height: auto;
}

/* =====================================================
   INTERPRETAZIONE – righe 2 colonne (testo | immagine)
   Ogni riga: da <h4> fino al prossimo <h4>
===================================================== */

.srv-interpretazione {
    margin-bottom: 40px;
}

/* riga = due colonne */
.srv-row {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 60px;
    align-items: center;      /* effetto table: centratura verticale */
    margin-top: 0;
}

/* evita “scalino” da margini default */
.srv-row__text p:first-child {
    margin-top: 0;
}

.srv-row__media {
    display: flex;
    justify-content: flex-end; /* immagine a destra */
    align-items: center;
}

.srv-row__image {
    max-width: 200px;
    width: 100%;
    height: auto;
}

.srv-row__image_interprete {
    max-width: 100px;
    width: 100%;
    height: auto;
}

.srv-row__image_chuchotage {
    max-width: 120px;
    width: 100%;
    height: auto;
}

.srv-row__image_bidule {
    max-width: 100px;
    width: 100%;
    height: auto;
}

.srv-row__image_consecutiva {
    max-width: 140px;
    width: 100%;
    height: auto;
}

.srv-row__image_trattativa {
    max-width: 130px;
    width: 100%;
    height: auto;
}

.srv-row__image_remoto {
    max-width: 120px;
    width: 100%;
    height: auto;
}

/* righe senza immagine */
.srv-row--no-media {
    grid-template-columns: 1fr;
}


/* =====================================================
   TRADUZIONE
===================================================== */


.srv-traduzione {
    margin-bottom: 40px;
}

.srv-traduzione > p:first-of-type {
  margin-bottom: 30px;
}

.srv-row__image_robot {
    max-width: 120px;
    width: 100%;
    height: auto;
}
.srv-row__image_einstein {
    max-width: 120px;
    width: 100%;
    height: auto;
}

/* =====================================================
   REVISIONE
===================================================== */
.srv-row__image_revisione {
    max-width: 120px;
    width: 100%;
    height: auto;
}

/* =====================================================
   RESPONSIVE
===================================================== */
@media (max-width: 768px) {

    .services-intro__body,
    .srv-section,
    .srv-row {                 /* <-- aggiunto */
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .services-intro__media,
    .srv-section__media,
    .srv-row__media {          /* <-- aggiunto */
        justify-content: flex-start;
    }
}