/* ==========================================================
   GS CENTRAL — LOGIN MOBILE COMPACTO
   ========================================================== */

@media screen and (max-width: 780px) {

    body .gs-login-real-compact {
        width: calc(100% - 34px) !important;
        max-width: 344px !important;

        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;

        margin:
            12px
            auto
            20px !important;

        padding:
            13px
            14px
            14px !important;

        border-radius: 15px !important;

        box-sizing: border-box !important;
    }

    body .gs-login-real-back {
        display: inline-flex !important;
        align-items: center !important;

        margin:
            0
            0
            13px !important;

        padding: 0 !important;

        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    body .gs-login-real-eyebrow {
        display: block !important;

        margin:
            0
            0
            5px !important;

        font-size: 8px !important;
        line-height: 1.1 !important;
        letter-spacing: 0.13em !important;
    }

    body .gs-login-real-title {
        margin:
            0
            0
            7px !important;

        font-size: 27px !important;
        line-height: 1 !important;
        letter-spacing: -0.04em !important;
    }

    body .gs-login-real-subtitle {
        margin:
            0
            0
            12px !important;

        font-size: 11.5px !important;
        line-height: 1.35 !important;
    }

    body .gs-login-real-form {
        display: flex !important;
        flex-direction: column !important;

        gap: 8px !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body .gs-login-real-field {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body .gs-login-real-field label,
    body .gs-login-real-compact label {
        display: block !important;

        margin:
            0
            0
            4px !important;

        font-size: 9.5px !important;
        line-height: 1.1 !important;
    }

    /*
     * 16px impede o zoom automático do Safari.
     */
    body .gs-login-real-compact
    input[type="email"],

    body .gs-login-real-compact
    input[type="password"],

    body .gs-login-real-compact
    input[type="text"] {
        display: block !important;

        width: 100% !important;

        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

        margin: 0 !important;

        padding:
            0
            11px !important;

        border-radius: 10px !important;

        font-size: 16px !important;
        line-height: 1.1 !important;

        box-sizing: border-box !important;
    }

    body .gs-login-real-forgot {
        display: block !important;

        margin:
            -1px
            0
            2px !important;

        padding: 0 !important;

        font-size: 10.5px !important;
        line-height: 1.1 !important;

        text-align: right !important;
    }

    body .gs-login-real-compact
    button[type="submit"],

    body .gs-login-real-compact
    input[type="submit"] {
        width: 100% !important;

        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;

        margin:
            1px
            0
            0 !important;

        padding:
            0
            12px !important;

        border-radius: 10px !important;

        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }
}

@media screen and (max-width: 390px) {

    body .gs-login-real-compact {
        width: calc(100% - 28px) !important;
        max-width: 334px !important;

        margin-top: 10px !important;

        padding:
            12px
            13px
            13px !important;
    }

    body .gs-login-real-title {
        font-size: 25px !important;
    }

    body .gs-login-real-subtitle {
        font-size: 11px !important;
    }

    body .gs-login-real-compact
    input[type="email"],

    body .gs-login-real-compact
    input[type="password"],

    body .gs-login-real-compact
    input[type="text"] {
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;

        font-size: 16px !important;
    }

    body .gs-login-real-compact
    button[type="submit"],

    body .gs-login-real-compact
    input[type="submit"] {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }
}