/* ================================
   FORM WITH HERO – compartilhado
   Contato, Trabalhe Conosco
   ================================ */

/* Hero overrides – alinhamento igual LGPD: esquerda + centro vertical */
.form-hero-section-1 {
  min-height: 50vh;
  padding-top: var(--space-hero-top);
  padding-left: var(--space-container-x-lg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media (min-width: 992px) {
  .form-hero-section-1 {
    padding-top: clamp(5rem, 12vh, 8rem);
    padding-left: clamp(4rem, 12vw, 12rem);
  }
}

.form-hero-section-1 .form-hero-title h1 {
  font-weight: 800;
  font-size: 45px;
  color: var(--brand-gold);
}

/* Bloco conteúdo */
.form-hero-section-2 {
  padding: var(--space-section) var(--space-container-x-lg);
}
@media (min-width: 992px) {
  .form-hero-section-2 {
    padding: var(--space-section) clamp(3rem, 12vw, 12rem);
  }
}

.form-hero-section-2 h1 {
  font-size: 35px;
  font-weight: 800;
  color: var(--brand-purple);
  margin: var(--space-5) 0;
}

.form-hero-section-2 .form {
  padding-right: var(--space-container-x-lg);
}

/* Responsividade */
@media (max-width: 991.98px) {
  .form-hero-section-1 {
    min-height: 40vh;
    padding-top: var(--space-hero-top-sm);
    padding-left: 0;
    text-align: center;
  }
  .form-hero-section-2 {
    padding: var(--space-section-sm);
  }
  .form-hero-section-2 h1 {
    font-size: 28px;
  }
  .form-hero-section-2 .form {
    padding-right: 0;
  }
}

@media (max-width: 767.98px) {
  .form-hero-section-1 {
    padding-top: var(--space-hero-top-sm);
    padding-left: var(--space-container-x);
  }
  .form-hero-section-2 {
    padding: var(--space-section-sm) var(--space-container-x);
  }
}
