*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif}body{min-height:100vh;margin:0;padding:24px;background:linear-gradient(145deg,#082d4d 0%,#105b86 100%);display:flex;align-items:center;justify-content:center;color:#183851}.login{width:min(100%,510px);border-radius:18px;background:#fff;padding:34px 37px 28px;text-align:center;box-shadow:0 20px 60px rgba(0,20,40,.35)}.emblem{width:96px;height:96px;object-fit:contain}.eyebrow{font-weight:700;letter-spacing:1.5px;font-size:10px;color:#6685a0;margin:14px 0 7px}h1{margin:0;font-size:29px;letter-spacing:-.5px}.subtitle{color:#487795;margin:8px 0 25px}.signin{border:1px solid #dbe5ed;border-radius:12px;padding:22px;text-align:left;background:#f8fbfd}.signin h2{font-size:18px;margin:0 0 9px}.explanation{font-size:13px;color:#516d83;line-height:1.55;margin:0 0 17px}.signin label{display:block;color:#324e65;font-size:13px;font-weight:700;margin:13px 0 6px}.signin input{display:block;width:100%;padding:12px;border:1px solid #d2dee6;border-radius:8px;background:#eef2f6;color:#789;opacity:1;font-size:14px}.signin button{margin-top:19px;width:100%;border:0;border-radius:8px;background:#a9bdcd;color:#fff;padding:13px;font-size:14px;font-weight:700;cursor:not-allowed}.status{margin:18px 0 0;border:1px solid #c8dce9;background:#eaf4fa;padding:14px;border-radius:9px;color:#29506b;font-size:13px;line-height:1.5}.foot{font-size:11px;color:#6c8499;line-height:1.5;margin:20px 0 0}@media(max-width:520px){body{padding:15px}.login{padding:26px 19px}.signin{padding:17px}h1{font-size:25px}}
.signin input{background:#fff;color:#173a52}.signin button{background:#1768a8;cursor:pointer}.signin button:hover{background:#124c80}.signin .secondary{background:#e3ecf4;color:#184365;margin-top:8px}.signin .secondary:hover{background:#d0e0ed}.message{padding:12px;border:1px solid #b8d6ea;background:#eaf4fa;border-radius:8px;color:#153c57;font-size:13px}.message.error{border-color:#e4b1b1;background:#fff0f0;color:#842323}.signin p{line-height:1.55;font-size:13px}
.password-field{position:relative}.password-field input{padding-right:95px}.signin .password-field .password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:auto;margin:0;padding:8px 12px;background:#e3ecf4;color:#184365;border:1px solid #cbddea;border-radius:7px;cursor:pointer;font-size:12px}.signin .password-field .password-toggle:hover{background:#d0e0ed}

/* Temporizadores de identificación, equivalentes visuales al Portal del Voluntariado. */
.timer-message{margin:6px 0 3px;padding:10px 12px;border:1px solid #c8dce9;background:#eaf4fa;border-radius:8px;color:#204966;font-weight:700;font-variant-numeric:tabular-nums;}
.timer-details{font-size:12px!important;color:#526f83;margin:5px 0 10px;}
.signin button:disabled,.signin .secondary:disabled{background:#a9bdcd;color:#fff;cursor:not-allowed;opacity:.85;}