/* ============================================================
   Página Cadastrar Desafio (Tela 5)
   ============================================================ */

.cadastrar-hero {
  padding: var(--space-6) 0 var(--space-4);
}

.cadastrar-hero__title {
  color: var(--color-accent-text); /* laranja escuro AA-compliant em fundo branco */
  font-size: var(--font-size-2xl);
  border-left: 3px solid var(--color-primary);
  padding-left: var(--space-4);
  margin-bottom: var(--space-3);
}

.cadastrar-hero__subtitle {
  color: var(--color-primary);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-semibold);
  margin-bottom: 0;
}

.cadastrar-form {
  max-width: 720px;
  margin: 0 auto;
  padding: var(--space-4) 0 var(--space-7);
}

/* Bloqueio quando empresa não está logada */
.cadastrar-bloqueio {
  max-width: 640px;
  margin: 0 auto;
  padding: var(--space-6) 0 var(--space-7);
}

.cadastrar-bloqueio__card {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-7) var(--space-6);
  box-shadow: var(--shadow-sm);
  text-align: center;
}

.cadastrar-bloqueio__icon {
  width: 56px;
  height: 56px;
  color: var(--color-primary);
  margin: 0 auto var(--space-4);
}

.cadastrar-bloqueio__title {
  color: var(--color-primary);
  font-size: var(--font-size-xl);
  margin: 0 0 var(--space-3);
}

.cadastrar-bloqueio__lead {
  color: var(--color-text);
  font-size: var(--font-size-base);
  line-height: 1.5;
  max-width: 480px;
  margin: 0 auto var(--space-5);
}

/* Indicador "Logada como ..." no topo do formulário */
.cadastrar-logada {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  background: rgba(0, 74, 141, 0.08);
  color: var(--color-primary);
  border-radius: var(--radius-pill, 999px);
  padding: var(--space-2) var(--space-4);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  margin: 0 0 var(--space-4);
}

.cadastrar-logada svg {
  width: 16px;
  height: 16px;
}

.cadastrar-logada strong {
  font-weight: var(--font-weight-semibold);
}

/* Hint abaixo do legend (REQUISITOS) */
.form-section__hint {
  text-align: center;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  line-height: 1.5;
  max-width: 560px;
  margin: 0 auto var(--space-5);
}