/**
 * Pantalla de acceso.
 *
 * Extraído de login.php: estaba incrustado, así que el navegador se lo
 * re-descargaba en cada navegación. Ahora se cachea.
 */
*{box-sizing:border-box;margin:0;padding:0}
/* Paleta en tokens.css. Solo se fija el tono oscuro del acento. */
:root{--yellow-dark:#c9a93a}
body{font-family:var(--font);background:var(--black);min-height:100vh;display:flex;align-items:center;justify-content:center}
.wrap{width:100%;max-width:420px;padding:2rem}
.logo{font-family:var(--font);font-weight:800;font-size:28px;color:var(--yellow);margin-bottom:8px;letter-spacing:-1px}
.sub{font-size:13px;color:#9a9a9a;margin-bottom:2.5rem}
.card{background:#1d1d1d;border:1px solid #2e2e2e;border-radius:10px;padding:2rem}
label{display:block;font-size:12px;color:#666;margin-bottom:6px;letter-spacing:.5px;text-transform:uppercase}
input[type=password]{width:100%;background:#111;border:1px solid #2e2e2e;border-radius:6px;padding:12px 16px;color:#fff;font-size:15px;font-family:var(--font);outline:none;transition:border .2s;margin-bottom:1.25rem}
input[type=password]:focus{border-color:var(--yellow)}
.btn{width:100%;background:var(--yellow);color:var(--black);border:none;border-radius:6px;padding:13px;font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;transition:opacity .2s}
.btn:hover{opacity:.85}
.error{background:#2a1515;border:1px solid #5a2020;color:#ff6b6b;border-radius:6px;padding:10px 14px;font-size:13px;margin-bottom:1rem}
.dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);display:inline-block;margin-right:6px;vertical-align:middle}