:root{--navy:#052f4d;--navy2:#073e61;--green:#126b3c;--green2:#2f9346;--gold:#f2b827;--blue:#1785df;--text:#102b42;--muted:#667b8d;--border:#d7e2e9}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI",Arial,sans-serif}body{background:#082f4b}.login-page{min-height:100vh;position:relative;overflow:auto;color:#fff;background:url('../img/fondo-perene.png') center/cover fixed no-repeat;padding:28px 5vw 78px}.login-shade{position:absolute;inset:0;background:linear-gradient(115deg,rgba(1,31,54,.94),rgba(3,48,72,.76) 55%,rgba(1,29,48,.70));backdrop-filter:blur(1px)}.brand-block,.gateway,.login-footer{position:relative;z-index:1}.brand-block{display:flex;align-items:center;gap:16px;width:max-content;max-width:100%;margin:0 auto 18px}.crest{width:86px;height:96px;object-fit:contain;filter:drop-shadow(0 8px 13px rgba(0,0,0,.25));background:rgba(255,255,255,.96);border-radius:12px;padding:4px}.brand-copy{border-left:1px solid rgba(255,255,255,.65);padding-left:18px;display:flex;flex-direction:column}.brand-copy span{font-size:16px;font-weight:650}.brand-copy strong{font-size:42px;line-height:1;font-weight:850;letter-spacing:-1.5px}.brand-copy em{font-family:Georgia,serif;color:#8ad65a;font-size:14px;margin-top:7px}.gateway{width:min(1040px,100%);margin:0 auto}.gateway-heading{text-align:center;margin:0 auto 18px}.gateway-heading>span{font-size:11px;text-transform:uppercase;letter-spacing:2.4px;color:#d7eaf5}.gateway-heading h1{margin:7px 0 4px;font-size:clamp(28px,3.2vw,46px);line-height:1.05;text-transform:uppercase;letter-spacing:.5px}.gateway-heading p{margin:0;color:#d7e6ee;font-size:13px}.brand-rule{display:flex;width:250px;height:4px;margin:14px auto 0;border-radius:8px;overflow:hidden}.brand-rule i{flex:1}.brand-rule i:nth-child(1),.color-line i:nth-child(1){background:var(--green2)}.brand-rule i:nth-child(2),.color-line i:nth-child(2){background:var(--gold)}.brand-rule i:nth-child(3),.color-line i:nth-child(3){background:var(--blue)}.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.access-card{position:relative;background:rgba(255,255,255,.985);border-radius:20px;padding:28px 34px 26px;color:var(--text);box-shadow:0 25px 70px rgba(0,18,34,.34);overflow:hidden;border:1px solid rgba(255,255,255,.65)}.color-line{height:5px;position:absolute;left:0;right:0;top:0;display:flex}.color-line i{flex:1}.access-icon{width:56px;height:56px;border-radius:50%;margin:2px auto 10px;display:grid;place-items:center;font-size:26px;box-shadow:0 5px 13px rgba(18,107,60,.12)}.access-icon.institutional{background:#f2faf4;border:1px solid #b8dfbf;color:var(--green)}.access-icon.citizen{background:#fff8e8;border:1px solid #f0d080;color:#b67900}.card-kicker{text-align:center;text-transform:uppercase;letter-spacing:1.4px;font-size:9px;font-weight:800;color:var(--green);margin-bottom:5px}.access-card h2{text-align:center;font-size:25px;margin:0 0 5px}.access-card>p{text-align:center;color:var(--muted);font-size:12px;line-height:1.55;margin:0 0 18px}.auth-card label{display:block;font-size:11px;font-weight:750;margin:10px 0 6px}.input{position:relative}.input>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--green);font-size:18px}.input input{width:100%;height:50px;border:1px solid #cad7df;border-radius:10px;background:#fff;padding:0 43px;font-size:13px;outline:none}.input input:focus{border-color:#4ba463;box-shadow:0 0 0 4px rgba(47,147,70,.12)}.eye{position:absolute;right:9px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:#6d7f8e;font-size:17px;cursor:pointer}.options{display:flex;justify-content:space-between;align-items:center;color:#748494;font-size:10px;margin:13px 0}.remember{margin:0!important;font-weight:500!important}.remember input{accent-color:var(--green2)}.primary-btn{width:100%;min-height:52px;border:0;border-radius:10px;background:linear-gradient(135deg,#24873f,#126b3c);color:#fff;font-size:13px;font-weight:850;letter-spacing:.3px;cursor:pointer;box-shadow:0 10px 22px rgba(18,107,60,.22);display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;transition:.18s}.primary-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-btn span{font-size:21px}.citizen-action{margin-top:20px}.citizen-steps{display:grid;gap:9px;margin:14px 0 2px}.citizen-steps div{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:9px 10px;border:1px solid #e2ebe6;background:#f8fbf9;border-radius:9px}.citizen-steps b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e8f6ec;color:var(--green);font-size:11px}.citizen-steps span{font-size:11px;color:#526c7d}.secondary-link{display:block;text-align:center;color:var(--green);font-size:11px;font-weight:750;margin-top:13px;text-decoration:none}.secondary-link:hover{text-decoration:underline}.service-note{text-align:center;color:#738492;font-size:10px;margin-top:13px;padding-top:11px;border-top:1px solid #e6ecef}.alert{padding:10px 12px;border-radius:9px;margin-bottom:10px;font-size:11px}.alert.error{background:#fff0ef;color:#9b241c;border:1px solid #ffd2cd}.alert.ok{background:#eaf8ef;color:#19683b;border:1px solid #b9e6c6}.login-footer{position:absolute;left:0;right:0;bottom:0;min-height:50px;background:rgba(4,43,71,.94);display:flex;justify-content:center;align-items:center;gap:70px;font-size:11px;border-top:1px solid rgba(255,255,255,.12);padding:12px 20px;text-align:center}@media(max-width:850px){.login-page{padding:22px 18px 85px}.access-grid{grid-template-columns:1fr}.gateway{width:min(520px,100%)}.brand-block{margin-bottom:12px}.login-footer{gap:8px;flex-direction:column}}@media(max-width:520px){.brand-block{gap:10px}.crest{width:66px;height:75px}.brand-copy{padding-left:11px}.brand-copy span{font-size:11px}.brand-copy strong{font-size:31px}.brand-copy em{font-size:10px}.gateway-heading h1{font-size:25px}.access-card{padding:25px 20px 22px;border-radius:15px}.access-card h2{font-size:22px}.login-footer{font-size:9px}}