/* La entrada del personal (soporte.kontrolcon.com/scp/login.php): como la del ERP, fondo tinta con el
   motivo de la «K» del dossier y una caja blanca con el logotipo y el botón azul. */

body#loginBody { background: var(--kc-tinta); color: var(--kc-texto); }
#brickwall, #blur, #background, #background-compat { display: none !important; }

.kc-entrada-k {
    position: fixed;
    right: -6%;
    bottom: -8%;
    height: 118%;
    width: auto;
    color: var(--kc-marino);
    pointer-events: none;
    z-index: 0;
}

#loginBox {
    z-index: 1;
    width: 380px;
    max-width: calc(100% - 32px);
    margin-left: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 12%;
    padding: 34px 32px 26px;
    text-align: left;
    background: var(--kc-superficie);
    border-radius: 6px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
    mix-blend-mode: normal;
}
#loginBox:after { display: none; }

#loginBox h1#logo a { height: auto; line-height: 0; }
#loginBox h1#logo .valign-helper { display: none; }
#loginBox .kc-soporte-marca { color: var(--kc-tinta); }
#loginBox .kc-soporte-marca svg { height: 38px; }

#login-message { font-family: var(--kc-f-titulo); font-weight: 600; font-size: 24px; color: var(--kc-texto); margin: 26px 0 2px; }
#loginBox .banner { color: var(--kc-mudo); font-size: 14px; margin-bottom: 14px; }
#loginBox fieldset { border: 0; padding: 0; margin: 0; }
#loginBox input[type="text"], #loginBox input[type="password"] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 12px;
    padding: 10px 12px;
    font-size: 15px;
    border: 1px solid var(--kc-borde-fuerte);
    border-radius: var(--kc-radio);
    background: var(--kc-superficie);
    box-shadow: none;
}
#loginBox input:focus { border-color: var(--kc-azul) !important; box-shadow: 0 0 0 3px var(--kc-azul-suave) !important; outline: none; }
#loginBox button.submit, #loginBox input[type="submit"] {
    float: none !important;
    display: block;
    width: 100%;
    margin: 6px 0 0;
    padding: 11px 14px;
    height: auto;
    line-height: 1.2;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--kc-sobre-azul);
    background: var(--kc-azul);
    border: 0;
    border-radius: var(--kc-radio);
    box-shadow: none;
    text-shadow: none;
    cursor: pointer;
}
#loginBox button.submit:hover { background: var(--kc-azul-hover); }
#loginBox #reset-link, #loginBox h3 a { font-size: 13px; color: var(--kc-azul-tinta); font-weight: 400; }
#loginBox h3 { font-size: 13px; }
#company { color: var(--kc-mudo); font-size: 12px; margin-top: 18px; text-align: center; }
#company .content { text-shadow: none; background: none; }

#poweredBy {
    position: fixed;
    left: 0;
    right: auto;
    bottom: 0;
    z-index: 1;
    padding: 18px 32px 22px;
    background: none;
    border: 0;
    box-shadow: none;
    color: #9A9EAD;
    font-size: 0;
}
#poweredBy .kc-creditos { margin: 0; }
#poweredBy .kc-creditos svg { width: 92px; }
#poweredBy .kc-creditos-atinfor { height: 16px; }
#poweredBy .kc-creditos-efgrupo { height: 36px; }

@media (max-width: 700px) {
    #loginBox { position: relative; top: auto; margin: 32px auto 0; left: auto; transform: none; }
    #poweredBy { position: relative; z-index: 1; padding: 24px 16px; }
}

/* osTicket estrecha el formulario a 220 px y centra el mensaje. */
#loginBox form { width: auto; margin: 0; }
#loginBox h3#login-message, #loginBox .banner { text-align: left; }
#company { position: static; width: auto; margin: 18px 0 0; text-align: left; }
#company .content { background: none; box-shadow: none; text-shadow: none; padding: 0; color: var(--kc-mudo); }
#loginBox h3#login-message { font-family: var(--kc-f-titulo) !important; font-weight: 600; font-size: 22px; line-height: 1.25; color: var(--kc-texto); margin: 26px 0 14px; }