.mod-dettaglio-intervento  {
    padding: var(--pad-section-top) var(--pad-section-lat) var(--pad-section-bot);
}

.mod-dettaglio-intervento .container-small  {
    margin: 0 auto;
    max-width: 1536px;
}

.mod-dettaglio-intervento.padding.maggiore .container-small .testo-normale{
    margin-bottom: 24px;
}

.mod-dettaglio-intervento .container-small:has(.testo-evidenza) .testo-normale p{
    margin-top: 0;
    margin-bottom: 1.5em;
}

.mod-dettaglio-intervento .container-small .testo-normale{
    margin-bottom: 0;
}

.mod-dettaglio-intervento .container-small .testo-normale p{
    margin: 0;
}

.mod-dettaglio-intervento .container-small:has(.dettaglio-immagini) .dettaglio-testi {
    margin-bottom: 40px;
}

.mod-dettaglio-intervento .container-small:has(.dettaglio-immagini) .dettaglio-lista-ambiti{
    margin-top: 50px;
}

.mod-dettaglio-intervento .container-small .dettaglio-lista-ambiti .titolo-lista{
    margin-bottom: 20px;
    margin-top: 0;
}

.mod-dettaglio-intervento .container-small .testo-evidenza p {
    margin: 0;
}

/* Griglia Immagini */
.mod-dettaglio-intervento .dettaglio-immagini {
    display: grid;
    gap: 20px;
    margin-bottom: 40px;
}
.mod-dettaglio-intervento .dettaglio-immagini.grid-2-cols {
    grid-template-columns: 1fr 1fr;
}
.mod-dettaglio-intervento .dettaglio-immagini.grid-1-col {
    grid-template-columns: 1fr;
}
.mod-dettaglio-intervento .dettaglio-immagini .img-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 4/3;
    object-fit: cover;
}

/* Lista Ambiti */
.mod-dettaglio-intervento .dettaglio-lista-ambiti .ambiti-items {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.mod-dettaglio-intervento .ambito-item {
    display: flex;
    align-items: center;
    gap: 24px;
}

.mod-dettaglio-intervento .ambito-icon {
    width: 41px;
    height: 41px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Su mobile, le immagini vanno sempre su una colonna */
@media (max-width: 992px) {
    .mod-dettaglio-intervento .dettaglio-immagini.grid-2-cols {
        grid-template-columns: 1fr;
    }

    .mod-dettaglio-intervento.padding.maggiore  {
      padding: 20px 0;
      margin: 0 auto;
    }

    .mod-dettaglio-intervento  {
      padding: 40px 0;
      margin: 0 auto;
    }

    .mod-dettaglio-intervento.padding.maggiore .container-small{
        padding: 0 20px;
    }

    .mod-dettaglio-intervento .container-small{
        padding: 0 20px;
    }

    .mod-dettaglio-intervento .ambito-item {
        align-items: start;
    }
}