/* Presentacion compartida de bienvenida, empleados y administradores. */
body.acceso-institucional, body.admin-login-body { margin:0; padding:0; display:block; background:#f0f9ff; color:#16305c; isolation:isolate; }
.acceso-institucional .portal { width:100%; min-height:100vh; }
.acceso-institucional .portal::before, .admin-login-body::before { background:#f0f9ff url('../img/logo_fondo.png') center top / 360px auto repeat; opacity:.65; }
.portal-header, .login-institucion, .acceso-encabezado { width:100%; background:#16305c; color:white; padding:20px 24px; text-align:center; font-size:18px; font-weight:700; line-height:1.4; letter-spacing:normal; }
.acceso-institucional .portal-fondo, .login-principal { min-height:calc(100vh - 66px); padding:24px 16px; display:flex; align-items:center; justify-content:center; }
.portal-card, .admin-login-body .login-card, #modalLogin .modal-card { width:100%; max-width:480px; padding:26px 38px; background:white; border:1px solid #bad5eb; border-radius:18px; box-shadow:0 8px 24px #16305c18; text-align:center; }
.portal-logo, .login-logo, #modalLogin .modal-logo { width:100%; max-width:none; height:auto; margin:0; display:block; }
.portal-card .login-identidad, .login-identidad, #modalLogin .login-identidad { font-size:12px; letter-spacing:2px; text-transform:uppercase; color:#426786; margin:18px 0; }
.portal-card h1, .admin-login-body .login-card h1, #modalLogin h2 { font-size:27px; color:#16305c; letter-spacing:normal; line-height:1.2; margin:12px 0; }
.portal-card p, .login-descripcion, #modalLogin .acceso-descripcion { color:#596d80; font-size:15px; line-height:1.5; }
.portal-botones { margin-top:24px; }
.btn-portal, .admin-login-body .login-card button[type=submit], #modalLogin .btn-modal { border-radius:9px; padding:15px 16px; font-size:16px; font-weight:700; }
.btn-portal--primario, .admin-login-body .login-card button[type=submit], #modalLogin .btn-modal { background:#16305c; color:white; }
.btn-portal--primario:hover, .admin-login-body .login-card button[type=submit]:hover, #modalLogin .btn-modal:hover { background:#245688; }
.login-pasos { display:flex; justify-content:center; gap:24px; list-style:none; padding:0; margin:28px 0; font-size:14px; color:#65788a; }
.login-pasos li { display:flex; align-items:center; gap:8px; }
.login-pasos span { display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#edf1f5; }
.login-pasos .paso-actual { color:#1264bc; font-weight:700; }
.login-pasos .paso-actual span { background:#1264bc; color:white; }
#modalLogin { position:fixed; inset:0; z-index:100; display:block; overflow-y:auto; padding:0; background:#f0f9ff; }
#modalLogin::before { content:''; position:fixed; inset:0; background:url('../img/logo_fondo.png') center top / 360px auto repeat; opacity:.65; pointer-events:none; }
#modalLogin .acceso-encabezado { position:relative; }
#modalLogin .acceso-contenido { position:relative; min-height:calc(100% - 66px); padding:24px 16px; display:flex; align-items:center; justify-content:center; }
#modalLogin .modal-card { max-height:none; overflow:visible; }
body.acceso-login-abierto { overflow:hidden; }
#modalOlvido { z-index:110; }
#modalLogin label { font-size:14px; color:#16305c; }
#modalLogin input[type=text], #modalLogin input[type=password] { border:2px solid #b4cce0; border-radius:9px; padding:15px; font-size:16px; color:#16305c; }
#modalLogin .input-password input { padding-right:46px; }
#modalLogin input:focus { outline:none; border-color:#287bc7; box-shadow:0 0 0 3px #287bc71a; }
#modalLogin .modal-instruccion { font-size:12px; line-height:1.5; }
#modalLogin a { color:#1762a8; }
#modalLogin .acceso-volver { position:static; display:block; width:100%; background:none; border:0; color:#1762a8; font-size:14px; margin-top:24px; cursor:pointer; }
.portal-card .login-copy, .admin-login-body .login-copy, #modalLogin .login-copy { border-top:1px solid #e0eaf3; padding-top:18px; margin:24px 0 0; color:#596d80; font-size:11px; line-height:1.6; text-align:center; }
.acceso-institucional button:focus-visible, .acceso-institucional a:focus-visible { outline:3px solid #287bc7; outline-offset:3px; }
@media(max-width:540px) { .portal-header,.login-institucion,.acceso-encabezado { padding:16px; font-size:15px; } .portal-card,.admin-login-body .login-card,#modalLogin .modal-card { padding:24px; } .portal-card h1,.admin-login-body .login-card h1,#modalLogin h2 { font-size:25px; } .acceso-institucional .portal::before,.admin-login-body::before,#modalLogin::before { background-size:280px auto; } }