/* Falha ao minimizar. Retornando o conteúdo não minimizado.
(5,23): run-time error CSS1039: Token not allowed after unary operator: '-fontPadrao'
(6,17): run-time error CSS1039: Token not allowed after unary operator: '-corPrincipal'
(21,27): run-time error CSS1039: Token not allowed after unary operator: '-fontPadrao'
(27,25): run-time error CSS1039: Token not allowed after unary operator: '-corPrincipal'
(38,36): run-time error CSS1039: Token not allowed after unary operator: '-corPrincipal'
(79,23): run-time error CSS1039: Token not allowed after unary operator: '-fontPadrao'
(85,28): run-time error CSS1039: Token not allowed after unary operator: '-corPrincipal'
(94,32): run-time error CSS1039: Token not allowed after unary operator: '-corPrincipalEscuro'
(99,23): run-time error CSS1039: Token not allowed after unary operator: '-fontPadrao'
(101,28): run-time error CSS1039: Token not allowed after unary operator: '-corSecundaria'
(107,32): run-time error CSS1039: Token not allowed after unary operator: '-corSecundariaEscuro'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@import url('variaveis.css');
@import url('Fonts/fonts.css');

.title {
    font-family: var(--fontPadrao);
    color: var(--corPrincipal);
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

.container-cadastro,
.container-finalizar {
    padding: clamp(1rem, 2vw, 2rem);
    max-width: 60rem;
}

    .container-cadastro form,
    .container-codigo-seguranca form,
    .container-finalizar form {
        font-family: var(--fontPadrao);
    }

        .container-cadastro form label,
        .container-codigo-seguranca form label,
        .container-finalizar form label {
            color: var(--corPrincipal);
            font-weight: 700;
        }

        .container-cadastro form input[type=text],
        .container-cadastro form input[type=password],
        .container-cadastro form select,
        .container-codigo-seguranca form input,
        .container-finalizar form input,
        .container-finalizar form select {
            font-size: 1.1rem;
            border: 2px solid var(--corPrincipal);
        }

.container-codigo-seguranca {
    padding: 2rem;
    max-width: 45rem;
}

    .container-codigo-seguranca .title {
        display: flex;
        gap: 0.5rem;
    }

        .container-codigo-seguranca .title span {
            font-size: clamp(1rem, 85%, 2rem);
        }

    .container-codigo-seguranca form .email-escondido {
        font-size: 1.1rem;
        color: rgb(128, 128, 128);
    }

        .container-codigo-seguranca form .email-escondido span {
            font-weight: 700;
            color: rgb(100, 100, 100);
        }

    .container-codigo-seguranca form .buttons span {
        display: block;
        margin-bottom: 1rem;
        font-weight: 700;
        color: rgb(100, 100, 100);
    }

    .container-codigo-seguranca .btn {
        font-size: clamp(.9rem, 4vw, 1.25rem);
    }

.container-concluido {
    padding: 2rem;
    max-width: 50rem;
    font-family: var(--fontPadrao);
    font-size: 1.1rem;
    color: rgb(120, 120, 120);
}

.btn-primario {
    background-color: var(--corPrincipal);
    color: #fff;
    border-radius: .5rem;
    font-weight: 700;
    margin: 0;
}

    .btn-primario:hover,
    .btn-primario:focus {
        background-color: var(--corPrincipalEscuro);
        color: #fff;
    }

.btn-secundario {
    font-family: var(--fontPadrao);
    font-weight: 700;
    background-color: var(--corSecundaria);
    color: #fff;
}

    .btn-secundario:hover,
    .btn-secundario:focus {
        background-color: var(--corSecundariaEscuro);
        color: #fff;
    }

.btn-px-5 {
    --bs-btn-padding-x: 3rem;
}