/* HERO */
.hero__grid, .innovazione { background-repeat: no-repeat; }
.hero__col { padding-block: var(--space-10); }
p.hero__overtitle, p.impegno__overtitle, p.servizi-offerti__overtitle, p.principi__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; }
h1.hero__title, ul.download__list, p.download__name, p.download__actions, ul.innovazione__list, p.innovazione__text, ul.servizi-offerti__list, p.principi__text { margin: 0; }

/* IMPEGNO ALLA QUALITÀ */
.impegno__inner { padding-top: var(--space-10); }
h2.impegno__title { font-size: var(--fs-55); line-height: 1.1; text-wrap: balance; margin: 0 0 var(--space-2); }
p.impegno__text { font-size: var(--fs-30); line-height: 1.3; text-wrap: balance; margin: 0 0 var(--space-6); }
.tab{ --radius: clamp(3.5rem, calc(2.14vw + 3.07rem), 5rem);  border-radius: var(--radius) var(--radius) 0 0;}
.impegno__download { background: #01285F59; padding-top: var(--space-3); }
p.download__title { font-size: var(--fs-30); line-height: 1; margin: 0 0 var(--space-4); }
ul.download__list { display: flex; flex-direction: column; padding: 0; grid-gap: var(--space-3); }
li.download__item { display: flex; grid-gap: var(--space-2); }
li.download__item a { line-height: 0; }
img.download__icon { filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7463%) hue-rotate(296deg) brightness(94%) contrast(105%) }
.download__meta { display: flex; flex-direction: column; justify-content: center; grid-gap: var(--space-1); }
.download__meta a { text-decoration: none; }
p.download__name { font-size: var(--fs-20); line-height: 1.2; }
p.download__actions {font-size: var(--fs-15); line-height: 1; }

/* INNOVAZIONE */
.innovazione { box-shadow: 0px 3px 20px #0000000D; position: relative; }
ul.innovazione__list { display: flex; flex-direction: column; list-style: none; padding: 0; grid-gap: var(--space-6); }
h2.innovazione__title { font-size: var(--fs-45); line-height: 1.2; }
p.innovazione__text { font-size: var(--fs-25); line-height: 1.3; text-wrap: balance; }

/* SERVIZI OFFERTI */
.servizi-offerti__inner { padding-block: var(--space-10); }
h2.servizi-offerti__title { font-size: var(--fs-55); line-height: 1.1; text-wrap: balance; margin: 0 0 var(--space-2); }
ul.servizi-offerti__list { display: flex; flex-direction: column; list-style: none; padding: 0; }
li.servizi-offerti__item { font-size: var(--fs-25); line-height: 1.3; position: relative; padding-left: 0; }
li.servizi-offerti__item::before { content: '\2022'; position: absolute; color: #003883;  font-size: 1em; }

/* PRINCIPI FONDAMENTALI */
.principi__inner { padding-block: var(--space-10); }
h2.principi__title { font-size: var(--fs-55); line-height: 1.1; text-wrap: balance; margin: 0 0 var(--space-2); }
p.principi__text { font-size: var(--fs-30); line-height: 1.3; text-wrap: balance; }

/* SCEGLIERE */
.scegliere { border-bottom: 4px solid white; }
.scegliere__inner { padding-top: var(--space-10); }
h2.scegliere__title { font-size: var(--fs-80); line-height: 1; margin: 0 0 var(--space-2); }
p.scegliere__text { font-size: var(--fs-30); line-height: 1.3; text-wrap: balance; margin: 0 0 var(--space-6); }
p.scegliere__cta-title { font-size: var(--fs-30); line-height: 1.3; text-wrap: balance; margin: 0 0 var(--space-6); }
p.scegliere__cta-text { font-size: var(--fs-30); line-height: 1.3; text-wrap: balance; margin: 0 0 var(--space-6); }
a.scegliere__cta-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); inline-size: 28ch; max-inline-size: 100%; cursor: pointer; grid-gap: var(--space-1); inline-size: 32ch; }
img.btn__icon{ width: clamp(1.44rem, calc(0.704vw + 1.088rem), 2rem); filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7463%) hue-rotate(296deg) brightness(94%) contrast(105%) }
a.scegliere__cta-btn:hover{ color: var(--pumpkin); background: transparent; }
a.scegliere__cta-btn:hover img{ filter: brightness(0) saturate(100%) invert(48%) sepia(64%) saturate(2860%) hue-rotate(4deg) brightness(109%) contrast(87%); }

@media (max-width: 550px){
    
    /* IMPEGNO ALLA QUALITÀ */
    .impegno__intro, .scegliere__intro { padding-inline: 8vw;}
    .download__inner { padding: var(--space-8) 8vw; }
    img.download__icon { width: 2.5rem; }

    /* PERCHÉ SCEGLIERE */
    .scegliere__cta-box { padding: var(--space-8) 8vw; }
}
@media (min-width: 551px) and (max-width: 766.9px){
    
    /* IMPEGNO ALLA QUALITÀ */
    .impegno__intro, .scegliere__intro { padding-inline: 10vw;}
    .download__inner { padding: var(--space-8) 10vw; }
    img.download__icon { width: 2.3rem; }

    /* PERCHÉ SCEGLIERE */
    .scegliere__cta-box { padding: var(--space-8) 10vw; }
}
@media (max-width: 766.9px){
    picture.hero__picture, picture.innovazione__picture { display: block; line-height: 0; }
    picture.hero__picture img, picture.innovazione__picture img { width: 100%; height: auto; }
    li.download__item { align-items: center; }
    .innovazione { padding-top: var(--space-10);}
}
@media (min-width: 767px) {
    
    /* HERO */
    .hero__grid { background-position: right; background-size: cover; }
    h1.hero__title { width: 16ch; }
    picture.hero__picture, picture.innovazione__picture { display: none; }
    
    /* IMPEGNO ALLA QUALITÀ */
    .impegno__inner, .scegliere__inner { width: 100%; margin: auto; }
    
    /* INNOVAZIONE */
    .innovazione{ background-size: cover; background-position: right center; padding-block: var(--space-10); }
    p.innovazione__text { inline-size: 39ch; }

    /* PERCHÉ SCEGLIERE */
    h2.scegliere__title { inline-size: 20ch; }
    p.scegliere__text { inline-size: 45ch; }
}
@media (min-width: 767px) and (max-width: 899.9px){
    
    /* HERO */
    .hero__grid { background-image: url('/media/heroservizi767.webp'); }
    
    /* IMPEGNO ALLA QUALITÀ */
    .impegno__inner, .scegliere__inner { max-width: 84vw; }
    p.impegno__text { inline-size: 37ch; }
    .download__inner { padding: var(--space-6) var(--space-6); }
    img.download__icon { width: 2.3rem; }

    /* INNOVAZIONE */
    .innovazione{ background-image: url('/media/innovazioneservizi767.webp'); }

    /* PERCHÉ SCEGLIERE */
    .scegliere__cta-box { padding: var(--space-8) var(--space-6); }
}
@media (max-width: 899.9px){
    ul.servizi-offerti__list { grid-gap: var(--space-2); }
    li.servizi-offerti__item { text-indent: 0.7em; }
    li.servizi-offerti__item::before { left: -0.7em; }
    a.scegliere__cta-btn { height: 4rem; }
    
}
@media (min-width: 900px){
    
    /* IMPEGNO ALLA QUALITÀ */
    p.impegno__text { inline-size: 49ch; }
    .download__inner { padding: var(--space-6) var(--space-8) var(--space-8); }
    
    /* SERVIZI OFFERTI */
    ul.servizi-offerti__list { grid-gap: var(--space-3); }
    li.servizi-offerti__item { text-indent: 1em; }
    li.servizi-offerti__item::before { left: -1em; }
    
    /* PERCHÉ SCEGLIERE */
    .scegliere { background-position: right bottom, left bottom; background-repeat: no-repeat; background-size: contain; background-image: url('/media/simbologenomatrans700.webp'), url('/media/simbologenoma700p2.webp'); }
    .scegliere__cta-box { padding: var(--space-8); }
    a.scegliere__cta-btn { height: 4.5rem; }
}
@media (min-width: 900px) and (max-width: 1099.9px){
    
    /* HERO */
    .hero__grid { background-image: url('/media/heroservizi900.webp'); }
    
    /* IMPEGNO ALLA QUALITÀ */
    .impegno__inner, .scegliere__inner { max-width: 84vw; }
    img.download__icon { width: 2.6rem; }

    /* INNOVAZIONE */
    .innovazione{ background-image: url('/media/innovazioneservizi900.webp'); }
    
    /* SERVIZI OFFERTI */
    ul.servizi-offerti__list { max-inline-size: 98ch; }

    /* PRINCIPI FONDAMENTALI */
    p.principi__text { inline-size: 49ch; }
}
@media (max-width: 1099.9px) {
    h2.innovazione__title { margin: 0 0 var(--space-1); }
}
@media (min-width: 1100px) {
    h2.innovazione__title { margin: 0 0 var(--space-2); }
}
@media (min-width: 1100px) and (max-width: 1400px){

    /* HERO */
    .hero__grid { background-image: url('/media/heroservizi1100.webp'); }
    
    /* IMPEGNO ALLA QUALITÀ */
    .impegno__inner, .scegliere__inner { max-width: 80vw; }
    img.download__icon { width: 2.6rem; }

    /* INNOVAZIONE */
    .innovazione{ background-image: url('/media/innovazioneservizi1100.webp'); }
    
    /* SERVIZI OFFERTI */
    ul.servizi-offerti__list { max-inline-size: 100ch; }

    /* PRINCIPI FONDAMENTALI */
    p.principi__text { inline-size: 49ch; }
}
@media (min-width: 1401px){

    /* HERO */
    .hero__grid { background-image: url('/media/heroservizi1401.webp'); }
    
    /* IMPEGNO ALLA QUALITÀ */
    .impegno__inner, .scegliere__inner { max-width: min(80vw, 1200px); }
    img.download__icon { width: 3rem; }

    /* INNOVAZIONE */
    .innovazione{ background-image: url('/media/innovazioneservizi1401.webp'); }
    
    /* SERVIZI OFFERTI */
    ul.servizi-offerti__list { max-inline-size: 120ch; }

    /* PRINCIPI FONDAMENTALI */
    p.principi__text { inline-size: 57ch; }
}