/* ============================================================
   page-lp-faca-parte.css
   Overrides mínimos da LP "Faça Parte da InvestPro"
   (/lp/faca-parte/ · frente Recrutamento · source talentos)

   O CSS global vem de assets/css/system.css. Aqui ficam apenas
   os ajustes próprios desta página — sobretudo o layout em duas
   colunas da seção de candidatura (intro de reforço + formulário)
   dentro do painel navy .cta-visual.
   ============================================================ */

/* ---- Candidatura: grid intro + formulário dentro do .cta-visual ---- */
.candidatura_grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 4vw, 72px);
  align-items: center;
  width: 100%;
  /* mesmo respiro do .cta_content-wrap, já que não o usamos aqui */
  padding: clamp(48px, 6vw, 96px) clamp(28px, 5vw, 72px);
}

.candidatura_intro {
  display: flex;
  flex-direction: column;
  gap: 22px;
  max-width: 40ch;
}

/* WhatsApp alternativo (verde, secundário) abaixo das badges de confiança */
.candidatura_wa {
  margin-top: 4px;
}
.candidatura_wa .button,
.candidatura_wa .cta-main {
  width: 100%;
  max-width: 100%;
}

/* ---- Formulário: textarea + microcopy próprios desta LP ---- */
.form_input.form_textarea {
  min-height: 96px;
  resize: vertical;
  line-height: 1.5;
}

.form_label-opt {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--on-dark-3);
  text-transform: none;
}

/* Consentimento LGPD: estilo canônico vem de system.css (.form_consent /
   .form_consent-label — cores AA já resolvidas). Aqui só o respiro local. */
.form_consent {
  margin-top: 10px;
}

/* ---- CTA dos depoimentos (centralizado abaixo dos cards) ---- */
.review_cta-wrap {
  display: flex;
  justify-content: center;
  margin-top: clamp(32px, 4vw, 56px);
}

/* ---- Responsivo ---- */
@media (max-width: 900px) {
  .candidatura_grid {
    grid-template-columns: 1fr;
    gap: 36px;
    align-items: stretch;
  }
  .candidatura_intro {
    max-width: none;
  }
}
