/* MODO OFFLINE: deshabilitado Google Fonts para evitar bloqueos sin internet (caché limpia). */
/* @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;1,500&display=swap"); */

    html,
    body {
        height: 100%;
        background: #06399e;
        font-family: "Montserrat", sans-serif;
        background-size: cover;
        background-repeat: no-repeat;
        background: -webkit-gradient(linear, left bottom, left top, from(#06399e), to(#0045ce));
        background: linear-gradient(0deg, #06399e 0%, #0045ce 100%);
        background-image: url(../images/background.png);
    }

    #login-page .container-login {
        border-radius: 5px;
        padding: 0;
        margin: 0;
    }

    #login-page .container-login .container-login-left {
            background-color: white;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-bottomleft: 5px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
     }

    #login-page .container-login .container-login-left a {
            color: #0045ce;
            text-decoration: none;
    }

    #login-page .container-login .container-login-left form .input-form-login-signup {
            background: none;
            padding: 10px 5px;
            width: 100%;
            border: none;
            margin-top: 15px;
            border-bottom: 0.5px solid #001059;
            color: #001059;
            -webkit-transition: 0.3s;
            transition: 0.3s;
     }

    #login-page .container-login .container-login-left form .input-form-login-signup:hover {
                padding: 15px 5px;
    }

    #login-page .container-login .container-login-left form .input_background_blue {
            background-color: #0046d0;
            width: 100%;
            padding: 10px 5px;
            border-radius: 5px;
            -webkit-transition: 0.3s;
            transition: 0.3s;
    }

    #login-page .container-login .container-login-left form .input_background_blue:hover {
                padding: 15px 5px;
    }

    #login-page .container-login .container-login-left .login-logo-left img {
            width: 80% !important;
    }

    #login-page .container-login .container-login-right {
        background-color: white;
        background-image: url(../images/background2.png);
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomright: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        position: relative;
    }

     #login-page .container-login .container-login-right .position-absolute {
            right: -30px;
            top: -40px;
     }

     #login-page .container-login .container-login-right .position-absolute img {
                width: 150px;
                right: 0;
     }

@media only screen and (max-width: 720px) {
            #login-page .container-login {
                border-radius: 5px;
                padding: 0;
                margin: 0;
            }

            #login-page .container-login .container-login-left {
                background-color: white;
                -webkit-border-top-left-radius: 5px;
                -webkit-border-bottom-left-radius: 5px;
                -moz-border-radius-topleft: 5px;
                -moz-border-radius-bottomleft: 5px;
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px;
            }

            #login-page .container-login .container-login-left a {
                color: #0045ce;
                text-decoration: none;
                text-align: center;
            }

            #login-page .container-login .container-login-left form .input-form-login-signup {
                background: none;
                padding: 10px 5px;
                width: 100%;
                border: none;
                margin-top: 15px;
                border-bottom: 0.5px solid #001059;
                color: #001059;
            }

            #login-page .container-login .container-login-left form .input_background_blue {
                background-color: #0046d0;
                width: 100%;
                padding: 10px 5px;
                border-radius: 5px;
            }

            #login-page .container-login .container-login-left .login-logo-left img {
                width: 80% !important;
            }

            #login-page .container-login .container-login-right {
                background-color: white;
                background-image: url(../images/background2.png);
                background-size: cover;
                background-repeat: no-repeat;
                position: relative;
                -webkit-border-top-right-radius: 10px;
                -webkit-border-bottom-right-radius: 10px;
                -moz-border-radius-topright: 10px;
                -moz-border-radius-bottomright: 10px;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
                position: relative;
            }

             #login-page .container-login .container-login-right .position-absolute {
                right: -30px;
                top: -40px;
             }

             #login-page .container-login .container-login-right .position-absolute img {
                width: 150px;
                right: 0;
             }
}