/* Tipografia */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Varela+Round&display=swap');

html,body {
    overflow-y: hidden;
}

#login {
    width: 320px;
    padding: 1% 0 0;
    margin: auto;
}

.login h1 a {
    background: url('../images/logolaComunidad.png');
    width: 300px;
    height: 131px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 0px !important;
}

.wp-core-ui .button-primary {
    background: #00b3fe !important;
    border-color: #00b3fe#00b3fe #00b3fe !important;
    -webkit-box-shadow: 0 1px 0 #00b3fe !important;
    box-shadow: 0 1px 0 #00b3fe!important;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    font-weight: bold;
}

.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover {
    background: #01abf4;
    border-color:  #01Abf4 ;
    color: #fff;
}

.login form {
    margin-top: 0px;
    margin-left: 0;
    padding: 26px 24px 46px;
    font-weight: 400;
    overflow: hidden;
    background: #fff;
    border: 0px solid #ccd0d4; 
    box-shadow: 0 1px 3pxrgba(0,0,0,.04);
    border-radius: 31px;
}


.inputs_login {
    border-radius: 20px !important;
    border: 0px !important;
    padding-left: 15px !important;
    background: #f0f0f0 !important;

}

#resetpassform .inputs_login {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 0px !important;
    padding-left: 15px !important;
    background: #f0f0f0 !important;

}
#lostpasswordform p.submit {
    text-align: center;
}
#lostpasswordform p.submit input {
   float: none;
}

 .login .message, .login .success {
    border-left: 4px solid #00a0d2;
    padding: 12px;
    margin-left: 0;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 1px 1px 0rgba(0,0,0,.1);
    line-height: 1.2;
}

.login #login_error {
    border-left: 4px solid #ed555b;
    padding: 12px;
    margin-left: 0;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 1px 1px 0rgba(0,0,0,.1);
    line-height: 1.2;
    position: relative;
    padding-left: 30px !important;
}
.login #resetpassform {
    padding: 26px 24px 24px;
}

.login #resetpassform  p.submit input {
    float: none
}

.login #resetpassform p.submit {
    text-align: center;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
 -webkit-box-shadow: 0 0 0 30px #f0f0f0 inset !important;
}

.login .button.wp-hide-pw {
    background: 0 0;
    border: 1px solid transparent;
    box-shadow: none;
    font-size: 14px;
    line-height: 2;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 40px;
    min-height: 40px;
    margin: 0;
    padding: 5px 9px;
    position: absolute;
    right: 0;
    top: 0;
    color: #555d66;
}

.login form .input, .login form input[type=checkbox] {
    background: #f0f0f0 !important;
    border: 0px !important;
    border-radius: 6px;
}

.nav-login-pr {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 9px !important;
}

.nav-login-pr a {
    border-bottom: 1px solid;
    line-height: 01;
}

p#backtoblog a{
    border-bottom: 1px solid;
    line-height: 01;
}

a.btn_registrarme {
    display: block;
    background-color: #8625cc;
    color: #fff !important;
    font-weight: bold;
    padding: 5px 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin: 15px 0px 9px;
    text-decoration: none !important;
}

p#backtoblog {
    text-align: center;
    margin-top: 0px;
}

/* estilos nueva distribucion login */

.login-page-container {
    display: flex;
    font-family: 'Varela Round', sans-serif;
}

.left-side-login {
    max-width: 50%;
    width: 50%;
   
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-items: center;
   
    background-color: #FFf;
}

.circulos-comu{
    background-image: url(images/circulos-lacomunidad.png);
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 200px ;
    height: 200px;
}

.right-side-login {
    max-width: 50%;
    width: 50%;
    height: 100vh;
}


.imagen-login {
    display: flex;
    flex-direction: column;   
    align-content: center;
    align-items: center;
}

.imagen-login img {
    width: 65%;
    z-index: 1
}

.copy-img {
    background-color: #b6b6b6;
    padding: 15px;
    font-size: 1.6em;
    width: 69%;
    text-align: center;
    position: relative;
    top: -35px;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 26px;
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
    font-family: 'Varela Round', sans-serif;
    color: #fff;
}

.copys-infeiores-img{
    margin-top: 50px;
}
.copys-infeiores-img p {
    font-size: 2.5em;
    text-align: center;
    line-height: 1;
    color: #02b9fb;
    font-family: 'Varela Round', sans-serif;
}
.copys-infeiores-img p span {
    color: #8625CC;
    font-family: 'Varela Round', sans-serif;
    font-size: 1em;
    font-weight: bold;
}

p.description.indicator-hint {
    text-align: center;
    line-height: 1.2;
}

.login #pass-strength-result {
    font-weight: 600;
    margin: -1px 5px 16px 0;
    padding: 6px 5px;
    text-align: center;
    width: 100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 0px;
}

/* media querys mobile */

@media (min-width: 320px) and (max-width:345px){
    .left-side-login {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-items: center;
        background-image: url(images/circulos-login.svg);
        background-size: contain;
        background-position: -49px 69px;
        background-repeat: no-repeat;
        background-color: #FFf;
    }

    .right-side-login {
        max-width: 100%;
        width: 100%;
       height: auto;
    }

    .login-page-container {
        display: flex;
        font-family: 'Varela Round', sans-serif;
        flex-direction: column;
    }

    .imagen-login img {
        width: 65%;
        z-index: 1;
        display: none;
    }

    .copy-img {
        background-color: #b6b6b6;
        padding: 15px;
        font-size: 1.6em;
        width: 69%;
        text-align: center;
        position: relative;
        top: -35px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
        font-family: 'Varela Round', sans-serif;
        color: #fff;
        display: none;
    }
    html,body {
        overflow-y: auto;
    }

    .imagen-login {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        min-height: 180px;
    }

    .circulos-comu {
        background-image: url(images/circulos-lacomunidad.png);
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        top: 39px;
        display: none;
    }

    .copys-infeiores-img {
        margin-top: 26px;
    }

    .copys-infeiores-img p {
        font-size: 1.5em;
        text-align: center;
        line-height: 1;
        color: #02b9fb;
        font-family: 'Varela Round', sans-serif;
    }

    .imagen-login {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        min-height: 122px;
    }
}

@media (min-width: 346px) and (max-width:480px){
    .left-side-login {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-items: center;
        background-image: url(images/circulos-login.svg);
        background-size: contain;
        background-position: -49px 43px;
        background-repeat: no-repeat;
        background-color: #FFf;
    }

    .right-side-login {
        max-width: 100%;
        width: 100%;
       height: auto;
    }

    .login-page-container {
        display: flex;
        font-family: 'Varela Round', sans-serif;
        flex-direction: column;
    }

    .imagen-login img {
        width: 65%;
        z-index: 1;
        display: none;
    }

    .copy-img {
        background-color: #b6b6b6;
        padding: 15px;
        font-size: 1.6em;
        width: 69%;
        text-align: center;
        position: relative;
        top: -35px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
        font-family: 'Varela Round', sans-serif;
        color: #fff;
        display: none;
    }
    html,body {
        overflow-y: auto;
    }

    .imagen-login {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        min-height: 180px;
    }

    .circulos-comu {
        background-image: url(images/circulos-lacomunidad.png);
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        top: 39px;
        display: none;
    }

    .copys-infeiores-img {
        margin-top: 26px;
    }

    .copys-infeiores-img p {
        font-size: 1.5em;
        text-align: center;
        line-height: 1;
        color: #02b9fb;
        font-family: 'Varela Round', sans-serif;
    }

    .imagen-login {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        min-height: 122px;
    }
}

@media (min-width: 481px) and (max-width:767px){
    .left-side-login {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-items: center;
        background-image: url(images/circulos-login.svg);
        background-size: contain;
        background-position: -30px 26px;
        background-repeat: no-repeat;
        background-color: #FFf;
    }

    .right-side-login {
        max-width: 100%;
        width: 100%;
       height: auto;
    }

    .login-page-container {
        display: flex;
        font-family: 'Varela Round', sans-serif;
        flex-direction: column;
    }

    .imagen-login img {
        width: 65%;
        z-index: 1;
        display: none;
    }

    .copy-img {
        background-color: #b6b6b6;
        padding: 15px;
        font-size: 1.6em;
        width: 69%;
        text-align: center;
        position: relative;
        top: -35px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
        font-family: 'Varela Round', sans-serif;
        color: #fff;
        display: none;
    }
    html,body {
        overflow-y: auto;
    }

    .imagen-login {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        min-height: 180px;
    }

    .circulos-comu {
        background-image: url(images/circulos-lacomunidad.png);
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        top: 39px;
        display: none;
    }

    .copys-infeiores-img {
        margin-top: 26px;
    }

    .copys-infeiores-img p {
        font-size: 1.8em;
        text-align: center;
        line-height: 1;
        color: #02b9fb;
        font-family: 'Varela Round', sans-serif;
    }

    .imagen-login {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        min-height: 122px;
    }
}


/* media querys desktop */

@media (min-width: 768px) and (max-width:1023px){
    .left-side-login {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-items: center;
        background-image: url(images/circulos-login.svg);
        background-size: contain;
        background-position: -49px 69px;
        background-repeat: no-repeat;
        background-color: #FFf;
    }

    .right-side-login {
        max-width: 100%;
        width: 100%;
       height: auto;
    }

    .login-page-container {
        display: flex;
        font-family: 'Varela Round', sans-serif;
        flex-direction: column;
    }

    .imagen-login img {
        width: 65%;
        z-index: 1;
        display: none;
    }

    .copy-img {
        background-color: #b6b6b6;
        padding: 15px;
        font-size: 1.6em;
        width: 69%;
        text-align: center;
        position: relative;
        top: -35px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
        font-family: 'Varela Round', sans-serif;
        color: #fff;
        display: none;
    }
    html,body {
        overflow-y: auto;
    }

    .imagen-login {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        min-height: 180px;
    }

    .circulos-comu {
        background-image: url(images/circulos-lacomunidad.png);
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        top: 39px;
        display: none;
    }

    #login {
        width: 469px;
        padding: 13% 0 0;
        margin: auto;
    }
}

@media (min-width: 1024px) and (max-width:1250px){
    .imagen-login img {
        width: 62%;
        z-index:1
    }

    .copy-img {
        background-color: #b6b6b6;
        padding: 15px;
        font-size: 1.2em;
        width: 69%;
        text-align: center;
        position: relative;
        top: -25px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
    }

    .circulos-comu {
        background-image: url(images/circulos-login.svg);
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        bottom: -59px;
        left: -50px;
    }

    #login {
        width: 448px;
        padding: 1% 0 0;
        margin: auto;
    }
}

@media (min-width: 1251px) and (max-width:1280px){ 

    .imagen-login img {
        width: 50%;
        z-index: 1;
    }

    .copy-img {
        background-color: #b6b6b6;
        padding: 15px;
        font-size: 1.2em;
        width: 57%;
        text-align: center;
        position: relative;
        top: -23px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
        font-family: 'Varela Round', sans-serif;
        color: #fff;
    }

    .copys-infeiores-img {
        margin-top: 21px;
    }

    .circulos-comu {
        background-image: url(images/circulos-login.svg);
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        bottom: -58px;
        left: -30px;
    }

    #login {
        width: 417px;
        padding: 1% 0 0;
        margin: auto;
    }

     .login .message, .login .success {
        border-left: 4px solid #00a0d2;
        padding: 12px;
        margin-left: 0;
        margin-bottom: 15px;
        background-color: #fff;
        box-shadow: 0 1px 1px 0rgba(0,0,0,.1);
        line-height: 1.2;
    }

    .login #login_error {
        border-left: 4px solid #ed555b;
        padding: 12px;
        margin-left: 0;
        margin-bottom: 15px;
        background-color: #fff;
        box-shadow: 0 1px 1px 0rgba(0,0,0,.1);
        line-height: 1.2;
        position: relative;
        padding-left: 30px !important;
    }
    .login form {
        margin-top: 0px;
        margin-left: 0;
        padding: 26px 24px 28px;
        font-weight: 400;
        overflow: hidden;
        background: #fff;
        border: 0px solid #ccd0d4;
        box-shadow: 0 1px 3pxrgba(0,0,0,.04);
        border-radius: 31px;
    }
    #login {
        width: 448px;
        padding: 1% 0 0;
        margin: auto;
    }
}

@media (min-width: 1281px) and (max-width:1366px){ 

    .imagen-login img {
        width: 60%;
        z-index: 1;
    }

    .copy-img {
        background-color: #b6b6b6;
        padding: 15px;
        font-size: 1.2em;
        width: 62%;
        text-align: center;
        position: relative;
        top: -27px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
        font-family: 'Varela Round', sans-serif;
        color: #fff;
    }
    .copys-infeiores-img {
        margin-top: 21px;
    }

    .circulos-comu {
        background-image: url(images/circulos-login.svg);
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        bottom: -58px;
        left: -30px;
    }
    .login h1 a {
        background: url('../images/logolaComunidad.png');
        width: 300px;
        height: 195px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 0px !important;
    }

    .imagen-login {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        padding-top: 34px;
    }
}

@media (min-width: 1367px) and (max-width:1574px){ 

    .imagen-login img {
        width: 60%;
        z-index: 1;
    }

    .copy-img {
        background-color: #b6b6b6;
        padding: 15px;
        font-size: 1.2em;
        width: 62%;
        text-align: center;
        position: relative;
        top: -31px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
        font-family: 'Varela Round', sans-serif;
        color: #fff;
    }
    .copys-infeiores-img {
        margin-top: 21px;
    }

    .circulos-comu {
        background-image: url(images/circulos-login.svg);
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        bottom: -58px;
        left: -30px;
    }
    .login h1 a {
        background: url('../images/logolaComunidad.png');
        width: 300px;
        height: 195px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 0px !important;
    }
}

@media (min-width: 1575px) and (max-width: 1600px) { 

    .imagen-login img {
        width: 60%;
        z-index: 1;
    }

    .copy-img {
        background-color: #b6b6b6;
        padding: 15px;
        font-size: 1.2em;
        width: 62%;
        text-align: center;
        position: relative;
        top: -32px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
        font-family: 'Varela Round', sans-serif;
        color: #fff;
    }
    .copys-infeiores-img {
        margin-top: 21px;
    }

    .circulos-comu {
        background-image: url(images/circulos-login.svg);
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        bottom: -58px;
        left: -30px;
    }
    .login h1 a {
        background: url('../images/logolaComunidad.png');
        width: 300px;
        height: 195px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 0px !important;
    }

    #login {
        width: 320px;
        padding: 9% 0 0;
        margin: auto;
        /* margin-top: 3%; */
    }
}

@media (min-width: 1601px) and (max-width: 1650px) { 

    .imagen-login img {
        width: 60%;
        z-index: 1;
    }

    .copy-img {
        background-color: #b6b6b6;
        padding: 15px;
        font-size: 1.2em;
        width: 62%;
        text-align: center;
        position: relative;
        top: -32px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
        font-family: 'Varela Round', sans-serif;
        color: #fff;
    }
    .copys-infeiores-img {
        margin-top: 21px;
    }

    .circulos-comu {
        background-image: url(images/circulos-login.svg);
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        bottom: -58px;
        left: -30px;
    }
    .login h1 a {
        background: url('../images/logolaComunidad.png');
        width: 300px;
        height: 195px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 0px !important;
    }

    #login {
        width: 320px;
        padding: 9% 0 0;
        margin: auto;
        /* margin-top: 3%; */
    }
}

@media (min-width: 1650px) and (max-width: 1674px) { 

    .imagen-login img {
        width: 60%;
        z-index: 1;
    }

    .copy-img {
        background-color: #b6b6b6;
        padding: 15px;
        font-size: 1.2em;
        width: 62%;
        text-align: center;
        position: relative;
        top: -33px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
        font-family: 'Varela Round', sans-serif;
        color: #fff;
    }
    .copys-infeiores-img {
        margin-top: 21px;
    }

    .circulos-comu {
        background-image: url(images/circulos-login.svg);
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        bottom: -58px;
        left: -30px;
    }
    .login h1 a {
        background: url('../images/logolaComunidad.png');
        width: 300px;
        height: 195px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 0px !important;
    }

    #login {
        width: 320px;
        padding: 9% 0 0;
        margin: auto;
        /* margin-top: 3%; */
    }
}

@media (min-width: 1675px) and (max-width: 1700px) { 

    .imagen-login img {
        width: 60%;
        z-index: 1;
    }

    .copy-img {
        background-color: #b6b6b6;
        padding: 15px;
        font-size: 1.2em;
        width: 62%;
        text-align: center;
        position: relative;
        top: -34px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
        font-family: 'Varela Round', sans-serif;
        color: #fff;
    }
    .copys-infeiores-img {
        margin-top: 21px;
    }

    .circulos-comu {
        background-image: url(images/circulos-login.svg);
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        bottom: -58px;
        left: -30px;
    }
    .login h1 a {
        background: url('../images/logolaComunidad.png');
        width: 300px;
        height: 195px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 0px !important;
    }

    #login {
        width: 320px;
        padding: 9% 0 0;
        margin: auto;
        /* margin-top: 3%; */
    }
}

@media (min-width: 1701px) and (max-width: 1760px) { 

    .imagen-login img {
        width: 60%;
        z-index: 1;
    }

    .copy-img {
        background-color: #b6b6b6;
        padding: 15px;
        font-size: 1.2em;
        width: 62%;
        text-align: center;
        position: relative;
        top: -35px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
        font-family: 'Varela Round', sans-serif;
        color: #fff;
    }
    .copys-infeiores-img {
        margin-top: 21px;
    }

    .circulos-comu {
        background-image: url(images/circulos-login.svg);
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        bottom: -58px;
        left: -30px;
    }
    .login h1 a {
        background: url('../images/logolaComunidad.png');
        width: 300px;
        height: 195px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 0px !important;
    }

    #login {
        width: 320px;
        padding: 9% 0 0;
        margin: auto;
        /* margin-top: 3%; */
    }
}

@media (min-width: 1760px) and (max-width:1800px) { 

    .imagen-login img {
        width: 60%;
        z-index: 1;
    }

    .copy-img {
        background-color: #b6b6b6;
        padding: 15px;
        font-size: 1.2em;
        width: 62%;
        text-align: center;
        position: relative;
        top: -36px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
        font-family: 'Varela Round', sans-serif;
        color: #fff;
    }
    .copys-infeiores-img {
        margin-top: 21px;
    }

    .circulos-comu {
        background-image: url(images/circulos-login.svg);
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        bottom: -58px;
        left: -30px;
    }
    .login h1 a {
        background: url('../images/logolaComunidad.png');
        width: 300px;
        height: 195px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 0px !important;
    }

    #login {
        width: 320px;
        padding: 9% 0 0;
        margin: auto;
        /* margin-top: 3%; */
    }
}

@media (min-width: 1801px) { 

    .imagen-login img {
        width: 60%;
        z-index: 1;
    }

    .copy-img {
        background-color: #b6b6b6;
        padding: 15px;
        font-size: 1.2em;
        width: 62%;
        text-align: center;
        position: relative;
        top: -38px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
        font-family: 'Varela Round', sans-serif;
        color: #fff;
    }
    .copys-infeiores-img {
        margin-top: 21px;
    }

    .circulos-comu {
        background-image: url(images/circulos-login.svg);
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        bottom: -58px;
        left: -30px;
    }
    .login h1 a {
        background: url('../images/logolaComunidad.png');
        width: 300px;
        height: 195px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 0px !important;
    }

    #login {
        width: 320px;
        padding: 9% 0 0;
        margin: auto;
        /* margin-top: 3%; */
    }
}

.reset-pass-submit button {
    display: none !important;
    float: none;
    margin-bottom: 6px;
}

.reset-pass-submit #wp-submit {
    margin-left: auto;
    margin-right: auto;
}

div#login_error::before {
    content: "\f057";
    font-family: 'FontAwesome';
    color: #ed555b !important;
    display: inline-block;
    position: absolute;
    top: 0.6em;
    left: 0.6em;
    font-size: 16px;
}