/*    HERO    */
.hero__col:first-child { padding-block: var(--space-10); }
p.hero__overtitle { font-size: var(--fs-20); line-height: 1.1; margin: 0 0 var(--space-1); }
h1.hero__title { font-size: var(--fs-65); line-height: 1.1; margin: 0 0 var(--space-2); }
p.hero__subtitle { font-size: var(--fs-35); line-height: 1.3; margin: 0; text-wrap: balance; }

/*    AREE INTERVENTO    */
.aree-intervento { padding-block: var(--space-10) calc(2 * var(--space-10)); }
h2.aree-intervento__title { font-size: var(--fs-55); line-height: 1.1; text-wrap: balance; margin: 0 0 var(--space-8); }
ul.aree-intervento__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--space-4); }
li.aree-intervento__item { font-size: var(--fs-30); position: relative; &::after { position: absolute;content: ""; background: var(--cobalt); width: 100%; height: 1px; left: 0; bottom: calc(-1 * (var(--space-4) / 2)); } }
li.aree-intervento__item a { text-decoration: none; }

@media (min-width: 551px) {

    /* HERO */
    p.hero__subtitle { max-inline-size: 32ch; }
}
@media (max-width: 766.9px) {

    /* HERO */
    picture.hero__picture { display: block; line-height: 0;}
    picture.hero__picture img { width: 100%; height: auto; }
}
@media (min-width: 767px) {

    /* HERO */
    .hero{ background-size: cover !important; background-position: right center !important; background-repeat: no-repeat !important;}
    picture.hero__picture { display: none; }
}
@media (min-width: 767px) and (max-width: 899.9px) {

    /* HERO */
    .hero{ background: url('/media/heroSpecialistica767.webp'); }
}
@media (min-width: 900px) and (max-width: 1099.9px) {

    /* HERO */
    .hero{ background: url('/media/heroSpecialistica900.webp'); }
}
@media (min-width: 1100px) and (max-width: 1400px) {

    /* HERO */
    .hero{ background: url('/media/heroSpecialistica1100.webp'); }
}
@media (min-width: 1401px) {

    /* HERO */
    .hero{ background: url('/media/heroSpecialistica1401.webp'); }
}