/* Pagina Lavora con noi: introduzione e modulo candidature.
   Lo stile di base del modulo arriva da contact-form.css. */

.careers-intro {
  padding: clamp(3.5rem,6vw,6rem) 0 0;
}

.careers-intro__text {
  max-width: 68ch;
}

.careers-page .signature-contact-form {
  padding-top: clamp(3.5rem,6vw,6rem);
}

/* Curriculum: il campo file riprende la riga sottile degli altri campi. */
.signature-contact-form .numbers-lead-form__file {
  display: block;
  margin: clamp(1.4rem,2vw,2rem) 0 0;
}

.signature-contact-form .numbers-lead-form__file > span {
  display: block;
  margin-bottom: .6rem;
  color: var(--ink);
  font-size: clamp(.9rem,.95vw,1rem);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .015em;
}

.signature-contact-form .numbers-lead-form__file input[type=file] {
  box-sizing: border-box;
  width: 100%;
  padding: .9rem 0;
  border: 0;
  border-bottom: 1px solid rgba(12,35,65,.3);
  background: transparent;
  color: var(--ink);
  font: 400 clamp(.98rem,1.02vw,1.1rem)/1.45 var(--sans);
  cursor: pointer;
}

.signature-contact-form .numbers-lead-form__file input[type=file]::file-selector-button {
  margin-right: 1rem;
  padding: .55rem 1.1rem;
  border: 1px solid rgba(12,35,65,.3);
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  font: 600 clamp(.76rem,.82vw,.88rem)/1 var(--sans);
  letter-spacing: .07em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color .35s ease,color .35s ease,border-color .35s ease;
}

.signature-contact-form .numbers-lead-form__file input[type=file]::file-selector-button:hover {
  border-color: var(--gold);
  background: var(--gold);
  color: var(--ink);
}

@media(max-width:600px) {
  .signature-contact-form .numbers-lead-form__file input[type=file]::file-selector-button {
    margin-right: .6rem;
    padding: .5rem .8rem;
  }
}