/* HERO */
.hero__picture, .hero__img { width: 100%; display: block; }

/* UNISCITI */
section.unisciti { padding-block: var(--space-10); }
.eccellenza__col > * { text-align: end; }
p.unisciti__overtitle { font-size: var(--fs-20); line-height: 1.1; margin: 0 0 var(--space-1); }
h1.unisciti__title { font-size: var(--fs-65); line-height: 1.1; text-wrap: balance; margin: 0 0 var(--space-4); }
p.unisciti__text { font-size: var(--fs-30); max-inline-size: 65ch; text-wrap: balance;margin: 0 0 var(--space-4);}
a.unisciti__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); }
a.unisciti__btna.smoothScroll{ text-decoration: none; display: block; }

/* ECCELLENZA */
.eccellenza__col { padding-block: var(--space-10); }
p.eccellenza__overtitle { font-size: var(--fs-20); line-height: 1.1; margin: 0 0 var(--space-1);}
h2.eccellenza__title { font-size: var(--fs-45); line-height: 1.1; margin: 0 0 var(--space-2) auto; max-inline-size: 21ch; }
p.eccellenza__text { font-size: var(--fs-30); max-inline-size: 37ch; margin: 0 0 0 auto; text-wrap: balance; }

/* CRESCERE */
.crescere { background: rgb(0 56 131 / 50%); border-radius: 0 5rem 5rem 0; padding-top: var(--space-3);}
.crescere__inner { border-radius: 0 5rem 5rem 0; }
.crescere__grid { display: grid; }
.crescere__col { padding-block: var(--space-10); }
h2.crescere__title { font-size: var(--fs-45); line-height: 1.1; margin: 0 0 var(--space-4); max-inline-size: 23ch; }
p.crescere__text { font-size: var(--fs-30); margin: 0;}
picture.crescere__picture { line-height: 0; }
img.crescere__img { width: 100%; height: 100%; object-fit: cover; }

/* CANDIDATURA */
section.candidatura { padding-block: var(--space-10);}
p.candidatura__overtitle { font-size: var(--fs-20); line-height: 1.1; margin: 0 0 var(--space-1);}
h2.candidatura__title { font-size: var(--fs-55); line-height: 1.1; margin: 0 0 var(--space-2);}
p.candidatura__text { font-size: var(--fs-30); margin: 0 0 var(--space-6); max-inline-size: 42ch; text-wrap: balance;} 
.candidatura__form > form { max-width: 40rem; }
.candidatura__form input:not([type="checkbox"]) {font-size: var(--fs-20); border: 1px solid var(--cobalt); border-radius: 2.5rem; width: 100%; box-sizing: border-box; }
.candidatura__form input:not(#loadfile, [type="checkbox"], .form-control) { padding: var(--space-2); box-sizing: border-box;}
.candidatura__form ::placeholder, .candidatura__form input { color: var(--cobalt);}
.candidatura__form input:-webkit-autofill, .candidatura__form input:-webkit-autofill:hover, .candidatura__form input:-webkit-autofill:focus, .candidatura__form input:-webkit-autofill:active { -webkit-background-clip: text; -webkit-text-fill-color: #003883; transition: background-color 5000s ease-in-out 0s; }
.candidatura__form > form > div:nth-of-type(-n+4), .captcha { margin-bottom: var(--space-3); }
.newsletter { margin-bottom: var(--space-2); }
.file { position: relative; display: flex; align-items: center; gap: var(--space-2);}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
span.fileButton { color: var(--cobalt); border: 1px solid var(--cobalt); background: var(--white); display: flex; align-items: center; justify-content: center; border-radius: 2.5rem; max-width: 15rem; box-sizing: border-box; width: 100%; padding: calc(1.5 * var(--space-1)); gap: var(--space-1);}
.file input { max-width: 15rem; padding: calc(1.5 * var(--space-1)); position: absolute; left: 0; bottom: 0; top: 0; opacity: 0; cursor: pointer; }
span.fileButton img { max-height: 2rem; }
span.fileName { color: var(--pewter); }
.candidatura__form .campo.privacy div, .candidatura__form .newsletter div { display: flex; align-items: center;}
.candidatura__form input[type="checkbox"] { position: relative; appearance: none; background-color: #fff; border: 1px solid var(--cobalt); border-radius: 50%; display: flex; flex: 0 0 auto; width: 1.5rem; height: 1.5rem; cursor: pointer;}
.privacy { margin-bottom: var(--space-1); }
.candidatura__form input[type="checkbox"]:checked::after { position: absolute; content: ''; top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%, -50%); background-color: var(--pumpkin); width: 1rem; height: 1rem;}
.campo.privacy div, .campo.newsletter div { gap: var(--space-1); }
.candidatura .campo span, .candidatura .campo span a { color: var(--cobalt); font-family: 'Inter Tight', sans-serif;}
.dntCaptcha { display: flex; gap: var(--space-1); }
.candidatura__form input[type="submit"] { background-color: var(--pumpkin); color: var(--white); border: 3px solid var(--pumpkin); cursor: pointer; font-weight: var(--fw-600); max-width: 15rem; }
input#DNTCaptchaInputText { height: -webkit-fill-available; width: 25ch; padding: calc(1.5 * var(--space-1)) var(--space-2); font-size: var(--fs-15);}


@media (max-width: 550px){

    /* UNISCITI */   
    a.unisciti__btn { height: 3.5rem; }

    /* CRESCERE */
    .crescere__col { padding-inline: 8vw; }
}
@media (min-width: 551px) and (max-width: 766.9px){

    /* CRESCERE */
    .crescere__col { padding-inline: 10vw; }
}
@media (min-width: 551px) and (max-width: 899.9px){

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

    /* ECCELLENZA */
    picture.eccellenza__picture { display: block; line-height: 0; }
    picture.eccellenza__picture img { width: 100%; height: auto; }
}
@media (min-width: 767px) {

    /* ECCELLENZA */
    picture.eccellenza__picture { display: none;}

    /* CANDIDATURA */
    picture.candidatura__picture { display: none;}
}
@media (min-width: 767px) and (max-width: 899.9px){

    /* ECCELLENZA */
    .eccellenza { background: url('/media/backTeam767.webp'); background-size: cover; background-position: center left; }
}
@media (min-width: 767px) and (max-width: 1099.9px){

    /* CRESCERE */
    .crescere__col { padding: 8vw; }
}
@media (min-width: 900px){

    /* UNISCITI */   
    a.unisciti__btn { height: 4.5rem; }

    /* CANDIDATURA */
    .candidatura { background-size: cover !important; background-position: right top;}
}
@media (min-width: 900px) and (max-width: 1099.9px){

    /* ECCELLENZA */
    .eccellenza { background: url('/media/backTeam900.webp'); background-size: cover; background-position: center left; }

    /* CANDIDATURA */
    .candidatura { background: url('/media/backcandidatura900.webp'); }
}
@media (max-width: 1099.9px){

    /* CRESCERE */
    p.crescere__text { max-inline-size: 36ch; text-wrap: balance; }
}
@media (min-width: 1100px){

    /* CRESCERE */
    .crescere__grid { grid-template-columns: 2fr 1.5fr; }
    .crescere__col { padding-right: var(--space-4); }
    img.crescere__img { border-radius: 0 5rem 5rem 0; }
}
@media (min-width: 1100px) and (max-width: 1400px){

    /* ECCELLENZA */
    .eccellenza { background: url('/media/backTeam1100.webp'); background-size: cover; background-position: center left; }

    /* CRESCERE */
    section.crescere { margin-right: 5vw; }
    .crescere__col { padding-left: 10vw; }

    /* CANDIDATURA */
    .candidatura { background: url('/media/backcandidatura1100.webp');}
}
@media (min-width: 1401px){

    /* ECCELLENZA */
    .eccellenza { background: url('/media/backTeam1401.webp'); background-size: cover; background-position: center left; }

    /* CRESCERE */
    section.crescere { margin-right: calc((100vw - min(95vw, 1700px)) / 2); }
    .crescere__col { padding-left: calc((100vw - min(80vw, 1200px)) / 2); }

    /* CANDIDATURA */
    .candidatura { background: url('/media/backcandidatura1401.webp'); }
}
