/* HERO */
.hero__col { padding-block: var(--space-10); }
p.hero__overtitle, p.indicatore__overtitle { font-size: var(--fs-20); line-height: 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__text { font-size: var(--fs-35); line-height: 1.24; text-wrap: balance; }
p.hero__text:not(.last) { margin: 0 0 var(--space-2); } 
p.hero__text.last, p.indicatore__text, p.punteggio__score, p.punteggio__update, p.opinione__text.last, ul.opinione__list, p.racconta__text{ margin: 0; }

/* SODDISFAZIONE CLIENTI */
.indicatore__inner { padding-block: var(--space-10); }
p.indicatore__text { font-size: var(--fs-40); line-height: 1.28; }

/* SCORE */
.punteggio { position: relative; background-repeat: no-repeat; }
.punteggio__grid, .opinione__grid, ul.opinione__list, .iconTextSocial, .racconta__grid { display: flex; }
.punteggio__grid {padding-block: var(--space-10); }
.punteggio__circle { height: auto; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; border: 3px solid var(--jade); border-radius: 50%; background: rgb(255 255 255 / 77%); box-sizing: border-box; }
p.punteggio__score { font-size: var(--fs-150); line-height: 1; }
p.punteggio__heading { font-size: var(--fs-40); line-height: 1.24; }
ul.punteggio__list{ list-style: none; padding: 0; margin: 0 0 var(--space-4); }
li.punteggio__item { font-size: var(--fs-40); line-height: 1.24; }
p.punteggio__update { font-size: var(--fs-20); line-height: 1.5; }
.score__triangle { position: absolute; width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 40px solid var(--platinum); margin: 0 auto; bottom: -40px; left: calc((100% - min(80vw, 1200px)) / 2); transform: none; }

/* OPINIONE */
.opinione { padding-block: var(--space-10); }
h2.opinione__title { font-size: var(--fs-55); line-height: 1.1; text-wrap: balance; margin: 0 0 var(--space-2); inline-size: 15ch; }
p.opinione__text { font-size: var(--fs-25); line-height: 1.3; text-wrap: balance; }
p.opinione__text:not(.last) { margin: 0 0 var(--space-2); }
ul.opinione__list { flex-direction: column; list-style: none; padding-left: 0; grid-gap: var(--space-3); }
li.opinione__item { border: 3px solid #003883; border-radius: 5rem; }
a.opinione__link { text-decoration: none; display: flex; align-items: center; grid-gap: var(--space-1); }
img.opinione__icon { height: auto; width: clamp(2.4rem, calc(0.96vw + 2.04rem), 3rem); }
.opinione__label { font-size: var(--fs-20); line-height: 1.2; }

/* RACCONTA */
.racconta { padding-block: var(--space-6); }
p.racconta__text { font-size: var(--fs-30); line-height: 1.3; text-wrap: balance; }
a.racconta__btn { font-size: var(--fs-20); text-decoration: none; border: 3px solid var(--jade); border-radius: 5rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }

@media (max-width: 550px){

    /* HERO */
    p.hero__text { max-inline-size: 24ch; }

    /* SCORE */
    .punteggio{ background-image: url('/media/punteggioNPS550.webp'); background-size: 80%; }
    .punteggio__circle { width: 65%; }
}
@media (min-width: 551px) and (max-width: 766.9px){

    /* SCORE */
    .punteggio{ background-image: url('/media/punteggioNPS767.webp'); background-size: 135%; }
    .punteggio__circle { width: 60%; }
}
@media (max-width: 766.9px){

    /* HERO */
    picture.hero__picture { display: block; line-height: 0; }
    picture.hero__picture img { width: 100%; height: auto; }
    
    /* SCORE */
    .punteggio { background-position: right bottom; }
    .punteggio__grid { grid-gap: var(--space-6); }
    .punteggio__grid, .racconta__grid { flex-direction: column; }
    .punteggio__circle { margin: auto; }
    p.punteggio__heading { margin: 0 0 var(--space-3); }

    /* RACCONTA */
    .racconta__grid { grid-gap: var(--space-5); }
    a.racconta__btn { width: 100%; }
}
@media (min-width: 767px){
    
    /* HERO */
    .hero { background-size: contain; background-position: right bottom; background-repeat: no-repeat; }
    h1.hero__title { inline-size: 12ch; }
    p.hero__text { inline-size: 24ch; }
    picture.hero__picture { display: none; }
    
    /* SCORE */
    .punteggio{ background-size: cover; background-position: right center;}
    p.punteggio__heading { margin: 0 0 var(--space-5); }
    .punteggio__grid { align-items: center; }
    .punteggio__circle { width: 100%; }
    .punteggio__col:last-child { flex: 1; }
    
    /* OPINIONE */
    .opinione__grid, .racconta__grid { justify-content: space-between; }
    
    /* RACCONTA */
    .racconta__grid { align-items: center; }
}
@media (min-width: 767px) and (max-width: 899.9px){

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

    /* SCORE */
    .punteggio{ background-image: url('/media/punteggioNPS767.webp'); }
    .punteggio__grid { grid-gap: var(--space-5); }
    .punteggio__col:first-child { flex: 0 0 37%; }

    /* RACCONTA */
    p.racconta__text { inline-size: 20ch; }
    a.racconta__btn { width: 29ch; }
}
@media (max-width: 899.9px){
    .opinione__grid { flex-direction: column; }

    /* OPINIONE */
    .opinione__grid { grid-gap: var(--space-6); flex-direction: column; }
    p.opinione__text { max-inline-size: 37ch; }
    ul.opinione__list { max-inline-size: fit-content; }
    a.opinione__link { padding: var(--space-2); }

    /* RACCONTA */
    a.racconta__btn { height: 4rem; }
}
@media (min-width: 900px){
    
    /* SODDISFAZIONE CLIENTI */
    p.indicatore__text { inline-size: 38ch; text-wrap: balance;}
    
    /* OPINIONE */
    .opinione__grid { align-items: center; }
}
@media (min-width: 900px) and (max-width: 1099.9px){

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

    /* SCORE */
    .punteggio{ background-image: url('/media/punteggioNPS900.webp'); }
    .punteggio__grid { grid-gap: var(--space-5); }
    .punteggio__col:first-child { flex: 0 0 39%; }

    /* OPINIONE */
    .opinione__grid { grid-gap: var(--space-3); }
    p.opinione__text { inline-size: 27ch; }
    a.opinione__link { padding: var(--space-2); }

    /* RACCONTA */
    p.racconta__text { inline-size: 20ch; }
    a.racconta__btn { width: 35ch; height: 4.5rem; }
}
@media (min-width: 1100px) and (max-width: 1400px){

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

    /* SCORE */
    .punteggio{ background-image: url('/media/punteggioNPS1100.webp'); }
    .punteggio__grid { grid-gap: var(--space-5); }
    .punteggio__col:first-child { flex: 0 0 32%; }

    /* OPINIONE */
    p.opinione__text { inline-size: 27ch; }
    a.opinione__link { padding: var(--space-2); }

    /* RACCONTA */
    p.racconta__text { inline-size: 20ch; }
    a.racconta__btn { width: 38ch; height: 4.5rem; }
}
@media (min-width: 1401px) {

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

    /* SCORE */
    .punteggio{ background-image: url('/media/punteggioNPS2000.webp'); }
    .punteggio__grid { grid-gap: var(--space-6); }
    .punteggio__col:first-child { flex: 0 0 34%; }

    /* OPINIONE */
    p.opinione__text { inline-size: 37ch; }
    a.opinione__link { padding: var(--space-2) var(--space-4); }

    /* RACCONTA */
    p.racconta__text { inline-size: 28ch; }
    a.racconta__btn { width: 43.5ch; height: 5rem; }
}