/* La página de empleo comparte campos y controles con Contacto. */
.careers-page {
  width: min(100% - 2rem, 48rem);
  margin-inline: auto;
  padding-block: clamp(2rem, 5vw, 4.5rem);
}
.careers-page h1 {
  margin: 0 0 .35em;
  font-size: clamp(2.6rem, 5.5vw, 4.5rem);
  line-height: 1.04;
}
.careers-page header p {
  max-width: 54ch;
  margin-bottom: 1.5rem;
  font-size: 1.05rem;
}
.careers-page .contact-form-panel {
  border-radius: .75rem;
  background: #fff;
  padding: clamp(1.15rem, 4vw, 2.5rem);
}
.careers-page .contact-form-panel > p {
  margin-bottom: 1.25rem;
  color: #415763;
  font-size: .9rem;
}
.careers-page .contact-form-panel label {font-size: .96rem;}
.careers-page .contact-form-panel :is(input, select, textarea) {font-size: 1rem;}
.careers-page .contact-form-panel .consent-label {font-size: .9rem;}
.careers-page .consent-label a {text-decoration: underline;}
.careers-page .form-submit {
  width: auto;
  margin-top: 0;
  background: #f29a58;
  color: #222;
}
.careers-page .form-submit:enabled:is(:hover, :focus-visible) {background: #086181; color: white;}
@media (max-width: 680px) {
  .careers-page {width: min(100% - 2.5rem, 48rem);}
  .careers-page .form-grid {grid-template-columns: 1fr;}
  .careers-page .contact-form-panel {padding: 1rem 0; border: 0; background: transparent; box-shadow: none;}
}
@media (max-width: 350px) {
  .careers-page {width: calc(100% - 1rem);}
}