:root { --thinkq-blue: #1e5bb8; --thinkq-dark: #102f65; }
body.task-login { margin: 0; background: #fff; color: #102f65; }
body.task-login #layout { position: relative; display: flex; min-height: 100vh; }
body.task-login .thinkq-intro { box-sizing: border-box; flex: 1 1 52%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 7rem 7vw 4rem; color: #fff; position: relative; isolation: isolate; background: linear-gradient(135deg, #102f68, #205ab1); }
body.task-login .thinkq-intro::before { content: ""; position: absolute; inset: 0; background: url("../../skins/thinkq/images/thinkq-patron-innovacion.png") center / cover no-repeat; opacity: .28; pointer-events: none; z-index: -1; }
.thinkq-intro .thinkq-kicker { color: #ffd464; font-size: .72rem; font-weight: 700; letter-spacing: .14em; }
.thinkq-intro h2 { max-width: 26rem; font-size: clamp(2.1rem, 3.5vw, 3.5rem); font-weight: 700; line-height: 1.1; margin: 1.1rem 0; letter-spacing: -.035em; }
.thinkq-intro p { max-width: 25rem; font-size: 1rem; line-height: 1.6; opacity: .9; margin: 0; }
body.task-login #layout-content { position: static; box-sizing: border-box; flex: 1 1 48%; width: auto; max-width: none; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2.5rem 2rem; background: #fff; }
body.task-login #logo { opacity: 1 !important; content: url('../../skins/thinkq/images/thinkq-logo-2026.webp'); position: absolute; z-index: 2; top: 2.2rem; left: 7vw; width: 165px; height: auto; max-width: 165px; max-height: 65px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; object-fit: contain; }
.thinkq-welcome, body.task-login #login-form { width: min(100%, 340px); }
.thinkq-welcome h2 { font-size: 1.6rem; font-weight: 700; line-height: 1.2; color: #102f65; margin: 0 0 .5rem; }
.thinkq-welcome p { color: #60718b; font-size: .95rem; margin: 0 0 1.6rem; }
body.task-login #login-form { position: static; top: auto; margin: 0; }
body.task-login #login-form input.form-control { min-height: 48px; border: 1px solid #cbd6e5; border-radius: 7px; background: #fff; color: #102f65 !important; -webkit-text-fill-color: #102f65; caret-color: #102f65; }
body.task-login #login-form input.form-control::placeholder { color: #677b91; opacity: 1; -webkit-text-fill-color: #677b91; }
body.task-login #login-form input.form-control:-webkit-autofill { -webkit-text-fill-color: #102f65 !important; box-shadow: 0 0 0 1000px #fff inset; }
body.task-login #login-form .input-group-text { background: #eff4fb; color: #315c98; border-color: #cbd6e5; }
body.task-login #login-form button { min-height: 48px; border-radius: 7px; background: #1e5bb8; border-color: #1e5bb8; color: #fff; font-weight: 700; }
body.task-login #login-form button:hover { background: #154b9c; }
.thinkq-microsoft { text-align: center; font-size: .82rem; margin: 1.15rem 0; color: #60718b; }
.thinkq-microsoft a { color: #1e5bb8; font-weight: 600; }
.thinkq-mobile-title { display: none; }
#layout-menu { background-color: #0f3c8a; }
#layout-menu #logo { opacity: 1 !important; content: url('../../skins/thinkq/images/thinkq-logo-2026.webp'); object-fit: contain; }
@media (max-width: 760px) {
  body.task-login #layout { flex-direction: column; min-height: 100vh; }
  body.task-login .thinkq-intro { display: block; flex: 0 0 128px; min-height: 128px; padding: 0; }
  body.task-login .thinkq-intro > * { display: none; }
  body.task-login #logo { top: 2.1rem; left: 1.5rem; width: 154px; max-width: 154px; }
  body.task-login #layout-content { min-height: 0; flex: 1 1 auto; justify-content: flex-start; padding: 2.5rem 1.5rem 2rem; }
}