/* ─── passwordFuerte.css ───
   Indicador de fortaleza de contraseña (auditoría de seguridad, punto 3B).
   Variables reales de styles.css (--navy-light, --muted, --green, --yellow,
   --red) -- el pedido original citaba --color-danger/--color-warning/
   --color-success, que no existen en este proyecto. */

.indicador-password {
  margin: 6px 0 10px;
}

.indicador-password-barra-fondo {
  height: 5px;
  background: var(--navy-light);
  border-radius: 3px;
  overflow: hidden;
}

.indicador-password .barra {
  height: 100%;
  width: 0;
  transition: width 0.2s ease, background 0.2s ease;
  border-radius: 3px;
}

.indicador-password-nivel {
  font-size: 11px;
  font-weight: 600;
  margin: 4px 0 6px;
}

.indicador-password-checks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px 10px;
  font-size: 11.5px;
}