/* HERO */
.hero { box-shadow: -10px -10px 10px #0000000A; }
.hero__col { 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; text-wrap: balance; margin: 0 0 var(--space-2); }
p.hero__subtitle { font-size: var(--fs-40); line-height: 1.3; margin: 0 0 var(--space-6); text-wrap: balance; }
a.hero__cta { font-size: var(--fs-20); text-decoration: none; border: 3px solid var(--pumpkin); border-radius: 5rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: fit-content; padding-inline: var(--space-4);}

/* PERCORSO */
.percorso { padding-block: var(--space-10); }
p.percorso__overtitle { font-size: var(--fs-20); line-height: 1.1; margin: 0 0 var(--space-1); }
h2.percorso__title { font-size: var(--fs-45); line-height: 1.2; max-inline-size: 32ch; text-wrap: balance; margin: 0 0 var(--space-3); }
p.percorso__text { font-size: var(--fs-30); line-height: 1.4; max-inline-size: 53ch; text-wrap: balance; margin: 0; }

/* GENETICA */   
.genetica__col { padding-block: var(--space-10) calc(2 * var(--space-6)); }
p.genetica__overtitle { font-size: var(--fs-20); line-height: 1.1; margin: 0 0 var(--space-1); }
h2.genetica__title { font-size: var(--fs-55); line-height: 1.1; max-inline-size: 25ch; text-wrap: balance; margin: 0 0 var(--space-2); }
p.genetica__text { font-size: var(--fs-30); line-height: 1.3; max-inline-size: 38ch; text-wrap: balance; margin: 0 0 var(--space-6); }
ul.genetica__list { display: flex; flex-direction: column; gap: var(--space-4); margin: 0; padding-left: var(--space-3);}
li.genetica__item { font-size: var(--fs-30); line-height: 1; margin: 0; }

/* ANALISI */ 
.analisi { background: rgb(0 56 131 / 50%); }
.analisi__inner { padding-block: var(--space-6); padding-inline: var(--space-8);}
p.analisi__text { font-size: var(--fs-30); line-height: 1.5; margin: 0; max-inline-size: 62ch;}

/* RICHIEDERE */ 
.richiedere__col { padding-block: var(--space-10); }
h2.richiedere__title { font-size: var(--fs-55); line-height: 1.1; max-inline-size: 25ch; text-wrap: balance; margin: 0 0 var(--space-2); }
p.richiedere__text { font-size: var(--fs-30); line-height: 1.3; max-inline-size: 31ch; }
p.richiedere__text:not(:last-of-type) { margin: 0 0 var(--space-6);  }
p.richiedere__text:last-of-type { margin: 0;  }
ul.richiedere__list { display: flex; flex-direction: column; gap: var(--space-4); margin: 0 0 var(--space-6); padding-left: var(--space-3);}
li.richiedere__item { font-size: var(--fs-30); line-height: 1.2; margin: 0; }

/* ANALISI */
section.consulenze { padding-block: var(--space-10); }
p.consulenze__overtitle { font-size: var(--fs-20); line-height: 1.1; margin: 0 0 var(--space-1); }
h2.consulenze__title { font-size: var(--fs-55); line-height: 1.1; max-inline-size: 25ch; text-wrap: balance; margin: 0 0 var(--space-6); }
.consulenze__accordion { display: flex; flex-direction: column; gap: var(--space-6); }
button.accordion__btn { width: 100%; background: transparent; border: none; text-align: left; cursor: pointer; display: flex; align-items: center; gap: var(--space-4); justify-content: space-between; position: relative; padding: var(--space-4) var(--space-6); &::after{ content: "\e145"; font-weight: 900; font-family: 'Material Symbols Outlined', sans-serif; font-size: 2.3rem; color: #8291C7; cursor: pointer;}}
.accordion__row.is-open > button.accordion__btn::after { content: '\e15b'; }
.accordion__head { display: flex; align-items: center; gap: var(--space-2);}
.accordion__head img { max-width: clamp(3rem, calc(0.71vw + 2.86rem), 4rem); max-height: clamp(3rem, calc(0.71vw + 2.86rem), 4rem); object-fit: contain; width: 100%; height: 100%;}
h4.accordion__title { font-size: var(--fs-30); line-height: 1.2; text-wrap: balance; margin: 0;}
.accordion__body { padding: 0 var(--space-6) var(--space-6); }
.accordion__body > p:last-of-type { margin: 0; }
p.accordion__text { font-size: var(--fs-20); line-height: 1.5; margin: 0 0 var(--space-2); }
ul.accordion__list { margin-block: 0 var(--space-2); padding-left: var(--space-2); display: flex; flex-direction: column; gap: calc(var(--space-2) / 2); }
li.accordion__item { font-size: var(--fs-20); line-height: 1.3;}

/* SPECIALISTI */
.specialisti { padding-block: var(--space-10); }
.specialisti__overtitle { font-size: var(--fs-20); line-height: 1.1; margin: 0 0 var(--space-1); }
.specialisti__title { font-size: var(--fs-55); line-height: 1.1; margin: 0 0 var(--space-6); text-wrap: balance;}
.specialisti__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-6); }
article.specialisti__card { display: flex; flex-direction: column; border-radius: 2rem; box-shadow: 0px 0px 35px #0000001A;}
img.specialisti__image { border-radius: 2rem 2rem 0 0; width: 100%; }
.specialisti__footer { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; padding: var(--space-4);gap: var(--space-3); }
p.specialisti__name { margin: 0; }
.specialisti__name, .specialisti__role { font-size: var(--fs-15); line-height: 1.1; }
a.specialisti__btn { font-size: var(--fs-20); text-decoration: none; border: 3px solid var(--pumpkin); border-radius: 5rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: fit-content; padding-inline: var(--space-4); margin: var(--space-8) auto 0;}

@media (max-width: 550px) {

    /* HERO */       
    a.hero__cta { height: 3.5rem; }

    /* SPECIALISTI */ 
    article.specialisti__card { width: 20rem; }
    a.specialisti__btn { height: 3.5rem; }
}
@media (min-width: 551px) {

    /* HERO */   
    p.hero__subtitle { inline-size: 25ch; }

    /* ANALISI */ 
    .analisi { border-radius: 5.5rem 0 0 5.5rem; }
}
@media (min-width: 551px) and (max-width: 899.9px){

    /* HERO */   
    a.hero__cta { height: 4rem; }

    /* GENETICA */   
    section.genetica { position: relative; z-index: 1;}

    /* ANALISI */   
    section.analisi { position: relative; z-index: 2;}

    /* SPECIALISTI */  
    article.specialisti__card { flex: 0 0 calc((100% - var(--space-6)) / 2); } 
    a.specialisti__btn { height: 4rem; }
}
@media (max-width: 766.9px) {

    /* HERO */   
    picture.hero__picture { display: block; line-height: 0; }
    picture.hero__picture img { width: 100%; height: auto; }

    /* GENETICA */   
    picture.genetica__picture { display: block; line-height: 0; border-top: solid 1px var(--cobalt); }
    picture.genetica__picture img { width: 100%; height: auto; }

    /* RICHIEDERE */   
    picture.richiedere__picture { display: block; line-height: 0; }
    picture.richiedere__picture img { width: 100%; height: auto; }

    /* CONSULENZE */   
    .consulenze__accordion.accordion { padding-inline: 0; }
}
@media (min-width: 767px) {

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

    /* GENETICA */   
    .genetica { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;  }
    picture.genetica__picture { display: none; }

    /* ANALISI */   
    .analisi__inner { border-radius: 5.5rem 0 0 5.5rem; margin-left: var(--space-2); }

    /* RICHIEDERE */   
    .richiedere { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;  }
    picture.richiedere__picture { display: none; }

    /* CONSULENZE */   
    .accordion__row{ border-radius: 2.5rem; }
}
@media (min-width: 767px)  and (max-width: 899.9px){

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

    /* GENETICA */ 
    .genetica { background: url('/media/genetica767.webp');  }

    /* RICHIEDERE */  
    .richiedere{ background: url('/media/richiediconsulenza767.webp'); }
}
@media (min-width: 900px) {

    /* HERO */   
    a.hero__cta { height: 4.5rem; }

    /* SPECIALISTI */   
    article.specialisti__card { flex: 0 0 calc((100% - (2 * var(--space-6))) / 3); }
    a.specialisti__btn { height: 4.5rem; }
}
@media (min-width: 900px)  and (max-width: 1099.9px){

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

    /* GENETICA */ 
    .genetica { background: url('/media/genetica900.webp');  }

    /* RICHIEDERE */  
    .richiedere{ background: url('/media/richiediconsulenza900.webp'); }
}
@media (min-width: 1100px)  and (max-width: 1400px){

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

    /* GENETICA */ 
    .genetica { background: url('/media/genetica1100.webp'); }

    /* ANALISI */  
    .analisi { margin-left: calc((100vw - 94vw) / 2) }

    /* RICHIEDERE */  
    .richiedere{ background: url('/media/richiediconsulenza1100.webp'); }
}
@media (min-width: 1401px) {

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

    /* GENETICA */   
    .genetica { background: url('/media/genetica1401.webp'); }

    /* ANALISI */  
    .analisi { margin-left: calc((100vw - min(92vw, 1380px)) / 2) }

    /* RICHIEDERE */  
    .richiedere{ background: url('/media/richiediconsulenza.webp'); }
}