:root{--imac-navy:#194f78;--imac-navy-2:#194f78;--imac-blue:#0d5cff;--imac-red:#e3150b;--imac-bg:#f3f6fa;--imac-border:#d9e2ec}
*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.login-page-imacsis{margin:0;background:var(--imac-bg);min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:65% 35%}.brand-panel{position:relative;overflow:hidden;background:#194f78;color:#fff;padding:30px 4vw 42px;display:flex;flex-direction:column}.brand-panel:after{content:"";position:absolute;width:520px;height:520px;border:80px solid rgba(255,255,255,.018);border-radius:50%;right:-170px;top:60px}.brand-logos{display:flex;align-items:center;gap:34px;z-index:1}.misiones-logo{width:300px;max-width:44%;height:auto}.imac-logo{width:112px;height:112px;object-fit:contain}.brand-copy{margin:auto 0;max-width:650px;z-index:1}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:800;color:var(--imac-blue)}.eyebrow.light{color:#8db7ff}.brand-copy h1{font-size:44px;line-height:1.12;margin:18px 0}.brand-copy p{font-size:18px;line-height:1.7;color:#e4edf7}.brand-footer{font-size:13px;color:#c8d7e6;z-index:1}.form-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:min(530px,100%);background:#fff;border:1px solid var(--imac-border);border-radius:18px;padding:40px;box-shadow:0 24px 55px rgba(18,49,80,.12)}.login-card h2{font-size:34px;margin:8px 0 12px}.muted{color:#66778a}.login-card label{display:block;font-size:14px;font-weight:700;margin:22px 0 7px}.login-card input{width:100%;height:48px;border:1px solid #cbd8e5;border-radius:9px;padding:0 13px;font-size:16px;outline:none}.login-card input:focus{border-color:var(--imac-blue);box-shadow:0 0 0 3px rgba(13,92,255,.1)}.password-wrap{position:relative}.password-wrap input{padding-right:72px}.password-wrap button{position:absolute;right:7px;top:7px;height:34px;border:0;background:#eef4ff;color:var(--imac-blue);font-weight:700;border-radius:7px}.security-placeholder{margin:20px 0;background:#f7f9fc;border:1px solid #dfe7f0;padding:13px;border-radius:8px;color:#3d4d5d;font-size:13px}.primary{display:inline-block;border:0;background:var(--imac-blue);color:#fff;font-weight:750;padding:12px 18px;border-radius:9px;text-decoration:none;cursor:pointer}.forgot{display:block;color:var(--imac-blue);font-weight:650;margin:16px 0;text-decoration:none}.security-note{border-top:1px solid #e4e9ef;padding-top:17px;color:#6a7b8d;font-size:13px}.alert{background:#fff1f0;color:#a31b13;border:1px solid #ffc9c5;padding:10px 12px;border-radius:8px;margin:15px 0}.simple-auth{min-height:100vh;display:grid;place-items:center;background:var(--imac-bg);padding:30px}.link-button{margin-top:12px}.imacsis-sidebar{background:#194f78!important}.brand-image{width:38px;height:38px;object-fit:contain}.brand-link{color:#fff!important}.app-header{border-bottom:1px solid #e3e8ee}.app-main{background:#f5f7fa}.kpi-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#eaf1ff;color:var(--imac-blue);margin-bottom:14px;font-size:19px}.btn-primary{background:var(--imac-blue);border-color:var(--imac-blue)}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:330px}.brand-copy{margin:45px 0}.brand-copy h1{font-size:34px}.form-panel{padding:24px}.login-card{padding:28px}.brand-footer{display:none}}

/* v205 - Identidad institucional: cabecera sidebar definitiva */
.imacsis-sidebar,
.imacsis-sidebar .sidebar-brand,
.imacsis-sidebar .sidebar-brand .brand-link {
    background-color: #194f78 !important;
}
.imacsis-sidebar .sidebar-brand {
    height: 96px !important;
    min-height: 96px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(255,255,255,.18) !important;
}
.imacsis-sidebar .sidebar-brand .brand-link {
    width: 100% !important;
    height: 96px !important;
    min-height: 96px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    text-decoration: none !important;
}
.imacsis-sidebar .sidebar-brand .imacsis-sidebar-institutional-logo {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    max-width: 226px !important;
    height: auto !important;
    max-height: 76px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}
.imacsis-sidebar .sidebar-wrapper {
    height: calc(100vh - 96px) !important;
}
/* Unifica el azul institucional del login con el sidebar */
.brand-panel { background: #194f78 !important; }
@media (max-width: 991.98px) {
    .imacsis-sidebar .sidebar-brand,
    .imacsis-sidebar .sidebar-brand .brand-link { height: 90px !important; min-height: 90px !important; }
    .imacsis-sidebar .sidebar-brand .imacsis-sidebar-institutional-logo { max-width: 218px !important; max-height: 70px !important; }
    .imacsis-sidebar .sidebar-wrapper { height: calc(100vh - 90px) !important; }
}

/* v206 - Asset dedicado para sidebar: dimensiones físicas reales, sin zoom ni recorte */
.imacsis-sidebar .sidebar-brand {
    height: 96px !important;
    min-height: 96px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.imacsis-sidebar .sidebar-brand .brand-link {
    height: 96px !important;
    width: 250px !important;
    padding: 11px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.imacsis-sidebar img.imacsis-sidebar-institutional-logo {
    width: 226px !important;
    height: 73px !important;
    min-width: 226px !important;
    max-width: 226px !important;
    min-height: 73px !important;
    max-height: 73px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
}

/* v207 - Cabecera institucional a sangre, sin franjas laterales */
.imacsis-sidebar .sidebar-brand,
.imacsis-sidebar .sidebar-brand .brand-link {
    width: 250px !important;
    height: 81px !important;
    min-height: 81px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
.imacsis-sidebar img.imacsis-sidebar-institutional-logo {
    display: block !important;
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    height: 81px !important;
    min-height: 81px !important;
    max-height: 81px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: fill !important;
}
.imacsis-sidebar .sidebar-wrapper {
    height: calc(100vh - 81px) !important;
}