/* Pantalla de entrada con la identidad de CondoCollect. */
@font-face { font-family: "Plus Jakarta Sans"; font-weight: 400; font-display: swap; src: url(fonts/plusjakarta-400.woff) format("woff"); }
@font-face { font-family: "Plus Jakarta Sans"; font-weight: 500; font-display: swap; src: url(fonts/plusjakarta-500.woff) format("woff"); }
body.login {
	font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	background: linear-gradient(118deg, #0a6b4e 0, #0a6b4e 34%, #f2f2f2 34%, #f2f2f2 100%) fixed;
	color: #1d2327;
}
body.login div#login { width: 360px; max-width: calc(100% - 32px); padding: 28px 32px 22px; margin: 7vh auto 0; background: #fff; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.16); box-sizing: border-box; }
body.login div#login h1 a {
	background-image: url(logo.png) !important; background-size: contain; background-position: center; background-repeat: no-repeat;
	width: 100%; height: 104px; margin: 0 auto 6px;
}
body.login div#login h1::after { content: "Portal de cobros"; display: block; text-align: center; font-size: 13px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: #50575e; margin-bottom: 18px; }
body.login form { border: 0; box-shadow: none; padding: 0; margin-top: 0; background: transparent; overflow: visible; }
body.login label { font-size: 13px; font-weight: 500; }
body.login form .input, body.login input[type="text"], body.login input[type="password"] { font-family: inherit; font-size: 16px; border: 1px solid #b4b9be; border-radius: 3px; padding: 6px 10px; }
body.login form .input:focus, body.login input:focus { border-color: #0a6b4e; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0a6b4e; outline: 2px solid transparent; }
body.login .button-primary {
	float: none; width: 100%; margin-top: 14px; min-height: 44px; font-family: inherit; font-size: 13px; font-weight: 500;
	letter-spacing: 0.06em; text-transform: uppercase; background: #111; border-color: #111; border-radius: 0; color: #fff; text-shadow: none; box-shadow: none;
}
body.login .button-primary:hover, body.login .button-primary:focus { background: #07523c; border-color: #07523c; }
body.login .forgetmenot { float: none; margin-top: 4px; }
body.login #nav, body.login #backtoblog { padding: 0; margin: 18px 0 0; text-align: center; font-size: 13px; }
body.login #backtoblog { display: none; }
body.login #nav a, body.login .privacy-policy-link { color: #07523c; }
body.login #nav a:hover { color: #111; }
body.login .message, body.login .notice, body.login #login_error { border-left-color: #0a6b4e; box-shadow: none; background: #f7f8f9; margin: 0 0 16px; }
body.login #login_error { border-left-color: #b32d2e; }
body.login .language-switcher { margin-top: 24px; }
body.login .wp-pwd .button.wp-hide-pw { color: #07523c; }
@media (max-width: 600px) { body.login { background: #f2f2f2; } body.login div#login { margin-top: 24px; } }