/* Layout compartilhado pelas 3 telas do fluxo de cadastro do Profissional/Clínica
   (docs/07-mapa-telas-fluxos.md): TL-002 Cadastro, TL-003 Termo de aceite, TL-004 Dados
   cadastrais. Reaproveitado em vez de um arquivo por tela, pois o layout (card centralizado
   com indicador de passos) é o mesmo nas três. */

.cadastro-page__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-stack-lg) var(--space-margin-mobile);
}

@media (min-width: 768px) {
    .cadastro-page__main {
        padding: var(--space-stack-lg) var(--space-margin-desktop);
    }
}

.cadastro-card {
    width: 100%;
    max-width: 480px;
    display: flex;
    flex-direction: column;
    gap: var(--space-stack-sm);
}

/* TL-004 tem muito mais campos (endereço, PIX, veículo) — card mais largo em telas maiores. */
.cadastro-card--largo {
    max-width: 640px;
}

.cadastro-card > .headline-lg {
    margin-bottom: var(--space-stack-sm);
}

.cadastro-card form {
    margin-top: var(--space-stack-md);
    display: flex;
    flex-direction: column;
}