/* HERO */
section.hero { background-color: #8291C7; background-repeat: no-repeat; background-size: cover !important; background-position: right center;}
section.hero.endometriome { background-image: none !important; }
.hero__inner { box-shadow: 0px 0px 50px #00000033; }
h1.hero__title { font-size: var(--fs-65); line-height: 1.1; text-wrap: balance; margin: 0 0 var(--space-2); }
p.hero__overtitle { font-size: var(--fs-20); line-height: 1.1; margin: 0 0 var(--space-1); }
p.hero__overtitle a { text-decoration: none; }
.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
img.hero__logo { margin-bottom: var(--space-3); height: auto;}
h2.hero__subtitle { font-size: var(--fs-25); line-height: 1.4; margin: 0 0 var(--space-3); }
p.hero__text, li.hero__list-item { font-size: var(--fs-25); line-height: 1.5; }
.hero__inner > p:nth-of-type(n+2):not(:last-of-type) { margin: 0 0 var(--space-2); }
.hero__inner > p:last-of-type { margin: 0; }
ul.hero__list { margin: var(--space-2) 0 0; padding-left: var(--space-2); }

/* PANNELLI */
section.pannelli { padding-block: var(--space-10); }
p.pannelli__overtitle { font-size: var(--fs-20); line-height: 1.1; margin: 0 0 var(--space-1); }
h2.pannelli__title { font-size: var(--fs-55); line-height: 1.1; margin: 0 0 var(--space-6);}
.pannelli__list { display: flex; flex-direction: column; gap: var(--space-6); }
.pannelli__item { position: relative; &:not(:last-of-type)::after { position: absolute; content: ""; background: var(--cobalt); width: 100%; height: 1px; bottom: calc(-1 * calc(var(--space-6)) / 2); left:0;}}
p.pannelli__text { font-size: var(--fs-30); line-height: 1.4; margin: 0;}
.pannelli__tat-wrapper { display: flex; align-items: center; gap: calc(var(--space-1) / 2);}
img.pannelli__tat-img {max-width: 2rem; height: 100%; width: 100%;}
p.pannelli__tat { font-size: var(--fs-20); line-height: 1.4; margin-block: var(--space-2); }
p.pannelli__desc { font-size: var(--fs-20); line-height: 1.4; margin: 0;}
p.pannelli__desc:has(+ a) { margin: 0 0 var(--space-2); }
a.pannelli__download-link { font-size: var(--fs-20); text-transform: uppercase; text-decoration: none; border: 3px solid var(--mist); border-radius: 5rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: fit-content; padding-inline: var(--space-6); }

/* CHI */
section.chi { padding-block: var(--space-10); }
p.chi__overtitle { font-size: var(--fs-20); line-height: 1.1; margin: 0 0 var(--space-1); }
h2.chi__title { font-size: var(--fs-55); line-height: 1.1; margin: 0 0 var(--space-4);}
p.chi__text, h3.chi__subtitle, p.chi__item-text { font-size: var(--fs-25); }
p.chi__text { line-height: 1.5;}
p.chi__text:has(+ ul) { margin: 0 0 var(--space-6); }
p.chi__text:has(+ p) { margin: 0 0 var(--space-2); }
p.chi__text:has(+ h3) { margin: 0 0 var(--space-2); }
p.chi__text { margin: 0; }
h3.chi__subtitle.cobalt { margin: 0 0 var(--space-3); }
ul.chi__list { list-style: none; padding: 0; display: flex; flex-direction: column; gap: var(--space-4); }
ul.chi__list:only-of-type { margin: 0; }
ul.chi__list:not(:only-of-type):first-of-type { margin: 0 0 var(--space-8); }
li.chi__item { display: flex; align-items: center; gap: calc(var(--space-2) / 2); position: relative; 
&:not(:last-of-type)::after { position: absolute; content: ""; width: 100%; height: 1px; background: var(--lightGrey); bottom: calc(-1 * calc(var(--space-4) / 2)) ;}}
img.chi__icon { width: clamp(2rem, calc(1.43vw + 1.71rem), 3rem); height: auto; }
p.chi__item-text{ margin: 0; }
img.chi__tabella { width: 100%; height: auto;}
img.chi__tabella-text { margin-top: var(--space-10); }

/* METODO */
section.metodo { box-shadow: 0px 3px 20px #0000000D; padding-block: var(--space-10); }
p.metodo__overtitle { font-size: var(--fs-20); line-height: 1.1; margin: 0 0 var(--space-1); }
h2.metodo__title { font-size: var(--fs-55); line-height: 1.1; margin: 0 0 var(--space-4); }
.metodo__accordion { position: relative; }
.metodo__accordion::after { position: absolute; content: ""; height: 1px; background-color: var(--cobalt); left: 0; right: 0; }
.metodo__item:first-child button.metodo__trigger { padding-bottom: var(--space-2); }
.metodo__item:not(:first-child) button.metodo__trigger { padding: var(--space-2) 0; }
button.metodo__trigger { width: 100%; padding-inline: 0; background: transparent; border: none; text-align: left; cursor: pointer; display: flex; align-items: center; justify-content: space-between; position: relative; }
.metodo__item:not(:first-of-type) > button.metodo__trigger::before { position: absolute; content: ""; height: 1px; background-color: var(--cobalt); top: 0; left: 0; right: 0; }
button.metodo__trigger::after { content: "\e145"; font-family: 'Material Symbols Outlined', sans-serif; font-size: 2em; color: var(--cobalt); display: flex; align-items: center; justify-content: center; height: 0.7em; }
.metodo__item.is-open > button.metodo__trigger::after { content: '\e15b'; }
span.metodo__trigger-text{ font-size: var(--fs-30); cursor: pointer; }
p.metodo__text { font-size: var(--fs-25); line-height: 1.5; }
p.metodo__text:nth-of-type(n+2):not(:last-of-type), button.metodo__trigger + div > p.metodo__text, .metodo__panel > .metodo__text:not(:last-of-type), p.metodo__text:has(+ .metodo__inner) { margin: 0 0 var(--space-2) !important; }
p.metodo__text:last-of-type { margin: 0; }

/* PUBBLICAZIONI */
.pubblicazioni { padding-block: var(--space-10); }
h2.pubblicazioni__title { font-size: var(--fs-35); margin: 0 0 var(--space-2);}
.pubblicazioni__list { list-style: none; counter-reset: pubblicazioni-counter; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); margin: 0; }
.pubblicazioni__item { counter-increment: pubblicazioni-counter; font-size: var(--fs-20); line-height: 1.5; word-wrap: break-word;}
.pubblicazioni__item::before { content: "(" counter(pubblicazioni-counter) ") "; }

/* ANALISI */
.analisi { padding-block: var(--space-10); }
p.analisi__overtitle { font-size: var(--fs-20); line-height: 1.1; margin: 0 0 var(--space-1); }
p.analisi__overtitle a { text-decoration: none; }
h2.analisi__title { font-size: var(--fs-55); line-height: 1.1; text-wrap: balance; margin: 0 0 var(--space-6); }
ul.analisi__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--space-4);}
li.analisi__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.analisi__item a { text-decoration: none; }

@media (max-width: 550px){

    /* PANNELLI */
    a.pannelli__download-link { height: 3.5rem; }
}
@media (min-width: 551px) and (max-width: 899.9px){

    /* PANNELLI */
    a.pannelli__download-link { height: 4rem; }
}
@media (max-width: 766.9px) {

    /* HERO */
    .hero__inner { padding-block: var(--space-8); }
    picture.hero__picture img { width: 100%; display: block; height: auto; }
}
@media (min-width: 767px){

    /* HERO */
    section.hero { padding-top: var(--space-10); }
    .hero__inner { padding: var(--space-8); box-sizing: border-box; }
    picture.hero__picture { display: none; }

    /* PANNELLI */
    a.pannelli__download-link { height: 4.5rem; }
}
@media (min-width: 900px) and (max-width: 1099.9px){

    /* HERO */
    .hero { background-image: url('/media/backTest900.webp'); }
}
@media (max-width: 1099.9px){

    /* HERO */
    img.hero__logo { width: 20rem; }
}
@media (min-width: 1100px) and (max-width: 1400px){

    /* HERO */
    .hero { background-image: url('/media/backTest1100.webp'); }
    img.hero__logo { width: 23rem; }
}
@media (min-width: 1401px) {

    /* HERO */
    .hero { background-image: url('/media/backTest1401.webp'); }
    img.hero__logo { width: 34rem; }
    .eReady, .eubiome { width: 25rem !important; }
}