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

/* DATI */
.dati { background-color: var(--offWhite); }
.dati__col { display: flex; flex-direction: column; gap: var(--space-6); padding-block: var(--space-10); }
.dati__row:nth-child(n+2) { position: relative; &::after {position: absolute; content: ""; width: 7rem; height: 1px; background: var(--pewter); top: -20px}}
p.dati__text { font-size: var(--fs-30); line-height: 1.4; }
p.dati__text.rischio, p.dati__text.ambiente, p.dati__text.salute { text-wrap: balance; }
p.dati__text sup { font-size: 1rem; }
p.dati__text:not(:last-of-type) { margin: 0 0 var(--space-4); }
p.dati__text:last-of-type { margin: 0; }
p.dati__source { font-size: var(--fs-20); line-height: 1.3; margin: 0; }
p.dati__source.infertilita { max-inline-size: 48ch;}

/* ANALISI */
.analisi { padding-block: var(--space-10) calc(2 * var(--space-6)); }
p.analisi__overtitle { font-size: var(--fs-20); line-height: 1.1; margin: 0 0 var(--space-1); }
.analisi__title { font-size: var(--fs-55); line-height: 1.2; text-wrap: balance; margin: 0 0 var(--space-6); }
.analisi__list { display: flex; flex-direction: column; gap: var(--space-6);}
.analisi__item { position: relative; &::after { position: absolute; content: ""; background: var(--cobalt); width: 100%; height: 1px; left: 0; bottom: calc(-1 * calc(var(--space-6)) / 2);}}
a.analisi__btn { text-decoration: none; font-size: var(--fs-30);}

@media (min-width: 551px) and (max-width: 766.9px){

    /* HERO */
    .hero__title.rischio { inline-size: 17ch; }

    /* DATI */
    p.dati__text.infertilita { max-inline-size: 38ch; }
    p.dati__source.rischio { max-inline-size: 51ch; }
}
@media (max-width: 766.9px) {

    /* HERO */
    h1.hero__title.rischio { inline-size: 16ch; }
    picture.hero__picture, picture.dati__picture { display: block; }
    picture.hero__picture img, picture.dati__picture img { width: 100%; height: auto; }
}
@media (min-width: 767px) {

    /* HERO */
    .hero { background-size: cover !important; background-position: right center !important; }
    h1.hero__title { inline-size: 16ch; }
    .hero__picture { display: none; }

    /* DATI */
    .dati{ background-position: right bottom !important; background-repeat: no-repeat !important;}
    .dati.infertilita { background-size: contain !important; }
    .dati__picture { display: none; }

}
@media (min-width: 767px) and (max-width: 899.9px){

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

    /* DATI */
    .dati{ background-image: url('/media/testPma767.webp'); }
    .dati.infertilita{ background-size: contain !important; }
    p.dati__text.infertilita { inline-size: 33ch; text-wrap: balance; }
    p.dati__text.dati.rischio { inline-size: 33ch; }
    p.dati__source.rischio { inline-size: 48ch; }

}
@media (min-width: 767px) and (max-width: 1099.9px){

    /* DATI */      
    section.dati.salute { background-size: 68vw; }
    p.dati__text.rischio { inline-size: 43ch; }
}
@media (min-width: 767px) and (max-width: 1400px){

    /* DATI */      
    p.dati__text.ambiente { max-inline-size: 45ch; }
    p.dati__text.salute { max-inline-size: 44ch; }
}
@media (max-width: 899.9px){

    /* HERO */
    p.hero__subtitle.infertilita, p.hero__subtitle.rischio { max-inline-size: 22ch; }
    p.hero__subtitle.ambiente { max-inline-size: 24ch; }
    p.hero__subtitle { text-wrap: balance;}

}
@media (min-width: 900px) {

    /* HERO */
    p.hero__subtitle { inline-size: 28ch; }
    p.hero__subtitle.ambiente { text-wrap: balance;}
}
@media (min-width: 900px) and (max-width: 1099.9px){

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

    /* DATI */
    .dati{ background-image: url('/media/testPma900.webp'); }
    section.dati.rischio{  background-size: 95vw !important; }
    section.dati.ambiente { background-size: 70vw; }
    p.dati__source.rischio { inline-size: 48ch; }
}
@media (min-width: 900px) and (max-width: 1400px){

    /* DATI */
    p.dati__text.infertilita { inline-size: 39ch; }
}
@media (min-width: 1100px) and (max-width: 1400px){

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

    /* DATI */
    .dati{ background-image: url('/media/testPma1100.webp'); }
    section.dati.rischio{  background-size: 85vw !important; }
    section.dati.salute { background-size: 80vw !important; }
    .dati.ambiente { background-size: 65vw; }
    p.dati__text.rischio { inline-size: 44ch; }
    p.dati__source.rischio { inline-size: 55ch; }
}
@media (min-width: 1401px) {

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

    /* DATI */
    .dati{ background-image: url('/media/testPma1401.webp'); }
    .dati.rischio{  background-size: 70vw !important; }
    .dati.ambiente, .dati.salute { background-size: 65vw; }
    p.dati__text { inline-size: 49ch; }
    p.dati__source.rischio { max-inline-size: 61ch;}
}