/* Tela de login */

@import url("botao_google.619eedefab96.css");

@media (max-width: 428px) {

    .div-title-screen-forms {
        margin-top: 0em;
    }
    
    .logo-e-contexto-login {
        display: none;
    }

    .password-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        flex-direction: column;
    }

    .password-wrapper input {
        width: var(--screen-size-mobile);
        padding-right: 40px; /* espaço pro ícone */
    }

    .show-pass-init {
        position: absolute;
        right: 10px;
        top: 50%;
        left: 85%;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .div-botao-login{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .div-alternativa-de-login {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        width: 100%;
        gap: 10px;
    }
    
    .div-alternativa-de-login hr{
        color: var(--texto-no-card);
        width: 25%;
        height: 1px;
        background-color: var(--texto-no-card);
        border: none;
    }
    
    .texto-alternativa-login {
        font-size: 12px;
        color: var(--texto-no-card);
        margin-bottom: 0em;
    }

    .div-alternativas-forms {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        margin-top: 1em;
        width: 100%;
    }
    
    .div-alternativas-forms a {
        font-size: 16px;
        text-decoration: none;
        color: var(--texto-no-card);
        width: 100%;

    }

    #comp-footer-for-desk {
        display: none;
    }
}