/* auth.css — Bloque 5.2. Pantallas full-screen de login / cambio de password.
   Usa los tokens de sigdoc-theme.css. */

*{box-sizing:border-box}
body{margin:0;background:var(--bg-app);color:var(--text-principal);
  font:14.5px/1.5 "Segoe UI",system-ui,Roboto,sans-serif}
.centro{min-height:100vh;display:flex;flex-direction:column;align-items:center;
  justify-content:center;padding:24px}
.marca{font:600 18px inherit;color:var(--color-primario-oscuro);
  margin-bottom:18px;text-align:center}
.marca .ico{font-size:34px;display:block;margin-bottom:6px}
.marca .sub{font-size:13px;color:var(--text-secundario);font-weight:400}

.login-card{background:var(--bg-card);border:1px solid var(--border-suave);
  border-radius:var(--radio-grande);box-shadow:var(--sombra-card);
  padding:24px 26px;width:380px;max-width:92vw}
.login-card h2{font:600 15px inherit;margin:0 0 16px;text-align:center}
.warn-head{display:flex;align-items:center;gap:8px;color:var(--estado-alerta);
  font:600 15px inherit;margin-bottom:16px;justify-content:center;text-align:center}

.campo{margin-bottom:14px}
.campo label{display:block;margin-bottom:4px;font-size:12.5px;color:var(--text-secundario)}
.campo input{width:100%;background:var(--bg-card);color:var(--text-principal);
  border:1px solid var(--border-medio);border-radius:var(--radio-pequeno);
  padding:9px 11px;font:14px inherit}
.req{color:var(--estado-critico)}
.check-row{display:flex;align-items:center;gap:8px;margin:6px 0 16px;
  font-size:13px;color:var(--text-secundario)}
.check-row input{width:auto}
.err-box{background:var(--estado-critico-suave);color:var(--estado-critico);
  border-radius:var(--radio-pequeno);padding:8px 11px;font-size:13px;margin-bottom:14px}
.hint{color:var(--text-tenue);font-size:12px;margin-top:6px}

.btn{font:600 13.5px inherit;border-radius:var(--radio-pequeno);padding:9px 16px;
  border:1px solid var(--border-medio);background:var(--bg-card);
  color:var(--text-principal);cursor:pointer}
.btn-primary{background:var(--color-primario);border-color:var(--color-primario);color:#fff}
.btn-primary:hover{background:var(--color-primario-hover)}
.btn-full{width:100%}
.acciones{display:flex;gap:10px;margin-top:6px}
.acciones .btn{flex:1}