/* Formulario de credenciales de la pantalla de acceso.
   Estética de marca vía tokens (sin colores literales). */
.login__fields { display: grid; gap: var(--s-4); margin-top: var(--s-5); }
.login__fields .field { margin: 0; }
.login__fields .field__label {
  display: block; font-size: var(--fs-12); font-weight: 700;
  color: var(--text-secondary); margin-bottom: 6px;
}
.login__fields .field__input {
  width: 100%; box-sizing: border-box; padding: 11px 13px;
  font-size: var(--fs-14); font-family: inherit;
  border: 1px solid var(--border-strong); border-radius: var(--r);
  background: var(--bg-surface); color: var(--text-primary);
  transition: border-color .12s, box-shadow .12s;
}
.login__fields .field__input:focus {
  outline: none; border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-soft);
}
.login__fields #btnEntrar { margin-top: var(--s-2); }
.login__error {
  background: var(--danger-soft); color: var(--danger-ink);
  border: 1px solid var(--danger); border-radius: var(--r);
  padding: 9px 12px; font-size: var(--fs-13); font-weight: 600;
}