/* Cadastro usa o visual aprovado do login e apenas complementa o formulário maior. */

.cadastro-area {
    overflow-y: auto;
}

.cadastro-container {
    width: min(100%, 34rem);
    padding-block: 2rem;
}

.cadastro-header {
    margin-bottom: 1.4rem;
}

.cadastro-form {
    gap: 0.9rem;
}

.cadastro-password-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.cadastro-form select {
    width: 100%;
    height: 100%;
    min-height: 3.5rem;
    border: 0;
    outline: 0;
    background: transparent;
    color: #10233b;
    font: inherit;
    appearance: none;
    cursor: pointer;
    padding: 0 2.6rem 0 3rem;
}

.select-wrapper::after {
    content: "⌄";
    position: absolute;
    right: 1.05rem;
    top: 50%;
    transform: translateY(-55%);
    color: #8c9cab;
    pointer-events: none;
}

.cpf-feedback {
    display: block;
    min-height: 1rem;
    margin-top: 0.25rem;
    font-size: 0.72rem;
    font-weight: 650;
}

.cpf-feedback.is-success {
    color: #17865c;
}

.cpf-feedback.is-error {
    color: #c24242;
}

.cadastro-back-area {
    margin-top: 0.2rem;
}

.cadastro-security-message {
    margin-top: 1.2rem;
}

@media (max-width: 44rem) {
    .cadastro-container {
        width: 100%;
        padding-block: 1.25rem;
    }

    .cadastro-password-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }
}