/* Estilos exclusivos de la pantalla de acceso. */
body.mirador-login-page {
    margin:0;
    min-height:100vh;
    min-height:100svh;
    background:linear-gradient(135deg,#355c3a 0%,#4f6f52 53%,#8b6a43 100%);
    color:#344536;
    font-family:'Poppins','Segoe UI',Arial,sans-serif;
}
.mirador-login-page * {box-sizing:border-box}
.mirador-login {min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:40px 24px}
.mirador-login-card {display:grid;grid-template-columns:5fr 7fr;width:100%;max-width:1140px;background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.35)}
.mirador-login-left {padding:35px 45px 30px;min-width:0}
.mirador-login-logo {display:block;width:150px;height:150px;object-fit:contain;margin:0 0 12px}
.mirador-login-left h1 {font-family:inherit;font-size:30px;line-height:1.25;font-weight:700;color:#355c3a;margin:0 0 14px;letter-spacing:-.5px}
.mirador-login-intro {font-size:14px;color:#777;margin:0 0 10px}
.mirador-login-features {list-style:none;padding:0;margin:0 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;color:#637063;font-size:13px}
.mirador-login-features li {display:flex;align-items:center;gap:8px;white-space:nowrap}
.mirador-login-features li span {font-size:18px;line-height:1.5}
.mirador-login-access {margin:0}
.mirador-login-access label {display:block;margin:0 0 7px;color:#355c3a;font-weight:600;font-size:13px}
.mirador-login-input {display:flex;align-items:stretch;margin-bottom:20px;border-radius:10px}
.mirador-login-icon {display:flex;align-items:center;justify-content:center;flex:0 0 50px;background:#355c3a;color:white;border-radius:10px 0 0 10px}
.mirador-login-icon svg {width:20px;height:20px}
.mirador-login-input input {min-width:0;flex:1;width:100%;height:52px;margin:0;border:1px solid #dce3da;border-left:0;border-radius:0 10px 10px 0;padding:0 13px;color:#26352c;background:#fff;font-family:inherit;font-size:14px}
.mirador-login-input input::placeholder {color:#9a9f97}
.mirador-login-input input:focus {outline:0;border-color:#355c3a;box-shadow:0 0 0 3px rgba(53,92,58,.18)}
.mirador-login-submit {width:100%;min-height:52px;background:#355c3a;color:#fff;border:0;border-radius:10px;font-family:inherit;font-size:16px;font-weight:600;transition:background .2s,transform .2s;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;cursor:pointer}
.mirador-login-submit span {font-size:22px;line-height:1}
.mirador-login-submit:hover {background:#27422c;transform:translateY(-2px)}
.mirador-login-submit:focus-visible {outline:3px solid #b49a68;outline-offset:4px}
.mirador-login-submit:disabled {opacity:.65;transform:none;cursor:wait}
.mirador-login-footer {margin:25px 0 0;font-size:11px;text-align:center;color:#92998f;line-height:1.6}
.mirador-login-photo {position:relative;min-width:0;min-height:100%;background:#355c3a}
.mirador-login-photo>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.mirador-login-overlay {position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.07) 25%,rgba(10,29,15,.2) 55%,rgba(10,29,15,.84) 100%)}
.mirador-login-message {position:absolute;bottom:42px;left:40px;right:35px;color:white}
.mirador-login-message>span {display:block;letter-spacing:3px;font-size:10px;font-weight:600;color:#e1e7d8;margin-bottom:12px}
.mirador-login-message h2 {font-family:inherit;font-weight:700;font-size:38px;line-height:1.2;margin:0 0 14px;color:#fff}
.mirador-login-message p {font-size:16px;line-height:1.8;max-width:335px;color:#f1f2ed;margin:0}
.mirador-login-error {background:#fff0e9;color:#813e2d;border:1px solid #f0d7c9;padding:12px 14px;border-radius:8px;font-size:13px;margin:0 0 18px}
@media(max-width:991px) {
    .mirador-login-card {grid-template-columns:1fr;max-width:490px}
    .mirador-login-photo {display:none}
    .mirador-login-left {padding:30px 40px}
    .mirador-login-left h1 {font-size:27px}
    .mirador-login-logo {width:130px;height:130px;margin-bottom:15px}
}
@media(max-width:480px) {
    .mirador-login {padding:22px 16px}
    .mirador-login-card {border-radius:20px}
    .mirador-login-left {padding:24px}
    .mirador-login-logo {width:115px;height:115px}
    .mirador-login-left h1 {font-size:25px}
    .mirador-login-features {font-size:12px;gap:8px}
    .mirador-login-icon {flex-basis:44px}
    .mirador-login-footer {font-size:10px}
}
@media(prefers-reduced-motion:reduce) {.mirador-login-submit{transition:none}.mirador-login-submit:hover{transform:none}}