/* ONE IT · portada de inicio de sesión. Solo presentación; conserva la autenticación Razor existente. */
:root { --login-primary:#2563eb; --login-secondary:#1d4ed8; }
html,body {min-height:100%;}
body.login-page {margin:0;background:#f4f7fb;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;}
.login-shell {display:grid;min-height:100vh;grid-template-columns:minmax(470px,53%) 1fr;}
.login-brand-panel {position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:clamp(28px,4vw,75px);color:#fff;background:#071c30;}
.login-brand-panel::before {content:"";position:absolute;inset:0;z-index:-2;background:url('/images/oneit/login-office.jpg') center center/cover no-repeat;filter:brightness(.72);transform:scale(1.03);}
.login-brand-panel::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(2,17,34,.94),rgba(4,27,47,.76) 62%,rgba(7,25,43,.64));}
.login-brand-content {width:100%;max-width:660px;display:flex;flex-direction:column;gap:28px;}
.oneit-heading {display:flex;align-items:center;gap:18px;}
.oneit-icon {width:86px;height:86px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:20px;background:#ff6b00;font-size:43px;box-shadow:0 15px 38px rgba(0,0,0,.22);}
.oneit-heading h1 {margin:0;font-size:clamp(40px,4vw,66px);font-weight:850;line-height:1;letter-spacing:-2px;}
.oneit-heading h1 strong {color:#ff6b00;}
.oneit-subtitle {font-size:clamp(13px,1.2vw,18px);letter-spacing:.7px;color:#cbd5e1;margin:7px 0 0;line-height:1.25;}
.oneit-accent {height:3px;width:95px;background:#ff6b00;border-radius:3px;}
.oneit-tagline {margin:0;font-size:clamp(22px,2.2vw,32px);font-weight:350;font-style:italic;line-height:1.3;}
.oneit-tagline em {color:#ff7a16;font-style:inherit;}
.oneit-companies {padding:12px 14px;background:white;border-radius:13px;box-shadow:0 15px 35px rgba(0,0,0,.2);}
.oneit-companies img {display:block;width:100%;height:auto;object-fit:contain;}
.oneit-features {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px;}
.oneit-features>div {display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:8px 3px;}
.oneit-features i {font-size:29px;color:#ff7a16;margin-bottom:6px;}
.oneit-features>div:nth-child(2) i {color:#31a7ff;}.oneit-features>div:nth-child(3) i {color:#b080ff;}.oneit-features>div:nth-child(4) i {color:#66d765;}
.oneit-features b {font-size:11px;white-space:nowrap;}.oneit-features small {font-size:10px;color:#bdcad6;line-height:1.3;}
.login-form-panel {display:flex;align-items:center;justify-content:center;padding:40px 24px;}
.login-card {width:100%;max-width:460px;padding:42px;border:1px solid rgba(15,23,42,.06);border-radius:22px;background:#fff;box-shadow:0 22px 50px rgba(15,23,42,.1);}
.login-card .form-control,.login-card .input-group-text {min-height:48px;}
.login-card .form-control:focus {border-color:var(--login-primary);box-shadow:0 0 0 .2rem rgba(37,99,235,.15);}
.login-card .btn-primary {border-color:var(--login-primary);background:var(--login-primary);font-weight:600;}
.login-card .btn-primary:hover {border-color:var(--login-secondary);background:var(--login-secondary);}
@media(max-width:1050px){.login-shell{grid-template-columns:minmax(390px,48%) 1fr}.login-brand-panel{padding:32px}.oneit-icon{width:65px;height:65px;font-size:34px}.oneit-features{grid-template-columns:repeat(2,1fr);margin-top:0}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand-panel{padding:35px 22px}.login-brand-content{max-width:560px;gap:18px}.oneit-features{display:none}.oneit-icon{width:58px;height:58px;font-size:30px}.oneit-heading h1{font-size:42px}.oneit-tagline{font-size:22px}.login-form-panel{padding:30px 16px}.login-card{padding:30px 24px}}
@media(max-width:420px){.oneit-heading{gap:12px}.oneit-heading h1{font-size:36px}.oneit-subtitle{font-size:11px}.oneit-companies{padding:7px}.login-card{padding:25px 18px}}